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

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

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

تگ شده :  

نویسنده پست
شنبه ، ۲۰ تیر ۱۳۹۴     ۹:۴۹ ب.ظ #


seyed jalal aldin

Subscriber
13 پست11 تاپیک

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

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

یا علی مدد

0  تشکر
یکشنبه ، ۲۱ تیر ۱۳۹۴     ۹:۱۵ ق.ظ #


Mr. MiM

Subscriber
158 پست11 تاپیک

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

0  تشکر
یکشنبه ، ۲۱ تیر ۱۳۹۴     ۱:۴۸ ب.ظ #


hamed_z2001

Subscriber
157 پست52 تاپیک

سلام .

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

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

 

0  تشکر
سه شنبه ، ۲۳ تیر ۱۳۹۴     ۷:۳۱ ق.ظ #


seyed jalal aldin

Subscriber
13 پست11 تاپیک

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

0  تشکر
چهارشنبه ، ۲۴ تیر ۱۳۹۴     ۹:۲۲ ق.ظ #


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  تشکر
چهارشنبه ، ۲۴ تیر ۱۳۹۴     ۱۲:۲۹ ب.ظ #


seyed jalal aldin

Subscriber
13 پست11 تاپیک

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

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

0  تشکر
چهارشنبه ، ۲۴ تیر ۱۳۹۴     ۲:۱۴ ب.ظ #


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 پست)

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