Bantuan » Komunitas WordPress Indonesia » Komunitas Pengguna » merubah tampilan standar menu bawaan thema travelify

  • salam kenal agan semua..saya newbie nie mau belajar, saya mau buat web prusahaan dengan menggunaakan thema travelify, dan udah hampir kelar, yang saya inginkan adalah mengganti tampilan menu standar thema yang saya pake menjadi lebih bagus dan menarik,

    blog yang saya pake : ini http://postimg.org/image/twehlvkrp/

    yang saya inginkan yang tampilan menu navigasi yang lebih bagus, dengan tampilan yang berbeda, atau contoh seperti ini :

Melihat 2 balasan - 1 sampai 2 (dari total 2)
  • Pencetus Utas heri8900

    (@heri8900)

    contoh tampilan menu navigasi yang saya inginkan

    : chevron =http://postimg.org/image/96j0mihn7/

    atau seperti yang lain yang agan bisa bantu, pokoknya berbeda dari menu dasar yang ada di themaa travelify ini

    yang saya tanyakan kepada agan2 semua . bagaiman caranya ?di bagian mana di style.css thema travelify ini yang saya ganti?atau tambah, berikut code cssnya:?mohon pencerahannnya agan2 semua

    /* =Menu
    ————————————————————–*/
    #main-nav ul {
    margin: 0; padding: 1; /* only needed if you have not done a CSS reset */
    }
    #main-nav li {
    display: block;
    float: left;
    line-height: 50px; /* this should be the same as your #main-nav height */
    height: 50px; /* this should be the same as your #main-nav height */
    margin: 2; padding: 1; /* only needed if you don’t have a reset */
    position: relative; /* this is needed in order to position sub menus */
    }
    #main-nav li a {
    display: block;
    height: 30px;
    line-height: 30px;
    padding: 10 15px;
    }
    /* Dropdown */
    #main-nav ul li ul,
    #main-nav ul li:hover ul ul,
    #main-nav ul ul li:hover ul ul,
    #main-nav ul ul ul li:hover ul ul,
    #main-nav ul ul ul ul li:hover ul ul {
    display: none;
    z-index: 9999;
    }
    #main-nav ul li:hover ul,
    #main-nav ul ul li:hover ul,
    #main-nav ul ul ul li:hover ul,
    #main-nav ul ul ul ul li:hover ul,
    #main-nav ul ul ul ul ul li:hover ul {
    display: block;
    }
    #main-nav ul li ul {
    position: absolute;
    background-color: #fff;
    border-bottom: 4px solid #439f55;
    top: 40px;
    left: 0px;
    width: 190px;
    }
    #main-nav ul li ul li {
    float: none;
    border-bottom: 1px solid #EAEAEA;
    border-left: 1px solid #EAEAEA;
    border-right: 1px solid #EAEAEA;
    padding: 0;
    }
    #main-nav ul li ul li a,
    #main-nav ul li.current-menu-item ul li a,
    #main-nav ul li ul li.current-menu-item a,
    #main-nav ul li.current_page_ancestor ul li a,
    #main-nav ul li.current-menu-ancestor ul li a,
    #main-nav ul li.current_page_item ul li a {
    float: none;
    line-height: 18px;
    font-size: 14px;
    font-weight: normal;
    height: 100%;
    padding: 2px 5px;
    color: #777;
    text-transform: capitalize;
    background: #fff;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    }

    #main-nav ul li ul li a:hover,#main-nav ul li ul li:hover > a,#main-nav ul li.current-menu-item ul li a:hover {
    background-color: #F9F9F9;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #439f55;
    }

    #main-nav select {
    display: none;
    }

    Kayanya ngak ada yg spesial dari menu di chevron. Yang berbeda cuman backgroundnya aja yang silver.

    Melihat sekilas web chevron yang harus dirubah di bagian :

    #main-nav ul li ul li a:hover,#main-nav ul li ul li:hover > a,#main-nav ul li.current-menu-item ul li a:hover {
    background: url(http://www.chevronindonesia.com/Images/bgNav.gif) repeat-x 0 100%;
    }

    Kemudian sesuaikan warna teks, warna background, dll.

    Copy aja gambarnya ke hosting kamu.

Melihat 2 balasan - 1 sampai 2 (dari total 2)
  • Topik ‘merubah tampilan standar menu bawaan thema travelify’ tertutup untuk balasan baru.