Приветствую Вас Прохожий | RSS Воскресенье, 04.12.2016, 23:20
Меню сайта
ВИДЕО УРОКИ СКРИПТЫ UCOZ ШАБЛОНЫ UCOZ ФОТОШОП UCOZ КАТАЛОГ СТАТЕЙ ВЕБМАСТЕРУ UCOZ ВИДЕО ФОТОШОПА ДОПОЛНЕНИЕ САЙТА РАЗДЕЛ СТУДИИ УСЛУГИ НАШЕГО САЙТА


Мини-чат
Все вопросы задаем в форуме,
здесь они игнорируются!



Статистика
Онлайн всего: 13
Гостей: 12
Пользователей: 1
LESIYI



Главная » Файлы » Скрипты для uCoz » Скрипты Вид новостей

Вид комментариев и стилизация добавления комментария

Вид комментариев и стилизация добавления комментария комментариев, стилизация, добавления, комментария
Вид комментариев от сайта ucozon.ru и стилизация формы добавления комментария, протестировано на тестовом сайте.
Стильный пергамент и нежный цвет дает эффект живой бумаги что как раз является стильным для комментариев к сайтам свободной тематики.
По тональности

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

и придает легкость и элегантность нижней части новости сайта, исходя из того что комментарии находятся на странице модулей полной новости с комментариями к ней.

Форма добавления комментария очень красиво и стильно смотрится с самими формами комментов,
так же в форме этой добавлен графический стиль для кнопок
добавлен эффект при написание сообщения выделение окантовки поля добавления сообщения

Установка вида сообщений(комментариев):
1 вставляем сам код HTML в Панель управления -- Комментарии -- вид комментариев


Code
<div style="width: auto; margin-left: 20px;" id="appEntry88"><b></b></div><div id="comEnt91" style="width: auto; margin-left: 20px;">  
  <table class="cBlock1" border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr>  
  <td style="padding: 6px; background: url("http://usms.ucoz.ru/img/comment-dark.png") no-repeat scroll right bottom transparent;"> <div class="avatar-top"> <div class="avatar-bottom"> <div class="avatar-mid">  
  <a href="$PROFILE_URL$" title="$USERNAME$"><img alt="" src="$USER_AVATAR_URL$" style="margin-left: 9px;" border="0" width="80"></a> </div> </div> </div> <div class="comment-content">  
  <div style="float: right; font-size: 11px; font-family: Arial,sans-serif;"></div><div class="cTop" style="text-align: left;">  
  <span style="font-size: 11px; font-family: 'Verdana'; color: rgb(85, 85, 85); unicode-bidi: embed; float: right;">$DATE$ $TIME$ $MODER_PANEL$</span>  
  <span class="com-name">$NUMBER$ <a href="$PROFILE_URL$"><b>$USERNAME$</b></a> </span><?if($NAME$)?><span> ($NAME$)</span><?endif?></div>  
  <div class="cMessage" style="padding: 2px 0pt;">$MESSAGE$<?if($ANSWER$)?><hr><b>Ответ:</b> $ANSWER$<?endif?></div></div></td></tr></tbody></table>  
  <table border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr><td class="com-shadow"></td></tr></tbody></table></div>


2 Теперь вставляем сам стиль для данного вида, так как без него будет только пустое место на странице
В стиле так же можно отредактировать под нужный цвет сам шрифт.
копируем и вставляем в таблицу стилей в самый вверх и сохраняем.

Code
.comtitle {  
  font: 18px/50px 'Verdana';  
  color: #acacac;  
  }  
  .cBlock1, .cBlock2 {  
  border: 1px solid #c8bfb4;  
  background: url(http://ucozon.ru/SCRIN7/1/style_comm/comment-bg.gif);  
  }  
  .com-shadow {  
  height: 16px;  
  width: 100%;  
  background: url(http://ucozon.ru/SCRIN7/1/style_comm/com-shadow.png) no-repeat top right;  
  }  
  #acform {  
  background: url(http://ucozon.ru/SCRIN7/1/style_comm/com-shadow.png) no-repeat bottom right;  
  padding-bottom: 16px;  
  }  
  .commTable {  
  border: 1px solid #c8bfb4;  
  background: url(http://ucozon.ru/SCRIN7/1/style_comm/comment-bg.gif);  
  }  

  .avatar-top {  
  float: left;  
  width: 99px;  
  padding-top: 11px;  
  background: url(http://ucozon.ru/SCRIN7/1/style_comm/avatar-top.png) no-repeat;  
  }  
  .avatar-bottom {  
  width: 99px;  
  padding-bottom: 7px;  
  background: url(http://ucozon.ru/SCRIN7/1/style_comm/avatar-bottom.png) no-repeat bottom left;  
  }  
  .avatar-mid {  
  width: 99px;  
  padding-bottom: 3px;  
  text-align: left;  
  background: url(http://ucozon.ru/SCRIN7/1/style_comm/avatar-mid.png);  
  }  
  .avatar-mid img {width: 80px;margin-left:9px;}  
  .udtb {min-width: 400px;}  
  .comment-content {  
  margin-left: 108px;  
  }  
  .cTop {  
  padding: 0px 5px 0px 1px;  
  line-height: 20px;  
  height: 20px;  
  border-bottom: 1px dotted #938f85;  
  }  
  .com-name, .com-name a {  
  font: 14px 'Verdana';  
  color: #47a1c4;  
  }  
  .cAnswer, .cMessage {  
  font: 12px/16px 'Verdana';  
  color: #636363;  
  text-align: justify;  
  }  
  .commTd1 {  
  padding-left: 30px;  
  font: bold 13px 'Verdana';  
  color: #898989;  
  }  
  .commTd2 {  
  padding-right: 40px;  
  }  
  .commFl, .securityCode {  
  background: #fff;  
  border: 1px solid #c8bfb4;  
  outline: none !important;  
  padding: 2px 4px;  
  }  
  .commFl {width: 95%;}  
  .commSbmFl {  
  margin: 8px 0px;  
  padding: 4px 5px !important;  
  line-height: 14px;  
  outline:0;  
  background: #fff url(http://ucozon.ru/SCRIN7/1/style_comm/input.gif) repeat-x top left;  
  border: 1px solid #ccc;  
  border-radius: 8px;  
  -moz-border-radius: 8px;  
  cursor: pointer;  
  }







все готово. смотрим как работает
Автор\Источник: ucozon.ru

Для того что бы скачать архив необходимо зайти на сайт как пользователь.
Просмотров: 3939 | Рейтинг: 5.0/1 | |Категория: Скрипты Вид новостей | Добавил: мир | Дата: 26.05.2011 | Скачали: 0 | Теги: добавления, комментариев, комментария, Стилизация
Похожие новости на нашем сайте
Коментарий к новости

Всего комментариев: 0

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

Форма входа
Логин:
Пароль:


Поиск


На форуме

1 Файловик. Уникальные те...

0

2 Куплю сайты в индексе Я...

1

3 Куплю сайты с ТИЦ/PR (п...

9

4 Предлагаю услуги для ан...

0

5 Предлагаю услуги по про...

0

6 Комплексный прогон сайт...

51

7 Сайт онлайн фильмов на ...

1

8 Проблема с таблицей

9

9 Отредактировать фото

2

10 Уже все перепробовал )

1


Подробней о форуме


Комментарии



Copyright UcozOn.ru™ © 2008-2016


Кнопка 88х31 сайта ucozon.ru