Приветствую Вас, Гость! Регистрация RSS

Fo.Ucoz.Com

Пятница, 22.11.2024
Онлайн фильмы на CINE-MA.RU · Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Вид новостей
panov Дата: Вторник, 13.12.2011, 18:09 | Сообщение # 1
Нет аватарки

Группа: Администраторы
Сообщений: 147
Репутация: 1
Статус: Offline
Вобщем на DLE где-то видел, при наведении на новость она меняла свой цвет, сейчас все поймете,вот скрин во-первых:

Пришла мне в голову сделать похожее и на uCoz, ну на самом деле это смог бы сделать каждый.
Заменяем
Code
/* Entries Style */  
  .eBlock {border:1px solid #252525;background:#FFFFFF;border-style:dotted;-webkit-border-radius: 10px........  
  /* ------------- */

Вот сам CSS код:
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;}  
  /* ------------- */


Что бы заменить цвет при наведении на новость вам нужно изменить вот эту строчку:
Code
.eBlock:hover {background:#E0EEEE;cursor:pointer;}

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

P.S. + я добавил еще круглые углы.
Прикрепления: 0741239.jpg (74.2 Kb)


  • Страница 1 из 1
  • 1
Поиск: