انجمن


راست چین کردن موضوعات superfish  (۶ نوشته)

  • sasanblue

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

    سلام.
    من از پوسته ای استفاده می کنم که از superfish برای ایجاد منوهای ajax استفاده می کنه.
    خواستم ببینم کسی میتون منو در راستچین کردن منوی موضوعاتش کمک کنه؟

    <div id="menu-wrap">
    
    		<?php if(function_exists('wp_nav_menu')) :
    		wp_nav_menu( array( 'sort_column' => 'menu_order', 'container_class' => 'ts-menu-main', 'menu_class' => 'sf-menu', 'fallback_cb' => 'ts_menu', 'theme_location' => 'main' ) );
    		else : ?>
    
    		<div class="ts-menu-main">
    		    <ul class="sf-menu">
    		        <?php if(!ts_get_option('ts_ex_home')) : ?>
    		        <li<?php if(is_front_page()) echo ' class="current"'; ?>><a href="<?php bloginfo('url'); ?>" title="<?php _e('Home',TS_DOMAIN); ?>"><?php _e('Home',TS_DOMAIN); ?></a></li>
    		        <?php endif; ?>
    		        <?php if(is_single()) : $category = get_the_category(); $current_cat = $category[0]->cat_ID; else : $current_cat = ''; endif;
    		        $ex_cats = ts_get_option('ts_ex_cats'); wp_list_categories('title_li=&current_category='.$current_cat.'&exclude='.$ex_cats.'&orderby=ID'); ?>
    		    </ul>
    		</div>
    
    		<?php endif; ?>
    
    	</div>

    اینم فایل css اش هست

    /*** ESSENTIAL STYLES ***/
    .sf-menu, .sf-menu * {
    	margin:			0;
    	padding:		0;
    	list-style:		none;
    }
    .sf-menu {
    	line-height:	1.0;
    }
    .sf-menu ul {
    	position:		absolute;
    	top:			-999em;
    	width:			150px; /* left offset of submenus need to match (see below) */
    }
    .sf-menu ul li {
    	width:			100%;
    }
    .sf-menu li:hover {
    	visibility:		inherit; /* fixes IE7 'sticky bug' */
    }
    .sf-menu li {
    	float:			left;
    	position:		relative;
    	width: 			auto;
    }
    .sf-menu a {
    	display:		block;
    	position:		relative;
    }
    .sf-menu li:hover ul,
    .sf-menu li.sfHover ul {
    	left:			0;
    	top:			40px; /* match top ul list item height */
    	z-index:		100;
    }
    ul.sf-menu li:hover li ul,
    ul.sf-menu li.sfHover li ul {
    	top:			-999em;
    }
    ul.sf-menu li li:hover ul,
    ul.sf-menu li li.sfHover ul {
    	left:			150px; /* match ul width */
    	top:			0px;
    }
    ul.sf-menu li li:hover li ul,
    ul.sf-menu li li.sfHover li ul {
    	top:			-999em;
    }
    ul.sf-menu li li li:hover ul,
    ul.sf-menu li li li.sfHover ul {
    	left:			150px; /* match ul width */
    	top:			0px;
    }
    
    /** DESTYLE MAIN MENU */
    
    .ts-menu-main {
    	position: relative;
    	height: 40px;
    	z-index: 10;
    	}
    .ts-menu-main a, .ts-menu-main a:visited  { /* visited pseudo selector so IE6 applies text colour*/
    	padding: 0 20px;
    	line-height: 40px;
    	background: transparent;
    	color: #fff;
    	font-weight: bold;
    	text-decoration: none;
    }
    .ts-menu-main li ul {
    	background: url(../../../img/bg-menu-sub.png) repeat left top;
    	border: 1px solid #2a2a2a;
    	border-top: none;
    }
    .ts-menu-main li.sfHover a,
    .ts-menu-main a:focus, .ts-menu-main a:hover, .ts-menu-main a:active,
    .ts-menu-main li.current-cat a, .ts-menu-main li.current a,
    .ts-menu-main li.current-menu-ancestor a,
    .ts-menu-main li.current-menu-item a {
    	color:#fff;
    	background: transparent url(../../../img/bg-menu-hover.png) repeat-x left top;
    	outline: 0;
    	}
    .ts-menu-main li li a {
    	padding: 0 20px;
    	line-height: 30px!important;
    	font-weight: normal!important;
    }
    .ts-menu-main li li:hover, .ts-menu-main li li.sfHover,
    .ts-menu-main li li a:focus, .ts-menu-main li li a:hover, .ts-menu-main li li a:active,
    .ts-menu-main li li.current-cat, .ts-menu-main li li.current,
    .ts-menu-main li li.current-menu-ancestor a,
    .ts-menu-main li li.current-menu-item a {
    	background: none;
    	color: #f4dec7;
    	outline: 0;
    }
    
    /** DESTYLE TOP MENU */
    
    .ts-menu-top {
    	position: relative;
    	height: 40px;
    	z-index: 20;
    }
    .ts-menu-top a, .ts-menu-top a:visited  { /* visited pseudo selector so IE6 applies text colour*/
    	padding: 0 10px;
    	line-height: 40px;
    	background: transparent;
    	color: #fff;
    	text-decoration: none;
    }
    .ts-menu-top li ul {
    	background: url(../../../img/bg-menu-sub.png) repeat left top;
    	border: 1px solid #2a2a2a;
    	border-top: none;
    }
    .ts-menu-top li:hover, .ts-menu-top li.sfHover,
    .ts-menu-top a:focus, .ts-menu-top a:hover, .ts-menu-top a:active,
    .ts-menu-top li.current-cat, .ts-menu-top li.current {
    	color:#f4dec7;
    	outline: 0;
    }
    .ts-menu-top li li a {
    	padding: 0 10px;
    	line-height: 30px!important;
    	color: #fff;
    	font-weight: normal!important;
    }
    .ts-menu-top li li:hover, .ts-menu-top li li.sfHover,
    .ts-menu-top li li a:focus, .ts-menu-top li li a:hover, .ts-menu-top li li a:active,
    .ts-menu-top li li.current-cat, .ts-menu-top li li.current {
    	background: none;
    	color: #f4dec7;
    	outline: 0;
    }
  • sasanblue

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

    لطفا کمک کنید
    ثواب داره
    فقط میخوام راستچینش کنم تا مجبور نشم موضوعات رو به لاتین بنویسم

  • آزاد

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

    خواهشا آدرس سایت را بدهید ،

  • sasanblue

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

    دارم روی لوکال تستش می کنم.
    لینک قالب: http://themeshift.com/download/destyle.zip

  • محسن غیاثی

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

    سلام دوست عزیز

    /*** ESSENTIAL STYLES ***/
    .sf-menu, .sf-menu * {
    	margin:			0;
    	padding:		0;
    	list-style:		none;
    	text-align: center;
    }
    .sf-menu {
    	line-height:	1.0;
    }
    .sf-menu ul {
    	position:		absolute;
    	top:			-999em;
    	width:			150px; /* left offset of submenus need to match (see below) */
    }
    .sf-menu ul li {
    	width:			100%;
    }
    .sf-menu li:hover {
    	visibility:		inherit; /* fixes IE7 'sticky bug' */
    }
    .sf-menu li {
    	float:			right;
    	position:		relative;
    	width: 			auto;
    }
    .sf-menu a {
    	display:		block;
    	position:		relative;
    }
    .sf-menu li:hover ul,
    .sf-menu li.sfHover ul {
    	right:			0;
    	top:			40px; /* match top ul list item height */
    	z-index:		100;
    }
    ul.sf-menu li:hover li ul,
    ul.sf-menu li.sfHover li ul {
    	top:			-999em;
    }
    ul.sf-menu li li:hover ul,
    ul.sf-menu li li.sfHover ul {
    	left:			150px; /* match ul width */
    	top:			0px;
    }
    ul.sf-menu li li:hover li ul,
    ul.sf-menu li li.sfHover li ul {
    	top:			-999em;
    }
    ul.sf-menu li li li:hover ul,
    ul.sf-menu li li li.sfHover ul {
    	left:			150px; /* match ul width */
    	top:			0px;
    }
    
    /** CUSTOM STYLE */
    
    #menu {
    	width: 762px;
    	margin: 0 auto 30px;
    }
    
    .sf-menu {
    	position: relative;
    	height: 40px;
    	z-index: 10;
    }
    .sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
    	padding: 0 20px;
    	line-height: 40px;
    	background: transparent;
    	color: #fff;
    	font-weight: bold;
    	text-decoration: none;
    }
    .sf-menu li ul {
    	background: url(../../img/bg-menu-sub.png) repeat left top;
    	border: 1px solid #2a2a2a;
    	border-top: none;
    }
    .sf-menu li:hover, .sf-menu li.sfHover,
    .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active,
    .sf-menu li.current-cat, .sf-menu li.current {
    	color:#fff;
    	background: transparent url(../../img/bg-menu-hover.png) repeat-x left top;
    	outline: 0;
    }
    .sf-menu li li a {
    	padding: 0 20px;
    	line-height: 30px!important;
    	font-weight: normal!important;
    }
    .sf-menu li li:hover, .sf-menu li li.sfHover,
    .sf-menu li li a:focus, .sf-menu li li a:hover, .sf-menu li li a:active,
    .sf-menu li li.current-cat, .sf-menu li li.current {
    	background: none;
    	color: #f4dec7;
    	outline: 0;
    }
    کاربران زیر به‌خاطر این نوشته تشکر کرده‌اند:
    sasanblue
  • sasanblue

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

    بسیار متشکرم دوست گرامی

    کاربران زیر به‌خاطر این نوشته تشکر کرده‌اند:
    محسن غیاثی

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



برچسب‌ها