aliakbar132

کمک در کدنویسی منو

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

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

لطفا کمک کنید


#topmenu{
position: absolute;
height: 35px;
width: 1100px;
background-image: url(../images/menu.png);
margin-top: -4px;
text-align: right;
font-size: 12px;
}
ul.menu {
list-style: none;
padding: 0;
font-family:Tahoma;
font-size: 12px;
line-height: 10px;
}

/* Clears all floated List Items */
ul.menu:after {
content: "";
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}

/* First Level List Items Style */
ul.menu li {
float: right;
margin: 0 10px 0 0;
position: relative;


}

/* First List Item in First Level Style */
ul.menu li:first-child {
margin: 0;
}

/* List Items Links Style */
ul.menu li a, ul.menu li a:link {
color: #fff;
text-decoration: none;
display: block;
padding: 0px 10px;

/* Text Shadow */
text-shadow: 0 1px 0 #4b433e;

/* Gradient Background */
/* Old browsers */


/* Border Radius */
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;

/* Box Shadows */


/* Transition Effect */
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
}

.separator {
cursor: pointer;
color: #fff;
text-decoration: none;
display: block;
padding: 10px 26px;

/* Text Shadow */
text-shadow: 0 1px 0 #4b433e;

/* Gradient Background */
/* Old browsers */


/* Border Radius */
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;

/* Box Shadows */
-webkit-box-shadow: inset 0 1px 0 #564b46,
0 1px 1px #181514;
-moz-box-shadow: inset 0 1px 0 #564b46,
0 1px 1px #181514;
box-shadow: inset 0 1px 0 #564b46,
0 1px 1px #181514;

/* Transition Effect */
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
}

/* List Items Links Hover State Style */
ul.menu li a:hover {
color: #999999;
background-color: transparent;
/* Text Shadow */
text-shadow: 0 1px 1px #000;

/* Gradient Background */
/* Old browsers */

/* Transition Effect */
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;

}

/* List Items Links Active and Selected State Style */
ul.menu li a.selected, ul.menu li a:active {
color: #73635e;


/* Text Shadow */
text-shadow: 0 1px 1px #000;

/* Box Shadows */
-webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,0.6),
0 1px 0 #5e524f;
-moz-box-shadow: inset 0 2px 4px rgba(0,0,0,0.6),
0 1px 0 #5e524f;
box-shadow: inset 0 2px 4px rgba(0,0,0,0.6),
0 1px 0 #5e524f;

/* Transition Effect */
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
}

/* Sub Menu Unordered List Second Level Style */
ul.menu li ul {
display: none;
}

/* Before Second Level Unordered List Style */
ul.menu li ul:before {
content: " ";
position: absolute;
display: block;
z-index: 1500;

top: -10px;
height: 10px;
width: 100%;
direction: ltr;
}

/* Sub Menu Unordered List Second Level Style
When Parent List Item is Hovered */
ul.menu li:hover ul {
position: absolute;
display: block;
z-index: 1000;
right: 0;
top: 22px;
text-align: center;
padding: 5px 0;
list-style: none;
background-image : url(../images/menu.png);

/* Box Shadows */


/* Border Radius */
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

/* Second Level Menu List Items Style */
ul.menu li ul li {
float: none;
margin: 0 10px;
border-bottom: 1px solid white;
border-top: 1px solid #3a3230;
direction: ltr;
}

/* First List Item in Second Level Menu Style */
ul.menu li ul li:first-child {
margin: 0 10px;
border-top: 0 none;
}

/* Last List Item in Second Level Menu Style */
ul.menu li ul li:last-child {
border-bottom: 0 none;
}

ul.menu li ul li a, ul.menu li ul li a:link {
color: #FFFFFF;
direction: ltr;
display: block;
background: transparent none;
padding: 10px;
white-space: nowrap;

/* Text Shadow */


text-align: center;

/* Border Radius */
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}

/* Second Level List Items Links Hover State Style */
ul.menu li ul li a:hover {
color: #FFFFFF;
background-color: #0033FF;

}

Share this post


Link to post
Share on other sites
آموزش ووکامرس قالب جوملا قالب وردپرس قالب رایگان وردپرس قالب رایگان جوملا هاست نامحدود هاست جوملا هاست لاراول هاست وردپرس هاست ارزان هاست ربات تلگرام خرید دامنه آموزش ساخت ربات تلگرام با php آموزش لاراول آموزش cPanel آموزش php آموزش فرم ساز RSform آموزش ساخت ربات جذب ممبر آموزش ساخت ربات دوستیابی آموزش ساخت ربات فروشگاهی برای ووکامرس آموزش طراحی سایت داینامیک با php آموزش بخش پشتیبانی با rsticket

از مدیریت ماژول منو نمایش زیر منو را بر رو بله قرار بدید مشکلتون حل میشه

Share this post


Link to post
Share on other sites

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

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

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

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


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

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

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


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