Подскажите.
Это код пяти блоков (Навигация,Популярное на сайте,Опрос,Архив новостей,Календарь)
Навигация выглядет как зеленый текст на черном фоне, принаведении курсора цвет меняется наоборот и выглядет как кнопка
1.Как сделать тоже самое в "популярное на сайте" Там просто белый текст с изменением на зеленый
2. 4 блок-архив новостей, текст вообще синий, сделать так же как в навигации.
3. Если нет возможности подсказать по 1 и 2. То помогите определиь границы блоков.
/* left blocs */
.bloc1_bg {background: url("../images/style/bloc1_bg.gif") repeat-y; width:198px; margin:17px 0 0 9px; float:left;}
.bloc1_bg_top {background: url("../images/style/bloc1_bg_top.gif") no-repeat;}
.bloc1_bg_bot {background: url("../images/style/bloc1_bg_bot.gif") no-repeat bottom; padding-bottom:4px;}
.bloc2_bg {background: url("../images/style/bloc1_bg.gif") repeat-y; width:198px; margin:17px 0 0 8px; float:left;}
.bloc2_bg_bot {background: url("../images/style/bloc1_bg_bot.gif") no-repeat bottom; padding-bottom:8px;}
.bloc_tit {color:#FFF; font-weight:bold; font-size:12px; padding:10px 0 5px 10px;}
.bloc_tit2 {color:#FFF; font-weight:bold; font-size:12px; padding:10px 0 15px 10px;}
.bloc_tit3 {color:#2c2c2a; font-weight:bold; font-size:12px; padding:10px 0 15px 10px;}
.bloc2_tit { border-bottom:1px dotted #5e5e5e; margin:0 8px 0 8px; padding:2px 0 3px 0;}
.bloc2_tit a {color:#d8d8d8; text-decoration:none;}
.bloc2_tit li {padding-bottom: 3px; padding-top: 3px;}
.bloc2_tit li:hover {background-color:#555555; }
.bloc2_tit a:hover {color:#b2ce3e; text-decoration:underline;}
.bloc_rek {background: url("../images/style/bloc_rek.gif") repeat-y; width:402px; margin:5px 0 0 9px;}
.bloc_rek_top {background: url("../images/style/bloc_rek_top.gif") no-repeat;}
.bloc_rek_bot {background: url("../images/style/bloc_rek_bot.gif") no-repeat bottom; padding-bottom:8px;}
.rek {padding:0 0 0 6px;}
.bloc3_bg {background: url("../images/style/bloc3_bg.gif") repeat-y; width:197px; margin:7px 0 0 10px; float:left;}
.bloc3_bg_top {background: url("../images/style/bloc3_bg_top.gif") no-repeat;}
.bloc3_bg_bot {background: url("../images/style/bloc3_bg_bot.gif") no-repeat bottom; padding-bottom:7px;}
.bloc_tit4 {color:#2c2c2a; font-weight:bold; font-size:12px; padding:6px 0 15px 10px;}
.bloc4_bg {background: url("../images/style/bloc3_bg.gif") repeat-y; width:197px; margin:7px 0 0 7px; float:left;}
.bloc_stol {background: url("../images/style/bloc_rek.gif") repeat-y; width:402px; margin:6px 0 0 9px;}
.bloc_stol_top {background: url("../images/style/bloc_stol_top.gif") no-repeat;}
.look_all {border-bottom:1px dotted #5e5e5e; margin:1px 8px 0 3px; padding:0 0 6px 1px;}
.look_all a {color:#b2ce3e; text-decoration:none; font-size:12px; font-weight:bold;}
.look_all a:hover {color:#d7ed7d;}
.look_all_body {color:#d8d8d8; margin:6px 8px 4px 4px; line-height:14px;}
.bloc5_bg {background: url("../images/style/bloc1_bg.gif") repeat-y; width:197px; margin:6px 0 0 7px; float:left;}
Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
|
Сообщение сайта
Подправить код
furaixp
0 
Вы мне код, я вам как - делать не надо.
10.12.2011, 13:11;
Сообщений: 52
