SONITAJ
چهارشنبه 28 فروردین 1392, 18:33 عصر
سلام
من یک منو افقی دانلود کردم و می خواهم اون را توی وب سایتم استفاده کنم . ولی نمیدونم کداو قسمت کد css اون را تغییر بدهم که مثل عکس نباشه و سمت راست قرار بگیره ومیخواهم رنگ پس زمینه اون به جای سیاه ُسورمه ایی رنگ ورنگ فونت های اون سفید باشه
102976
این هم کد css اون
.main_menu
{
height:30px;
line-height:30px;
color:#FFF;
position:relative;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
}
.main_menu ul
{
padding:0px;
margin:0;
list-style:right;
}
.main_menu ul li
{
padding:0;
margin:0;
border-right:1px solid #000000;
float:left;
background:#333333;
}
.main_menu ul li a
{
color:#FFF;
display:block;
text-decoration:none;
padding:0 25px;
}
.main_menu ul li a:hover
{
background:#3ea5ea;
color:#000;
}
.main_menu ul li ul
{
display: none;
width: auto;
position:absolute;
top:30px;
padding:0px;
margin:0px;
}
.main_menu ul li:hover ul
{
display: block;
position: absolute;
margin: 0;
padding: 0;
}
.main_menu ul li:hover li
{
float: none;
list-style:none;
margin:0px;
}
.main_menu ul li:hover li
{
background:#333;
border-top:1px solid #000000;
}
.main_menu ul li:hover li a
{
color: #fff;
padding:0 20px;
display:block;
width:170px;
}
.main_menu ul li li a:hover
{
color:#000;
}
ممنونم.
من یک منو افقی دانلود کردم و می خواهم اون را توی وب سایتم استفاده کنم . ولی نمیدونم کداو قسمت کد css اون را تغییر بدهم که مثل عکس نباشه و سمت راست قرار بگیره ومیخواهم رنگ پس زمینه اون به جای سیاه ُسورمه ایی رنگ ورنگ فونت های اون سفید باشه
102976
این هم کد css اون
.main_menu
{
height:30px;
line-height:30px;
color:#FFF;
position:relative;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
}
.main_menu ul
{
padding:0px;
margin:0;
list-style:right;
}
.main_menu ul li
{
padding:0;
margin:0;
border-right:1px solid #000000;
float:left;
background:#333333;
}
.main_menu ul li a
{
color:#FFF;
display:block;
text-decoration:none;
padding:0 25px;
}
.main_menu ul li a:hover
{
background:#3ea5ea;
color:#000;
}
.main_menu ul li ul
{
display: none;
width: auto;
position:absolute;
top:30px;
padding:0px;
margin:0px;
}
.main_menu ul li:hover ul
{
display: block;
position: absolute;
margin: 0;
padding: 0;
}
.main_menu ul li:hover li
{
float: none;
list-style:none;
margin:0px;
}
.main_menu ul li:hover li
{
background:#333;
border-top:1px solid #000000;
}
.main_menu ul li:hover li a
{
color: #fff;
padding:0 20px;
display:block;
width:170px;
}
.main_menu ul li li a:hover
{
color:#000;
}
ممنونم.