Rabu, Januari 16

Blockqoute With Classic Borders





1. Log in > Dashboard > Design > Edit Html

2. Tekan Ctrl F serentak dan search kod ini 

.post blockquote {


3. Dah jumpa ? Copy kod ini pulak


background:#FE9980;
-webkit-transition-duration: 2s;
padding: 12px;
margin: 2px 2px;
color: #ffffff;
border-right: 8px solid #B22400;
border-left: 2px solid #FFFFFF;
border-bottom: 2px solid #FFFFFF;
border-top: 2px solid #FFFFFF;
-moz-border-radius-bottomleft: 10px;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
}
.post blockquote:hover {
color: #000000;
-webkit-transition: 2s;
border-left:25px double #B22400;
background-image:url(http://sl.glitter-graphics.net/pub/917/917899fq8vju5i8x.gif);
background-position:bottom right;
background-repeat:
no-repeat;
}

4. Paste di bawah kod yang dicari tadi

5. Kemudian , SAVE....

merah tukar kepada URL icon yang kita suka

biru tukar kepada warna yang  berkenan di hati, boleh cari kat SINI

 hijau - Pilihan border sama ada solid : dashed : dotted

Tiada ulasan:

Alyazaira-Mentarisenja © All Rights Reserved
Best View With Mozilla Firefox