sub menu

Upload: farid

Post on 14-Jan-2016

216 views

Category:

Documents


0 download

DESCRIPTION

Sub Menu

TRANSCRIPT

  • 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