Balasan Forum telah dibuat

Melihat 1 balasan (dari total 1)
  • 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;
    }

Melihat 1 balasan (dari total 1)