Border At Sidebar Tittle

full credit :amalinalee.my. 


BEFORE.

AFTER.

 Template > Edit HTML > Proceed > Tick Expand Widget Templates.
 Tekan CTRL+F/F3, carilah code begini :
SIMPLE TEMPLATE atau TEMPLATE DESIGNER
 h2 {
DENIM TEMPLATE
.sidebar h2 {
MINIMA TEMPLATE
h2 {

#Kalau bawah code tu ada code yang sama atau lebih kurang sama macam kat bawah ni, TOLONG DELETE.

FOR SIMPLE TEMPLATE.

FOR DENIM TEMPLATE.

Now, copy code ni dan pastekan di BAWAH code yang korang cari tadi tu :

padding:2px;margin:1.5em 0 .75em;background: #FFFFFF;
border-top: 3px dotted #000000;
border-bottom: 3px dotted #000000;
border-left: 3px solid #000000;
border-right: 3px solid #000000;
-moz-border-radius: 25px 10px / 10px 25px; border-radius: 25px 10px / 10px 25px;text-align:center;
}                                                                                                                   h2:hover {padding:2px;margin:1.5em 0 .75em;-moz-border-radius: 1em 4em 1em 4em; border-radius: 1em 4em 1em 4em;
text-align:center;
background: #FFFFFF;
border-left: 3px solid #000000;
border-right: 3px solid #000000;
background-image:url(URL ICON COMEY LOTE);
background-position:bottom right;background-repeat:no-repeat;
}



 Kalau nak selamat, preview dulu. After takda error, save je lah :)


NOTES :
ABC : Warna background.
ABC : Ketebalan border.
ABC : Boleh ditukarken kepada solid / dashed / dotted.
ABC : Warna border. CODE WARNA DI SINI.
ABC : Jenis-jenis border. Kalau nak tukar, TEKAN SINI. Gantikan aje code tu dengan border yang korang nak :) 
ABC : Kedudukan text. Tukar ke left right center. Suka hati korang ah nak ape.
ABC : Masukkan URL ICON cute yang korang suka. Pastikan ambik yang kecik. Ni ada beberapa icon yang cute, just take it URL. Kalau tak lawa jugak, cari sendiri okay? 


http://www.drikoti.net/Goodies/Favicons/Ico/fv-new11.ico
http://www.drikoti.net/Goodies/Favicons/Ico/fv-new05.ico
http://www.drikoti.net/Goodies/Favicons/Ico/fv-new01.ico
http://www.drikoti.net/Goodies/Favicons/Ico/fv-new20.ico
http://www.drikoti.net/Goodies/Favicons/Ico/fv-new19.ico
http://www.drikoti.net/Goodies/Favicons/Ico/fv-new17.ico
http://www.drikoti.net/Goodies/Favicons/Ico/fv-new13.ico

Tidak ada komentar:

Posting Komentar

After Read My Post? Dont Forget to Comment

Related Posts Plugin for WordPress, Blogger...
 
Fully Design By Ihza | For Ihza 2013-2015 ©| Best View: Google Chrome