Вид новостей - Форум сайта

Поиск:

Страница 1 из 1
1

Вид новостей

pereLl

Дата: Пятница, 01.04.2011, 13:39 | Сообщение # 1

Offline

Премиум
Ранг: Лейтенант
52 Сообщения

Профиль пользователя

[Table]Вобщем на DLE где-то видел, при наведении на новость она меняла свой цвет, сейчас все поймете,вот скрин во-первых: [/Table]

[Table]Заменяем [/Table]

Code

/* Entries Style */
.eBlock {border:1px solid #252525;background:#FFFFFF;border-style:dotted;-webkit-border-radius: 10px........
/* ------------- */

[Table]Вот сам CSS код: [/Table]

Code

/* Entries Style */
.eBlock {border:1px solid #252525;background:#FFFFFF;border-style:dotted;-webkit-border-radius: 10px; -moz-border-radius: 10px;border-radius: 10px;}
.eBlock:hover {background:#E0EEEE;cursor:pointer;}
.eTitle {background: url('') no-repeat; padding: 5px 0px 7px 10px !important; font-size:10pt;font-weight:bold;color:#000; font-style:normal;border-bottom-style:dashed;border-bottom-width:1px; font-family:Tahoma;}
.eTitle a:link {text-decoration:none; color:#363636;}
.eTitle a:visited {text-decoration:none; color:#363636;}
.eTitle a:hover {text-decoration:underline; color:#252525;}
.eTitle a:active {text-decoration:underline; color:#000;}

.eMessage {text-align:justify;padding:5px !important;font-size:10pt;font-family: Arial, serif;}
.eText {text-align:justify;padding:10px !important;}
.eDetails {border-top:1px dashed #cbcebc;border-bottom:0px dashed #cbcebc;color:#1A1A1A;padding:5px; text-align:left;font-size:8pt; background: #FFFFFF;-webkit-border-radius: 10px; -moz-border-radius: 10px;border-radius: 10px;}
.eDetails1 {border-top:1px dashed #cbcebc;border-bottom:0px dashed #cbcebc;color:#1A1A1A;padding:5px; text-align:left;font-size:8pt;background: #ebebeb;}
.eDetails2 {border-bottom:1px dashed #cbcebc;color:#1A1A1A;padding:0px; text-align:left;font-size:8pt;}
.eRating {font-size:9pt;}

.eAttach {margin: 16px 0 0 0; padding: 0 0 0 15px; background: url('/.s/t/803/7.gif') no-repeat 0px 0px;}
/* ------------- */

[Table]Что бы заменить цвет при наведении на новость вам нужно изменить вот эту строчку: [/Table]

Code

.eBlock:hover {background:#E0EEEE;cursor:pointer;}

[Table]Где background:#E0EEEE; - это цвет который меняется при наведении

P.S. + я добавил еще круглые углы.[/Table]

[TableGrey] 86.110.177.71:27016[/TableGrey]

Вид новостей

Страница 1 из 1
1