Friday, October 14, 2011

Tutorial: Border di sidebar



Salam uolls!

Tadi aku dah buat eksperimen tutorial untuk border di kotak entri. Adeyhh, terkeluar biji mata buat eksperimen tu, ni dah bubuh balik, aku sambung buat tutorial neh pulak. haaaa...
Tutorial ni aku nak ajar macam mana nak asingkan setiap sidebar kat tepi tu atau dengan kata lain buat border.

1) Seperti biasa, dashboard > design > edit HTML > tick expand widget templates

2) Tekan ctrl-F, cari kod ni

]]></b:skin>

3) Dah jumpa, copy and paste kod kat bawah ni di atas atau sebelum kod yang korang cari tu.

.sidebar .widget {
background : #ffffff ;
border: 5px solid #000000;
-moz-border-radius: 35px;border-radius: 35px;
margin:0 0 2em;
padding:10px 10px 10px 10px ;

4) Pastu kene tukar,

#ffffff - warna background. kod warna boleh cari di SINI
border - 5px, ketebalan border. solid boleh tukar dashed, dotted, double.
#000000, warna.
-moz-border-radius: 35px;border-radius: 35px; - boleh tukar border lain, tengok SINI

Yang lain tu jangan gatal-gatal nak tukar ye.

5) Siap, PREVIEW dulu okeh. Pastu baru save.

chaow!


Thanks for your reading love! =D

0 00 orang duk bersembang:

Related Posts Plugin for WordPress, Blogger...