رفتن به مطلب

مشکل در css منوی


پست های پیشنهاد شده

سلام دوستان

وقتی به زیر ناحیه که دارای زیر منو هستش میرم زیر منو خودش باز میشه(ناحیه hover به اندازه کل زیر منو میشه ) چه طوری درستش کنم

<div class="smenu">
<ul>
<li><a href="#"> لینک ازمایشی </a>
<ul>
<li><a href="#"> لینک ازمایشی </a></li>
<li><a href="#"> لینک ازمایشی </a></li>
<li><a href="#"> لینک ازمایشی </a></li>
<li><a href="#"> لینک ازمایشی </a></li>
</ul>
</li>
<li><a href="#"> لینک ازمایشی </a></li>
<li><a href="#"> لینک ازمایشی </a></li>
</ul>
</div>

.smenu {
float:right ; background:#0C9 ; margin:0 500px
}
.smenu ul {
list-style:none
}
.smenu ul li {
float:right;
margin: 12px 0 10px 14px; position:relative
}
.smenu ul li a {
color:#ffffff;
font:normal 13px BYekan;
padding:2px;
border-radius:5px;
transition:all 0.3s;
-webkit-transition:all 0.3s
}
.smenu ul li a:hover {
color:#696969;
background:#d7d7d7
}

.smenu ul li>ul { background: #E64646;
float: right;
top: 24px;
right: -1px;
position: absolute;
width: 100px;
border-radius: 5px; z-index:100 ; opacity:0 ;
}
.smenu ul li:hover ul { opacity:1}
.smenu ul li ul>li { margin:2px ; float:right ; }

لینک به ارسال

از این میشه تو وردپرس استفاده کرد؟؟؟؟؟؟؟؟؟

مگه تو وردپرس به جای تگ ul از کد برای فهرست استفاده نیکنیم

اگه تو تگ ul کلاس یا ایدی بدیم استایلش فراخونی نمیشه که!!!!!!

لینک به ارسال

از این میشه تو وردپرس استفاده کرد؟؟؟؟؟؟؟؟؟

مگه تو وردپرس به جای تگ ul از کد برای فهرست استفاده نیکنیم

اگه تو تگ ul کلاس یا ایدی بدیم استایلش فراخونی نمیشه که!!!!!!

مشکلی نداره. خروجی فهرست وردپرس ul و li هست. شما کافیه css ها رو اضافه کنید و به جای ساختار html تابع فراخوانی فهرست بنویسید.

لینک به ارسال

ممنون

میشه یه منو که فقط با ul li ( زیرمنو هم داشته باشه) استایل دهی شده معرفی کنید

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...