تازه کار: راهی برای ساخت زیر مجوعه برای منو

این تاپیک 6 پاسخ و 4 مشارکت کننده دارد . آخرین آپدیت توسط :  Saleh Katebi ،‏ 1 سال و 4 ماه پیش .

این تاپیک تاکنون 265 بازدید داشته است .

تگ شده :  

نویسنده پست
شنبه ، 11 جولای 2015     9:49 ب.ظ #


seyed jalal aldin

Subscriber
13 پست11 تاپیک

سلام خدمت دوستای خوب سون لرنیم من تازه وارد کار وبلاگ نویسی شده ام و نمی دونم چه طور باید برای منو بار یک زیر مجموعه بسازم ..

دیگه دارم دیوونه میشم اگه ی تونین لطفا از کمک کردن به من دریغ نکنید ..

یا علی مدد

0  تشکر
یکشنبه ، 12 جولای 2015     9:15 ق.ظ #


Mr. MiM

Subscriber
157 پست10 تاپیک

منظورتون از "ساختن زیرمجموعه برای منو بار" همین منوهای کشویی هست که توو همین سایت هم می بینید ؟!

0  تشکر
یکشنبه ، 12 جولای 2015     1:48 ب.ظ #


hamed_z2001

Subscriber
156 پست51 تاپیک

سلام .

برای ساخت موی باید از لیستها استفاده کنید .داخل هر لیست یکسری li هایی باید قرار بدی تا منو ساخته بشه.

حالا برای اینکه بتونی زیر منو به هر کدوم از li ها نسبت بدی کافیه که داخل li (قبل از بسته شدن تگ) یک li جدید قرار بدی ... بقیشم کار استایل دهی و ... که بتونی تر  و تمیزش کنی ..

 

0  تشکر
سه شنبه ، 14 جولای 2015     7:31 ق.ظ #


seyed jalal aldin

Subscriber
13 پست11 تاپیک

اگر کمی بیشتر توضیح دهید ممنون می شم..

0  تشکر
چهار شنبه ، 15 جولای 2015     9:22 ق.ظ #


Saleh Katebi

Subscriber
125 پست0 تاپیک


<ul>
<li>
<a rel="nofollow" href="#">item</a>
<ul>
<li>
<a rel="nofollow" href="#">subitem</a>
</li>
</ul>
</li>
</ul>
[/cod]
وقتی li هاور میشه ul دوم باید display: block بشه

0  تشکر
چهار شنبه ، 15 جولای 2015     12:29 ب.ظ #


seyed jalal aldin

Subscriber
13 پست11 تاپیک

از توجه سازنده تان بسیار سپاس گذاریم..

اگر لطف کنید مقداری بیشتر توضیح دهید بیشتر سپاس گذار خواهم بود..

0  تشکر
چهار شنبه ، 15 جولای 2015     2:14 ب.ظ #


Saleh Katebi

Subscriber
125 پست0 تاپیک

به li اون منویی که قراره زیر منو اضافه بشه شما یک ul اضافه کنید که استایلش display: none هست. بعد به hover اون li بگید که ul استایل display: block داشته باشه به این صورت:
   <ul class="menu">
<li>
<a rel="nofollow" href="#">item</a>
<ul>
<li>
<a  rel="nofollow" href="#">subitem</a>
</li>
</ul>
</li>
</ul>
.menu > li > ul
{
display: none;
}
.menu > li:hover > ul
{
display: block;
}

0  تشکر
پست 1 تا 7 (از مجموع 7 پست)

برای پاسخ دادن به این تاپیک باید وارد سایت شوید .