PDA

View Full Version : سوال: در مورد تغيير سي اس اس در منوي هاي باز شونده



GraphX
یک شنبه 22 اسفند 1389, 15:23 عصر
سلام دوستان
من در حال ويرايش يه قالب بودم كه زير هدرش يه منوي باز شونده داره اما زيرمنو هاش سمت راست باز ميشن
مي خواستم ببينم چطوري مي تونم كاري كنم كه زير منو ها سمت چپ باز بشن ؟


پ.ن: كدوم قسمت از كد ها نيازه كه اينجا قرار بدم ؟

Javad.Kashi
یک شنبه 22 اسفند 1389, 23:18 عصر
سلام
دوست عزیز خواسته شما با توجه به کدنویسی شما و مقادیر position ها قابل حل می باشد . لطفا کد خود در اینجا قرار دهید تا به بررسی آن بپردازیم.

یا علی

GraphX
یک شنبه 22 اسفند 1389, 23:39 عصر
ممنون از پاسخت دوست عزيز

اين قسمت كد منوي باز شونده


<div id="main_navi" class="clearfix" >
<ul id="nav" class="dropdown dropdown-horizontal" >
<li class="page_item page-item-2"><a href="http://localhost/wpt4/?page_id=2" title="برگه نمونه">برگه نمونه</a></li>
<li class="store "><a href="http://localhost/wpt4/?page=store">فروسشگاه</a>
<ul><li class="cat-item cat-item-12"><a href="http://localhost/wpt4/?category_name=Calculators" title="نمايش ‌همه‌ي نوشته‌ها درباره‌ي موضوع Calculators">Calculators</a>
</li><li class="cat-item cat-item-9"><a href="http://localhost/wpt4/?category_name=Camcorders" title="نمايش ‌همه‌ي نوشته‌ها درباره‌ي موضوع Camcorders">Camcorders</a>
</li>
<li class="cat-item cat-item-5"><a href="http://localhost/wpt4/?category_name=Cameras" title="نمايش ‌همه‌ي نوشته‌ها درباره‌ي موضوع Cameras">Cameras</a>
<ul class='children'>
<li class="cat-item cat-item-7"><a href="http://localhost/wpt4/?category_name=Digital-ELPH-PowerShot-Cameras" title="نمايش ‌همه‌ي نوشته‌ها درباره‌ي موضوع Digital ELPH PowerShot Cameras">Digital ELPH PowerShot Cameras</a>
</li>
<li class="cat-item cat-item-6"><a href="http://localhost/wpt4/?category_name=EOS-Digital-SLR-Cameras" title="نمايش ‌همه‌ي نوشته‌ها درباره‌ي موضوع EOS Digital SLR Cameras">EOS Digital SLR Cameras</a>
</li>
</ul>
</li>
<li class="cat-item cat-item-4"><a href="http://localhost/wpt4/?category_name=Feature" title="نمايش ‌همه‌ي نوشته‌ها درباره‌ي موضوع Feature">Feature</a>
</li>
<li class="cat-item cat-item-8"><a href="http://localhost/wpt4/?category_name=Lenses-&amp;-Flashes" title="نمايش ‌همه‌ي نوشته‌ها درباره‌ي موضوع Lenses &amp; Flashes">Lenses &amp; Flashes</a>
</li>
<li class="cat-item cat-item-10"><a href="http://localhost/wpt4/?category_name=Projectors" title="نمايش ‌همه‌ي نوشته‌ها درباره‌ي موضوع Projectors">Projectors</a>
</li>
<li class="cat-item cat-item-11"><a href="http://localhost/wpt4/?category_name=Scannners---Copiers" title="نمايش ‌همه‌ي نوشته‌ها درباره‌ي موضوع Scannners – Copiers">Scannners – Copiers</a>
</li>
</ul>
</li>
<li class="Blog "><a href="http://localhost/wpt4/?page=Blog">وبلاگ</a></li>
<li class="current_page_item "><a href="http://localhost/wpt4/" >خانه</a></li>
</ul>
</div>



اينم كد هاي سي اس اس

#main_navi { background:url(1-default/nav_sepretor.png) repeat-x top; }

.searchform { direction:rtl;}
.searchform .s { background:#fff; border:1px solid #e0e2e1; float:right }
.search_btn { background:url(1-default/b_search.png) no-repeat right top; }

/* special_offers --------------- */
.special_product { border:1px solid #bababa; background:#eee url(1-default/special_offers_bg.png) no-repeat left 10px; }
.special_product p span.price { color:#d70e32; }
.special_product .special_img { border:1px solid #ccc; display:block; background:#fff; }

/*---------TOP NAVIGATION for PAGES--------- */
#main_navi ul.dropdown li { background:url(1-default/i-partition.png) no-repeat right bottom; }
#main_navi ul.dropdown li ul li { border-style: solid; border-width: 1px; border-color: #ccc #ccc #ccc; background:#fff; }
#main_navi ul.dropdown li ul li.hover, #main_navi ul.dropdown li ul li:hover, #main_navi ul.dropdown li ul li.current-cat:hover, ul.dropdown li ul li.current_page_parent:hover, ul.dropdown li ul li.current_page_item:hover { background: #eee; }
#main_navi ul.dropdown li a:link, #main_navi ul.dropdown li a {color: #272928; }
#main_navi ul.dropdown li ul li a:link, #main_navi ul.dropdown li ul li a { cursor:pointer; color:#666; text-align:right; direction:ltr; }
#main_navi ul.dropdown li ul li a:hover, #main_navi ul.dropdown li ul li:hover a, #main_navi ul.dropdown li ul li.current-cat ul li a:hover { cursor:pointer; color:#333; }
#main_navi ul.dropdown li ul li.current-cat a, #main_navi ul.dropdown li ul li.current-cat-parent a, #main_navi ul.dropdown li ul li.current-cat-parent ul li.current-cat a, #main_navi ul.dropdown li.current_page_item a, #main_navi ul.dropdown li ul li.current_page_parent a,
#main_navi ul.dropdown li ul li ul li.current_page_item a { color:#d70e32; }
#main_navi ul.dropdown li.store li a, #main_navi ul.dropdown li ul li.current-cat ul li a, #main_navi ul.dropdown li ul li.current-cat-parent ul li a,
#main_navi ul.dropdown li ul li ul li.current_page_item a { color:#666; }

#main_navi ul.dropdown li ul li.current-cat a, #main_navi ul.dropdown li ul li.current-cat-parent ul li.current-cat a, #main_navi ul.dropdown li ul li.current-cat-parent a { background:#eee; }
#main_navi ul.dropdown li ul li.current-cat ul li a, #main_navi ul.dropdown li ul li.current-cat-parent ul li a { background:#fff; }
#main_navi ul.dropdown li ul li.current-cat ul li a:hover, #main_navi ul.dropdown li ul li.current-cat-parent ul li.current-cat a { background:#eee; }

ul.dropdown li ul li.current-cat, ul.dropdown li ul li.current_page_item, ul.dropdown li ul li.current_page_parent, #main_navi ul.dropdown li ul li.current-cat-parent ul li a:hover { background:#eee; color:#d70e32; }