rezakianoosh

ساخت منو drop down برای دسته بندی ( موضوعات ) با css

17 پست در این موضوع قرار دارد

سلام دوستان من یه منو drop down با css برای بخش موضوعات قالب جدید که دارم طراحی میکنم درست کردم ولی نمیدونم برای زیرمجموعه ها باید از چه اسمی برای کلاس استفاده کنم الان منو با یه ککلاس جدا داره کار میکنه ولی مثلا وقتی کلاس رو به این شکل تعریف میکنم .ul li ul دگه کار نمیکنه و نمیتونه محل زیر منو ها رو مشخص کنه میخام یه موضوعات مثل سایت تورتک به ادرس http://tortak.com/ داشته باشم.( میتونستم برم کدها رو کپی کنم :D اما میخام یاد بگیرم نه فقط مشگلم حل شه ! )

0

به اشتراک گذاری این پست


لینک به پست

سلام، منوهای آماده زیاد هست که بخواهید از اونها استفاده کنید.

ولی بازهم اگر بخواهید برای یادگیری انجام بدید خب خیلی بهتره.

برای زیرمجموعه ها نیازی نیست کلاسی تعریف کنید. شما میتونید به صورت آبشاری در css بهش مقدار بدین.

یک مثال ساده:

http://www.cssnewbie.com/example/css-dropdown-menu/

5

به اشتراک گذاری این پست


لینک به پست

ببینید css ای که من نوشتم رو به همراه کدهای html ش lمیطارم الان یه خورده گیج شدم شما میگید نیاز نیست کلاس تعریف کنم و به صورت ابشاری بهش مقدار بدم خب این قسمت مقدار دهی ابشاری رو باد در کدوم بخش کدهای css ام انجام بدم ؟ از چه دستورهایی استفاده کنم ؟؟؟

کدهای css


#menu {
position:relative;
direction:rtl;
}
a{
text-decoration:none;
color:#FFFFFF;
}
a:hover{
color:#FF0000;
background-color:#CCCCCC;
}
#menu {
position:relative;
}
#menu a{
display:block;
width:180px;
padding:8px;
text-align:center;
border:#666 solid 1px;
background-color:#030;
}
#menu ul{
list-style-type:none;
padding-top:0px;
}
#menu li{
float:right;
position:relative;
text-align:center;
}
#menu li ul a{
text-align:center;
border:0px;
border-bottom:solid #F00 1px;
}
#menu ul.p{
display:none;
position:absolute;
top:30px;
margin-right:0px;
padding:0px;
z-index:999;
}
#menu li:hover ul.p{
display:block;
border:1px solid #000;
}
.clear {
clear:both;
}

کدهای html ای که استفاده کردم .


<body>
<div id="menu">
<ul>
<li><a href="#">منو 1 </a>
<ul class="p">
<li><a href="#">زیرمجموعه 1 </a></li>
<li><a href="#">زیرمجموعه 2 </a></li>
<li><a href="#">زیرمجموعه 3 </a></li>
<li><a href="#">زیرمجموعه 4 </a></li>
</ul>

</li>
<li><a href="#">منو 2</a></li>
<!--
<li><a href="#">منو 3 </a>
<ul>
<li><a href="#">زیرمجموعه 1 </a></li>
<li><a href="#">زیرمجموعه 2 </a></li>
<li><a href="#">زیرمجموعه 3 </a></li>
<li><a href="#">زیرمجموعه 4 </a></li>
</ul>
</li>
-->
</ul>
<div class="clear"></div>
</div>
</body>

البته این فایل تمرینیم هست و صد در صد منویی که در قالب استفاده میشه از این قشنگتره :D لطفا توضیح بدید تا ملتفت شم ممنون از دوستان

0

به اشتراک گذاری این پست


لینک به پست

عزیزان اسانید کسی نمیخاد به این بینوا کمک کنه :D

0

به اشتراک گذاری این پست


لینک به پست

سلام

کدی که شما دادی خیلی ساده هست و اصلا زیر منویی نداره.

بهتر برای یادگیری از آدرس های زیر استفاده کنید:

http://webdesignerwall.com/tutorials/css3-dropdown-menu

+

http://users.tpg.com.au/j_birch/plugins/superfish/

4

به اشتراک گذاری این پست


لینک به پست

خب منم همین منو ساده رو میخام دیگه مثله قالب جدید سایت iran98.org باشه . اما میخام بدونم نحوه ادرس دهی چطور هست که وقتی موس میره روی دسته مادر زیرمنوهاش ( بچه هاش ) رو نشون میده

0

به اشتراک گذاری این پست


لینک به پست

شما دو تا آدرسی که دادم رو بررسی کردید؟ خیلی ساده توضیح دادن.

2

به اشتراک گذاری این پست


لینک به پست

بله دیدم ولی دسته بندی میخام که تو اینترنت اکسپلوره هم جواب بده

0

به اشتراک گذاری این پست


لینک به پست

superfish بدون مشکل روی همه مرورگرها جواب میده و کار میکنه.

من روی همه پروژه هام از superfish استفاده میکنم.

0

به اشتراک گذاری این پست


لینک به پست

superfish بدون مشکل روی همه مرورگرها جواب میده و کار میکنه.

من روی همه پروژه هام از superfish استفاده میکنم.

superfish چی هست حالا؟

0

به اشتراک گذاری این پست


لینک به پست

پست 5 آدرس داده شده.

یک کد برای ایجاد فهرست بازشو

1

به اشتراک گذاری این پست


لینک به پست

سلام دوستان من یه منو با زیر منو طراحی کردم حالا چطوری به وردپرس وصلش کنم که زیر منو هاش هم کار کنه؟

0

به اشتراک گذاری این پست


لینک به پست

بهترین راه استفاده از فهرست هست.


http://forum.wp-parsi.com/tutorials/article/3-%D8%A7%D9%81%D8%B2%D9%88%D8%AF%D9%86-%D9%82%D8%A7%D8%A8%D9%84%DB%8C%D8%AA-%D9%81%D9%87%D8%B1%D8%B3%D8%AA-%D8%AF%D9%84%D8%AE%D9%88%D8%A7%D9%87-%D8%A8%D9%87-%D9%BE%D9%88%D8%B3%D8%AA%D9%87/

2

به اشتراک گذاری این پست


لینک به پست

آقای مهدوی من یه منو شبیه این سایت میخوام.www.tasnimnews.com

0

به اشتراک گذاری این پست


لینک به پست

به اینها میگن mega menu

0

به اشتراک گذاری این پست


لینک به پست

خب! آموزش ندارید؟

0

به اشتراک گذاری این پست


لینک به پست

همینی که دادم رو جستجو کنید هم آموزش های متنوعی وجود داره و هم افزونه وجود داره

0

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری