Wednesday 29 January 2014

Create Border Sidebar v2

Assalamualaikum. Di sini aku nak tunjukkan cara untuk create borde sidebar melengkung.

1. Dashboard > Design > Template > Edit HTML

2. Tekan Ctrl+F serentak, dan cari code di bawah ni.
/b:skin>      @       .sidebar .widget {
3. Then copy code yang diberikan ini
.sidebar .widget { text-align: left;background:#FFCC99;-moz-border-radius: 20px;-webkit-border-radius: 20px;border-radius: 20px;border:2.0px dashed #FF6600;margin:0 -5px 1.5em -5px;padding:10px 7px 10px 7px}
4. Paste di atas code no. 2 (   /b:skin>     @       .sidebar .widget {    ) 
         Note; Merah - Saiz lengkungan yang korang nak. 
                  Oren   - Saiz border. Makin besar saiz,makin tebal border.
                  Purple - Jenis border - solid/ dotted/ dashed (tengok jenis border).
                  Biru    - Warna border/ background. Kod warna di SINI.
                  Pink    - Keluasan border dari tajuk dan content sidebar.
Jenis - Jenis Border
5.  Preview terlebih dahulu. Sekiranya menjadi klik Save. 

Tutorial ini berdasarkan apa yang telah aku buat

No comments:

Post a Comment