انجمن


تغییر در منو بالایی  (۳ نوشته)

  • behrooznaj

    آفلاین
    عضو
    تعداد نوشته‌ها: ۷
    # نوشته شده: ۷ سال پیش
    ۷ خرداد ۱۳۹۲ - ۲۰:۲۹

    در این سایت
    http://www.top8.ir
    منوهایی مانند " تغذیه و بهداشت " که چند زیر منو دارند، زیر منو ها یک پله پایین تر نشان داده می شوند
    حساسیت منو نیز به جا به جایی ماوس زیاد است

    تنظیمات منو از کدام قسمت انجام میشود ؟ برای این منو از افزونه یا برنامه ای استفاده نشده است

    <div class="rand-b">

    <ul class="dropdownt">
    <?php wp_list_categories('title_li'); ?>

    </div>

  • caypiyouler

    آفلاین
    عضو
    تعداد نوشته‌ها: ۱۹۹
    تشکر شده: ۹۶ بار
    # نوشته شده: ۷ سال پیش
    ۷ خرداد ۱۳۹۲ - ۲۱:۱۳

    مربوط به جاوا اسکریپت و سی اس اس میشه

    اونا رو باید ویرایش کنید .

    موفق باشید

  • behrooznaj

    آفلاین
    عضو
    تعداد نوشته‌ها: ۷
    # نوشته شده: ۷ سال پیش
    ۷ خرداد ۱۳۹۲ - ۲۳:۳۸

    هیچ اسکریپتی بهش وصل نیست

    این سی اس اس مربوطه است :

    ul.dropdownt {
    margin:0px auto;
    width:960px;
    z-index:2000;
    }
    ul.dropdownt li {
    float : right;
    border-radius : 0;
    margin : 0;
    padding : 3px;
    list-style : none;
    z-index:1000;
    }

    ul.dropdownt a:hover {
    color:#27C6D6;
    }
    ul.dropdownt li a {
    height:30px;
    margin:0px auto;
    float:right;
    line-height:25px;
    margin-right:8px;
    font-family:byekan;
    font-size:13px;
    color:#dadada;
    }

    ul.dropdownt li:last-child a {
    border-right : none;
    }
    ul.dropdownt li.hover, ul.dropdownt li:hover {
    position : relative;
    }
    ul.dropdownt li.hover a {
    color:#1796a1;
    }
    ul.dropdownt ul {

    width : 250px;
    visibility : hidden;
    position : absolute;

    list-style : none;
    opacity:1;
    margin:0px auto;

    background : #424242;
    margin-top:28px;
    z-index:2000;

    }
    ul.dropdownt ul li {
    font-weight : normal;
    background : #222222;
    color : #fff;
    list-style : none;
    float : none;
    height:25px;
    border-bottom:1.5px solid #555;

    }
    ul.dropdownt ul li:last-child {
    }

    ul.dropdownt ul li a {
    border-right : none;
    width : 100%;
    display : inline-block;
    text-align:right;
    }

    ul.dropdownt ul ul {
    right : 100%;
    top : 0;
    list-style : none; z-index:2000;
    }
    ul.dropdownt li:hover > ul {
    visibility : visible;
    list-style : none;
    z-index:2000;
    }

درباره‌ی این موضوع



برچسب‌ها