ایا این طراحی منو برای ورد پرس مشکل دارد؟

این تاپیک 1 پاسخ و 2 مشارکت کننده دارد . آخرین آپدیت توسط :  reza____ebliser ،‏ 1 سال و 3 ماه پیش .

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

نویسنده پست
یکشنبه ، 16 آگوست 2015     10:19 ق.ظ #


mohammad karimi

Subscriber
144 پست100 تاپیک

سلام خدمت دوستان من این منو برای قالب سایتم استفاده کزدم فقط ازتگ navاستفاده نکردم مشکلی ندارد بعدا میتوانم از توابع phpبرای این قسمت برای فهرست بندی مدیریت ورد پرس استفاده کنم.با تشکر.Ul-MainMenuای دی Ulهم است.
#Ul-MainMenu li
{
font-family:'BYekan';
float:right;
font-size:14px;
position:relative;
list-style:none;
transition:all 0.2s;

}
#Ul-MainMenu  a
{    font-family:'BYekan';
text-decoration:none;
color:#FFF;
font-size:14px;
display:block;
padding:20px 20px;
border-left:1px solid #0018ff;
transition:all 0.2s;
-ms-transition:all 0.2s;
-o-transition:all 0.2s;
-mz-transition:all 0.2s;
}
#Ul-MainMenu li:hover a{
color:#779ddd;
}

#Ul-MainMenu li:hover li a
{
color:#666;
background:#FFF;
}
#Ul-MainMenu ul li a:hover
{

background: rgba(2,58,107,1);
background: -moz-linear-gradient(top, rgba(2,58,107,1) 0%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(2,58,107,1)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(top, rgba(2,58,107,1) 0%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top, rgba(2,58,107,1) 0%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top, rgba(2,58,107,1) 0%, rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(2,58,107,1) 0%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#023a6b', endColorstr='#ffffff', GradientType=0 );

color:#1800ff;

}
#Ul-MainMenu ul
{
background:#779ddd;
display:none;
width:200px;
height:auto;
position:absolute;
right:1px;
margin-top:5px;
border:1px solid #c4c5c5;
z-index:100;
box-shadow:0 3px 5px #646464;
}

#Ul-MainMenu li:hover>ul
{
display:inline-block;
border-bottom:6px solid #00F;

}
#Ul-MainMenu ul li
{
float:none;
}

0  تشکر
یکشنبه ، 16 آگوست 2015     8:07 ب.ظ #


reza____ebliser

Subscriber
568 پست67 تاپیک

دوست عزیز خوب کار کردی و مشکلی آنچنانی نداره

فقط ترانزیشن ها رو کامل بذار

-webkit-transition:all 0.5s;
-moz-transition:all 0.5s;
-o-transition:all 0.5s;
-ms-transition:all 0.5s;
-khtml-transition:all 0.5s;
transition:all 0.5s;

و از همه مهمتر برای z-index عدد بزرگتری تعریف کن

چون معمولاً اسلایدر و بقیه اجزا این مقدار رو میگیرن

البته دست خود شما هست و شما باید حواست باشه عدد بالاتر برای بقیه اجزا قرار ندی که منو روی اونها نمایش داده بشه

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

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