Mengubah warna coloum sidebar

Di template minima, su ingin mengubah warna coloum sidebar agar tidak sama dengan warna coloum posting. Memang jika dirujuk kepada kod asli dari template tersebut, kita tidak dapat membuat kedua2nya berbeza warna kerana memang di sediakan untuk satu warna. Tetapi pada kali ini,su akan cuba mengubahnya.

Minima baru


Untuk template baru, ianya memakai variable warna. Dengan adanya variable warna maka si pemakai template dapat mengubah warna mengikut kehendak sendiri di bahagian menu Font and Colour. Contoh variable warna dari template minima seperti ini :


<Variable name="bgcolor" description="Page Background Color"
type="color" default="#fff" value="#ffffff">


Tugas u all adalah membuat variable baru, terserah u all untuk menamakannya, akan tetapi di sarankan untuk membuat nama variable dengan nama yang mudah di ingat.Sila ikuti langkah berikut ini:

Letakkan kod berikut dibawah kod variable :

<Variable name="sidebarbgcolor" description="background sidebar1"
type="color" default="#999" value="#e6e6e6">


Tambahkan pula kod berikut pada kod untuk coloumn sidebar, yang warna bold adalah kod yang harus di tambahkan :



/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
width: 660px;
margin:0 auto;
padding:10px;
text-align:left;
font: $bodyfont;
}
#main-wrapper {
width: 410px;
float: left;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

#sidebar-wrapper {
width: 220px;
float: right;
background:$sidebarbgcolor1; /* ini kod yang perlu ditambah */
padding: 7px; /* ini kod yang perlu ditambah */
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}


Jika penambahan kod sudah selesai, jangan lupa untuk menekan butang Save Template. Bagaimana jika coloumn posting juga ingin berwarna? seperti yang tadi juga, u all kena buat variable warna dan letakkan kod diantara kod coloumn posting. Jika sidebarnya ada dua? sama saja, tinggal buat variable, kemudian letakkan kod tambahan pada sidebar yang satu lagi.



Ini contoh sidebar minima yang telah su buat dengan sidebarnya berwarna , sila klik di SINI!
Selamat Berjaya!

Luangkanlah sedikit masa korang untuk memberi komen di blog ini kerana setiap komen yang dibuat oleh korang amat bermakna dan secara tidak langsung ianya memberi suntikan semangat untuk saya terus menulis di blog ini...