Membuat Bakground Warna-Warni serta List Icon Berbeda Pada NavigationMywapblog (MWB) Part 1

Untuk Naviagtion Mywapblog/ MWB kita dapat membuat latar menjadi berwarna -warni berikut css nya

#navigation-menu li:nth-child(odd) {background:#eee;margin:0;padding:3px;list-style-image: url(alamat ikon pertama);list-style-position:inside} #navigation-menu li:nth-child(even) {background:#ddd;margin:0;padding:3px;list-style-image: url(http:// url-gambar);list-style-position:inside}

Ganti warna background atau list style dengan kesukaan sobat.Itu hanya contoh pada #navigation-menu li,dan bisa diterapkan pada #category-bottom li,#blogroll li, dan .post-content li.

Selain cara diatas dapat juga menggunakan css ini
#navigation-menu li {background:#eee;margin:0;padding:2px;list-style-image: url(http:// url-gambar);list-style-position:inside} #navigation-menu li+li {background:#ddd;margin:0;padding:2px;list-style-image: url(http:// url-gambar);list-style-position:inside} #navigation-menu li+li+li {background:#ccc;margin:0;padding:2px;list-style-image: url(http:// url-gambarg);list-style-position:inside} #navigation-menu li+li+li+li {background:#bbb;margin:0;padding:2px;list-style-image: url(http:// url-gambar);list-style-position:inside} #navigation-menu li+li+li+li+li {background:#aaa;margin:0;padding:2px;list-style-image: url(http:// url-gambar);list-style-position:inside} #navigation-menu li+li+li+li+li+li {background:#999;margin:0;padding:2px;list-style-image: url(http:// url-gambar);list-style-position:inside} #navigation-menu li+li+li+li+li+li+li {background:#888;margin:0;padding:2px;list-style-image: url(http:// url-gambar);list-style-position:inside} #navigation-menu li+li+li+li+li+li+li+li {background:#777;margin:0;padding:2px;list-style-image: url(http:// url-gambar);list-style-position:inside}

#navigation-menu li dapat digunakan juga pada digunakan pada #category-bottom li,#blogroll li dan .post-content li.
Ganti warna background dan list style (icon) dengan gambar masing2. Untuk keterangannya adalah.
#navigation-menu li {untuk list nomor 1}
#nanigation-menu li+li {untuk list nomor 2}
#navigation-menu li+li+li {untuk list nomor 3} dst
Cukup tambahkan +li untuk setiap kenaikan satu nomor.

sumber : FLAMBONS