sub menu
DESCRIPTION
Sub MenuTRANSCRIPT
-
7/18/2019 Sub Menu
1/3
Pertama, ubahsesuaikan setelan tab menu dan menu halaman yang akan ditampilkan,dimana caranya adalah seperti yang tampak pada gambar di bawah ini.
Sumber gambar: blogger.com
Keterangan:
1. Pilih Tab atas untuk menampilkan bilah menu di bawah header.
2. enu yang dibuat pada bagian tersebut !dalam tanda angka 2" hanya menu yang tidak memiliki sub menu di dalamnya.
#pabila setelan telah disesuaikan, maka selan$utnya klik menu Simpan setelan.
Kedua, buka editor template dengan cara mengeklik menu Template >EditHTML >Lanjutkan >Expand Template Widget.
Ketiga, cari kode ]]>dan kemudian sisipkan kode %SS berikut ini tepat diatasnya.
.tabs-inner.widgetliul{
z-index: 100;position: absolute;
left: -999em;height: auto;margin: 0; padding: 0;
border: 1px solid #999999;
}
.tabs-inner.widgetliul .tabs-inner.widgetliula
.tabs-inner.widgetliulli:first-!hild a {
-moz-border-radius: 0px;-web"it-border-radius: 0px;
-goog-ms-border-radius: 0px;border-radius: 0px;
}
.tabs-inner.widgetli:hoer ul .tabs-inner.widgetli.sfhoerul{
left: auto;
}
.tabs-inner.widgetlilia:hoer .tabs-inner.widgetlilia:a!tie {
!olor: #ffffff;ba!"ground: rgb$%1 10& 1%'(;
}
.tabs-inner.widgetliula {
displa): blo!";padding-left: 1.&%em;padding-right: 1.&%em;
-
7/18/2019 Sub Menu
2/3
margin-left: 0px;margin-right: 0px;border: none;
!olor: #000000;ba!"ground: rgb$&*' &** &*+(;
}
.tabs-inner.widgetliul .tabs-inner.widgetliula {
width: &&0px;
}
Keterangan:
#nda dapat mengubah warna garis, teks, background, dan lebar menu dengan menyesuaikan beberapa kode berikut ini:
&ode border: 1p' solid ())))))*digunakan untuk mengatur setelan garis, color: (++++++* background: rgb!2-, 2, 2"*digunakan untukmengatur warna de/ault teks dan beckground, color: (//////* background: rgb!01, 1+2, 10-"*digunakan untuk mengatur warna teks danbackground ketika disorot, dan width: 22+p'*digunakan untuk mengatur lebar sub menu.
Keempat, cari kode
-
7/18/2019 Sub Menu
3/3
Sumber: http:66eltelu.blogspot.com62+126+76cara8menambahkan8sub8menu8pull8
down.html(i'992oy7k3S4
http://eltelu.blogspot.com/2012/08/cara-menambahkan-sub-menu-pull-down.html#ixzz2Hoy8kRSLhttp://eltelu.blogspot.com/2012/08/cara-menambahkan-sub-menu-pull-down.html#ixzz2Hoy8kRSLhttp://eltelu.blogspot.com/2012/08/cara-menambahkan-sub-menu-pull-down.html#ixzz2Hoy8kRSLhttp://eltelu.blogspot.com/2012/08/cara-menambahkan-sub-menu-pull-down.html#ixzz2Hoy8kRSL