انجمن


ویرایش منو های آبشاری و راست چین کردن زیر منو ها  (۱ نوشته)

  • دانلود تلگرام

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

    سلام دوستان
    من دارم یه قالب رو فارسی میکنم . الان رسیدم به منو های فهرست
    پوسته از منو های آبشاری پشتیبانی میکنه . اما وقتی با ماوس میری رو منو ها زیر منو ها به سمت راست باز میشن. جهت فارسی سازی منو ها رو آوردم سمت راست اما حالا زیر منو ها باید به سمت چپ باز بشن.
    برای این کار باید سی اس اس ویرایش بشه یا فایل اسکریتپی که مخصوص افکت منو ها هستش؟

    این کد سی اس اس برای منو ها و زیر منو ها هستش :

    .menu-secondary-wrap {
        padding: 6px 0 0 6px;
        position:relative;
        height: 34px;
        z-index: 300;
        background: #fff;
        padding-right: 5px;
    }
    
    .menu-secondary {
    
     float: right;
    }
    
    .menu-secondary ul {
        min-width: 160px;
    
    }
    
    .menu-secondary li {
      float: right;
    }
    
    /* First Level */
    .menu-secondary li a {
        color: #555555;
        background: url(images/menu-secondary-bg.png) left top repeat-x;
        padding: 11px 15px;
    	text-decoration: none;
        font-family: Arial, Helvetica, Sans-serif;
        font-size: 12px;
        text-transform: uppercase;
        font-weight: bold;
        margin-right: 3px;
        text-shadow: 0 1px 0 #fff;
    
    }
    
    .menu-secondary li a:hover, .menu-secondary li a:active, .menu-secondary li a:focus,
    .menu-secondary li:hover > a, .menu-secondary li.current-cat > a, .menu-secondary li.current_page_item > a, .menu-secondary li.current-menu-item > a {
        color: #fff;
        background: url(images/menu-secondary-bg.png) left -134px repeat-x;
        outline: 0;
        text-shadow: 0 1px 0 #25668a;
    }
    
    /* Child Levels */
    
    .menu-secondary li li a {
    	color: #fff;
        background: #CA0000;
        padding: 10px 15px;
        text-transform: none;
        margin: 0;
        font-weight: normal;
        text-shadow: none;
        -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    
    }
    
    .menu-secondary li li a:hover, .menu-secondary li li a:active, .menu-secondary li li a:focus,
    .menu-secondary li li:hover > a, .menu-secondary li li.current-cat > a, .menu-secondary li li.current_page_item > a, .menu-secondary li li.current-menu-item > a {
    	color: #fff;
        background: #F20000;
        outline: 0;
        text-shadow: none;
    }
    
    /* Arrows */
    
    .menu-secondary a.sf-with-ul {
        padding-right: 26px;
        min-width: 1px;
    
    }
    .menu-secondary  .sf-sub-indicator {
        position: absolute;
        display: block;
        overflow: hidden;
        right: 0;
        top:  0;
        padding: 8px 13px 0 0;
    
    }

    ممنون میشم اگه تجریه ای توی این زمینه دارید من رو راهنمایی کنید.

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