سوالات وردپرسی خود را اینجا مطرح کنید و پاسخ بگیرید

[vahab00]

ممنون
الان برای منو من این استایل رو دادم،حالا برای اون آبشاری باید برای برای li یک ul بنویسم درسته؟

.top-menu{float:right;width:960px;height:46px;background:url('images/top-menu.png') repeat;border-right:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb;border-left:1px solid #dbdbdb;}.top-menu ul{float:right;width:960px;height:30px;margin-right:10px;list-style-type:none;padding-top:8px;}
.top-menu ul li{float:right;height:20px;font-family: 'BYekan';font-size:13px;font-weight:normal;color:#6a6a6a;border-left:1px solid #6a6a6a;padding:7px 10px 0 10px;}

برای دسته بندی هم مثل این میخوام

http://www.androidha.com/

بله برای زیر منو بایل ul به شکل زیر در استایل شما تعریف بشه

.top-menu ul li ul{

}
.top-menu ul li ul li{

}

برای دسته بندی مثل این سایت از استایل های زیر استفاده کنید

.menu {
	margin:8px 20px 20px;
} 

.menu li {
	list-style:none;
	line-height:22px;
	padding-right:20px;
	font-weight:bold;
}

.menu li ul li {
	background:url(http://www.androidha.com/wp-content/themes/androidha/images/folder.png) right no-repeat;
	padding-right:20px;
	font-weight:normal;
}

البته باید یادآوری کنم ک div اصلی باید کلاس menu داشته باشه تا دسته بندیتون درست بشه

[fanix]

بله برای زیر منو بایل ul به شکل زیر در استایل شما تعریف بشه

.top-menu ul li ul{

}
.top-menu ul li ul li{

}

البته باید یادآوری کنم ک div اصلی باید کلاس menu داشته باشه تا دسته بندیتون درست بشه

متشکر

بعد برای اینکه در حالت hover شدن نمایش داده بشه به چه صورت هست؟

[vahab00]

متشکر

بعد برای اینکه در حالت hover شدن نمایش داده بشه به چه صورت هست؟

بستگی به نوع مخفی کردن شما داره داداش
میشه با بردن به قسمت های دیگر سایت مخفی کردش و آور فلو بهش داد تا نماش داده نشه
مثلا شما میای میگی

<ul>
<li><a href="#">vahab</a><ul>
<li><a href="#">SubVahab</a></li>
<li><a href="#">SubVahab</a></li>
</ul>
</li>
<li><a href="#">vahab</a></li>
</ul>

برای مخفی کردن ul این با روش بالا میایم میگیم

ul{overflow: hidden;}
ul li ul{
position: absolute;
left: -9999px;
}
ul li:hover ul{
position: relative;
left: 10px;
}

اما من چکار کردم ؟
اومدم گفتم ul دوم رو ببر به -9999 پیکسل صفحه
خب یعنی اومده چپترین جای صفحه اما قبلش بهش گفتم overflow مخفی باشه
آور فلو همون اسکرول صفحه هست گفتم برای ul اسکرول ننداز
بعد گفتم وقتی رو ul li کلیک کرد ul ک رفته به -9999 صفحه تغییرش بده و بکنش relative و بیار به 10 پیکسل از سمت چپش

امیدوارم متوجه توضیحاتم شده باشید

[fanix]

بستگی به نوع مخفی کردن شما داره داداش
میشه با بردن به قسمت های دیگر سایت مخفی کردش و آور فلو بهش داد تا نماش داده نشه
مثلا شما میای میگی

<ul>
<li><a href="#">vahab</a><ul>
<li><a href="#">SubVahab</a></li>
<li><a href="#">SubVahab</a></li>
</ul>
</li>
<li><a href="#">vahab</a></li>
</ul>

برای مخفی کردن ul این با روش بالا میایم میگیم

ul{overflow: hidden;}
ul li ul{
position: absolute;
left: -9999px;
}
ul li:hover ul{
position: relative;
left: 10px;
}

اما من چکار کردم ؟
اومدم گفتم ul دوم رو ببر به -9999 پیکسل صفحه
خب یعنی اومده چپترین جای صفحه اما قبلش بهش گفتم overflow مخفی باشه
آور فلو همون اسکرول صفحه هست گفتم برای ul اسکرول ننداز
بعد گفتم وقتی رو ul li کلیک کرد ul ک رفته به -9999 صفحه تغییرش بده و بکنش relative و بیار به 10 پیکسل از سمت چپش

امیدوارم متوجه توضیحاتم شده باشید

متشکر عالی بود آقا وهاب

[vahab00]

متشکر عالی بود آقا وهاب

خواهش میکنم
موفق باشید
فقط حواستون باشه مثل کدی که من گذاشتم نیاید تعریف نکنید بگید همه Ul هاس صفحه رو مخفی کن
به ul اول یا div قبلش کلاس بدید و بگید ul های تو این div رو اینطور کن
چون ممکنه در روش من تو صفحتون کدهایی باشه ک اینطور همگانی بهم بخوره