Регистрация    Войти
Авторизация

Новый вид комментария для uCoz с уголком

<!--ecode1-->/* ВИД КОММЕНТАРИЯ
===================================================*/
.cell_coment {
  list-style: none;  
  padding: 0px;  
  margin: 0px;
}

.cell_coment li {
  position: relative;
  padding-left: 60px;
  width: 500px;
}

.coment_info {
  position: relative;  
  text-align:justify;
  color: #555;
  background: #fff;  
  border: 1px solid #C9C9C9;
  padding: 10px;
  margin-bottom: 30px;
}

.coment_os {
  overflow: hidden;  
}

.coment_name,
.coment_nomer {
  padding-bottom: 5px;  
  }

.coment_message {
  width: 100%;
  border-top: 1px solid #C9C9C9;
  border-bottom: 1px solid #C9C9C9;
  padding: 5px 0px;
  }

.coment_rating {
  padding-top: 5px;  
  }

.coment_name,
.coment_nomer,
.coment_rating {  
  font:10px Verdana,Arial,Helvetica, sans-serif; color:#999;
  font-weight: bold;
  }

.avatar a:hover,  
.avatar {
  position: absolute;
  height: 45px;
  width: 45px;  
  left: 0;  
  }

.avatar img {
  height: 45px;
  width: 45px;  
  border: none;  
  }

.tip{
  position: absolute;
  top: 10px;
  left: -7px;  
  height: 13px;
  width: 9px;
  background: url("http://www.center-dm.ru/ucoz/vid_coment/fon_ugol.png") no-repeat top left;
  }

.coment_info,
.avatar a:hover {
  box-shadow: 0px 0px 5px #999;
  -moz-box-shadow: 0px 0px 5px #999;
  -webkit-box-shadow: 0px 0px 5px #999;  
  }

.left {float:left;}
.right {float:right;}
.clear {clear:left;}

.coment_rating a:hover img {filter: progid: DXImageTransform.Microsoft.Alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; filter: alpha(opacity=50);}
/* =================================================*/[/code]

В данном примере я использовал списки, каждый отдельный комментарий помещён в отдельный список, поэтому для того, чтобы вид комментарий смотрелся как и полагается, следует изменить параметр ширины ячейки с комментариями, а именно в выше предоставленном коде стилей css, изменить width: 500px; на свой.

P.S - Это экспериментальная рубрика в моём блоге, поэтому если вам понравилось данное решение, поставьте нужную ему оценку в конце материала. Исходя из данных оценок, я буду решать, стоит ли мне создавать интересные решения для системы uCoz.

primer_comenta_01.rar [13,69 Kb] (cкачиваний: 196)
Новые скрипты для ucoz

Есть вопросы по шаблону или скрипту? так задай их и мы ответим!

Автор: chestr  26-02-2011, 15:34   Просмотров: 4563   
уголком, uCoz, Новый, комментария,
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь. Мы рекомендуем Вам зарегистрироваться либо зайти на сайт под своим именем.

Albertig 26 февраля 2011 19:01
Для темного дизайна подойдет?

          1
Пользователь offline chestr 26 февраля 2011 19:48
Albertig, На вкус и цвет товарищей нет ! я думаю что не подайдёт!

          2
Naimanpvl 1 апреля 2011 01:28
width: 500px; уменьшал, но все так же осталось((( winked Я наверное тебе надоел smile

          3
Пользователь offline chestr 1 апреля 2011 10:13
Попробуй ещё тут изменить 500 на свое значение
Внимание! У вас нет прав для просмотра скрытого текста.


          4
Naimanpvl 1 апреля 2011 19:25
chestr, ёлки все равно как стоит, так и стоит


          5
Пользователь offline extazy 15 мая 2011 12:33
А надо ли создавать папку в файловом менеджере?если да то как называть?

          6

Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.