Показать сообщение отдельно
  #34 (permalink)  
Старый 10.09.2010, 16:51
Аватар для Golovastik
Профессор
Отправить личное сообщение для Golovastik Посмотреть профиль Найти все сообщения от Golovastik
 
Регистрация: 12.08.2010
Сообщений: 221

Вот вроде сделал как я хотел, но вот хотел спросить. Посмотрите пожалуйста на файл стилей.
Цитата:
/*Стили для сайта*/
* {
margin:0;
padding:0;
}
body {
min-width:770px;
}
img {
border: 0;
}
.shapka {height: 155px; background:url(img/header.jpg) no-repeat; }
.shapkafon {height: 155px; background:url(img/fon.jpg) repeat-x; }
#right{float:right; width:213px; }
#left{float:left; width:213px; }

#center{margin-left:213px; margin-right:213px;}
.title{height:34px; background:url(img/videoyroki.png) no-repeat;
border:1px solid black; }

#footer{background:url(img/footer.jpg); repeat-x; height:45px; clear:both;}
.menu{font-family:Verdana, sans-serif; font-size:12px;
padding:3px 0px 5px 37px; }
.menu a{text-decoration:none; }
.menu a:visited{color:black;}
/*-----------------Иконки для меню---------------------------*/
#ikonka_menu1{background:url(img/p1.jpg) 5px center no-repeat;
padding-top:10px; padding-bottom:10px;
border:1px solid black; border:1px solid #CCCCCC; border-bottom:0px;
background-color:#f7f8f6;
}

#ikonka_menu2{background:url(img/p2.jpg) 5px center no-repeat;
padding-top:10px; padding-bottom:10px;
border:1px solid black; border:1px solid #CCCCCC;border-bottom:0px;
background-color:#f7f8f6;
}

#ikonka_menu3{background:url(img/p3.jpg) 5px center no-repeat;
padding-top:10px; padding-bottom:10px;
border:1px solid black; border:1px solid #CCCCCC; border-bottom:0px;
background-color:#f7f8f6;
}

#ikonka_menu4{background:url(img/p4.jpg) 5px center no-repeat;
padding-top:10px; padding-bottom:10px;
border:1px solid black; border:1px solid #CCCCCC;border-bottom:0px;
background-color:#f7f8f6;
}

#ikonka_menu5{background:url(img/p5.jpg) 5px center no-repeat;
padding-top:10px; padding-bottom:10px;
border:1px solid black; border:1px solid #CCCCCC; border-bottom:0px;
background-color:#f7f8f6;
}

#ikonka_menu6{background:url(img/p6.jpg) 5px center no-repeat;
padding-top:10px; padding-bottom:10px;
border:1px solid black; border:1px solid #CCCCCC; border-bottom:0px;
background-color:#f7f8f6;
}

#ikonka_menu7{background:url(img/p7.jpg) 5px center no-repeat;
padding-top:10px; padding-bottom:10px;
border:1px solid black; border:1px solid #CCCCCC; border-bottom:0px;
background-color:#f7f8f6;
}

#ikonka_menu8{background:url(img/p8.jpg) 5px center no-repeat;
padding-top:10px; padding-bottom:10px;
border:1px solid black; border:1px solid #CCCCCC; border-bottom:0px;
background-color:#f7f7f7;
}

#ikonka_menu9{background:url(img/p9.jpg) 5px center no-repeat;
padding-top:10px; padding-bottom:10px;
border:1px solid black; border:1px solid #CCCCCC; border-bottom:0px;
background-color:#f7f8f6;
}


#ikonka_menu10{background:url(img/p10.jpg) 5px center no-repeat;
padding-top:10px; padding-bottom:10px;
border:1px solid black; border:1px solid #CCCCCC; border-bottom:0px;
background-color:#f7f7f7;
}

#ikonka_menu11{background:url(img/p11.jpg) 5px center no-repeat;
padding-top:10px; padding-bottom:10px;
border:1px solid black; border:1px solid #CCCCCC;border-bottom:0px;
background-color:#f7f8f6;
}

#ikonka_menu12{background:url(img/p12.jpg) 5px center no-repeat;
padding-top:10px; padding-bottom:10px;
border:1px solid black; border:1px solid #CCCCCC; border-bottom:0px;
background-color:#f7f8f6;
}


#ikonka_menu13{background:url(img/p13.jpg) 5px center no-repeat;
padding-top:10px; padding-bottom:10px;
border:1px solid black; border:1px solid #CCCCCC; border-bottom:0px;
background-color:#f7f8f6;
}

#ikonka_menu14{background:url(img/p14.jpg) 5px center no-repeat;
padding-top:10px; padding-bottom:10px;
border:1px solid black; border:1px solid #CCCCCC; border-bottom:0px;
background-color:#f7f8f6;
}

#ikonka_menu15{background:url(img/p15.jpg) 5px center no-repeat;
padding-top:10px; padding-bottom:10px;
border:1px solid black; border:1px solid #CCCCCC;border-bottom:0px;
background-color:#f7f8f6;
}

#ikonka_menu16{background:url(img/p16.jpg) 5px center no-repeat;
padding-top:10px; padding-bottom:10px;
border:1px solid black; border:1px solid #CCCCCC; border-bottom:0px;
background-color:#f7f8f6;
}

#ikonka_menu17{background:url(img/p17.jpg) 5px center no-repeat;
padding-top:10px; padding-bottom:10px;
border:1px solid black; border:1px solid #CCCCCC; border-bottom:0px;
background-color:#f7f7f7;
}

#ikonka_menu1:hover{background-color:white;}

/*--------------------------------------------------------------*/

Это для каждого пункта меню теперь писать строку:
#ikonka_menu1:hover{background-color:white;}
Чтоб фон менялся при наведении?
Вложения:
Тип файла: zip sitik.ru.zip (144.6 Кб, 1 просмотров)
Ответить с цитированием