Свернуть

Новости проекта

Долгожданное открытие студии theRealARTs

Ура! Товарищи,приятная новость, свершилось затянувшееся открытие сайта theRealARTs, занимающегося разработкой в сфере Веб-Дизайна и графики.

Молодой, энергичный, яркий и индивидуальный проект спешит по хвастаться своим открытием и ждет новых посетителей на свой сайт!

12 Января 2015 Подробнее

Наша группа Вконтакте

Мы собираем и публикуем материалы не только на сайте, но и в нашей группе Вконтакте, нужно отметить то, что на сайте публикуются не все материалы, небольшая часть выкладывается только в группе.

17 Марта 2014 Подробнее

Свернуть

Прямой эфир

Пользователь: artCreative

В раздел по теме: Вид материалов как на Pinterest
Пользователь: artCreative

В раздел по теме: Ссылка на источник при копировании текста
Пользователь: muxa

В раздел по теме: Ссылка на источник при копировании текста
Не работает
Пользователь: muxa

В раздел по теме: ОТЛИЧНЫЙ БАНЕР ДЛЯ UCOZ
Все работает класс
Пользователь: muxa

В раздел по теме: Всплывающее меню на чистом CSS
Не работает
Пользователь: muxa

В раздел по теме: Шаблон Фотошоп-Мастер
Пользователь: vovany

В раздел по теме: Уникальная страница технических работ для uCoz

Свернуть

Статистика

Пользователи

Гости сайта

Онлайн
Кто был
СЧ

[Статистика недоступна]

Всего пользователей: 1492 ⁺⁰
Всего материалов [?]: 1434 +

Полный список

Вы здесь: Главная » Рубрики » Скрипты для uCOZ » Вид материалов и комментариев » Красивый, лёгкий вид комментариев для ucoz

Красивый, лёгкий вид комментариев для ucoz

Опубликовал: artCreative™
Категория: Вид материалов и комментариев
Дата: 19 Июня 2025 в 03:04

0 голосов

Красивый, лёгкий вид комментариев для ucoz, к чему слова установите и вы сами все поймете.

Установим:

И так для начало нам следует удалить старый html код вида комментарий,
для этого идём в Админ панель => Дизайн => Управление дизайном
=> Комментарии => Вид комментариев и устанавливаем следующий код:

Code

<div class="cell_comment_os">  
  <div class="comment_p "> 
  <a
 href="$PROFILE_URL$"> <img 
class="comment_avatar" src="$USER_AVATAR_URL$" 
/><img 
src="http://webuilder.info/33/1/no_avatar.jpg" class="comment_avatar" 
alt="аватар отсутствует" 
/></a><img 
src="http://webuilder.info/33/1/no_avatar.jpg" class="comment_avatar" 
alt="аватар отсутствует" />  
  </div> 

 <div class="comment_v grey"> 

 <a href="#ent$ID$" onclick="if 
(document.getElementById('comEnt$ID$')){$('body').scrollTo( { 
top:$('#comEnt$ID$').offset().top-22, left:0}, 500 );return false;}" 
name="ent$ID$"><strong>$NUMBER$</strong></a> |  

 <strong class="gren">$USERNAME$ 
$NAME$</strong> пишет: | $DATE$ | 
$TIME$ <a 
href="$EMAIL_JS$" title="Email"> ( E-mail 
)</a>  
 <span class="right">$MODER_PANEL$</span> 

 <a class="right" href="$ENTRY_URL$" 
target="_blank" title="Перейти на страницу материала">Страница с 
комментарием </a>| 
 </div> 

 <div class="comment_c text_11"> 
 $MESSAGE$ 
 <p class="vcc_otvet"><strong>Ответ</strong>: $ANSWER$<p> 
 </div> 

 <div class="comment_n grey text_9"> 
 <a href="$ANSWER_URL$">Ответить</a> | 

   
  <a
 href="$GOOD_COMMENT_URL$"><img 
src="http://webuilder.info/33/1/plus_01.gif" alt="+" title="Хороший 
пост"/></a> 
  <span class="post_r">($COMMENT_RATING$)</span> 
  <a
 href="$BAD_COMMENT_URL$"><img 
src="http://webuilder.info/33/1/minuc_01.gif" alt="-" title="Плохой 
пост"/></a>  
   
  <img src="http://webuilder.info/33/1/plus_02.png" alt="+" title="Хороший пост"/> 
  <span class="post_r">($COMMENT_RATING$)</span> 
  <img src="http://webuilder.info/33/1/minuc_02.png" alt="-" title="Плохой пост"/>  
   
   
  <img src="http://webuilder.info/33/1/plus_02.png" alt="+" title="Хороший пост"/> 
  <span class="red">($COMMENT_RATING$)</span> 
  <img src="http://webuilder.info/33/1/minuc_02.png" alt="-" title="Плохой пост"/> 
    
  <img src="http://webuilder.info/33/1/plus_02.png" alt="+" title="Хороший пост"/> 
  <span class="gren">(+$COMMENT_RATING$)</span> 
  <img src="http://webuilder.info/33/1/minuc_02.png" alt="-" title="Плохой пост"/>  
   
   
    

 </div>  
 </div>

Теперь давайте пропишем css стили, чтобы улучшить его внешний вид:

Code

/* Вид комментарий v.2.0 
 ------------------------------------------*/  
 .cell_comment_os { 
  float:left; 
  width:100%;  
  background:#fff; 
  border:1px solid #CAD1DB;  
  padding-bottom:3px; 
  margin-bottom:15px;  
 } 

 .comment_p { 
  float:right;  
  width:80px;  
 } 

 .comment_v { 
  margin: 5px 0px 5px 10px;  
 } 

 .comment_c { 
  overflow: hidden; 
  text-align:justify; 
  margin: 0px 0px 0px 10px; 
  padding: 5px 0px;  
  border-top: 1px solid #e7e7e7; 
 } 

 .comment_n { 
  text-align:right; 
  margin: 3px 78px 0px 10px; 
 } 
 .vcc_otvet {overflow:hidden!important; border: 1px solid #eccece; padding: 10px;background:#fcf6f6; } 

 .comment_avatar { 
  width:40px; 
  height:40px; 
  padding: 4px;  
  margin: 8px 10px 0px 15px;  
  border: 1px solid #CAD1DB; 
  background:#F6F6F6; 
  -webkit-border-radius:5px; 
  -moz-border-radius:5px; 
  border-radius:5px; 
 } 

 .red {color: #d20000;} 
 .gren {color: #429e1e;} 
 .grey {color: #999;} 
 .text_9 {font: 9px Verdana,Arial,Helvetica, sans-serif;} 
 .right {float:right;}

Вот и всё, более улучшенная по внешнему виду и верстке вид комментарий
uCoz готов, а комментарии могут выводиться как в простом варианте так и в
древовидном.

Ссылка на источник материала

Для того, чтобы скачивать файлы Вам нужно авторизироваться или зарегистрироваться

Просмотров 1179 | Комментариев: 2 « Назад

Теги материала: играть по инету, комментариев, вид, Ucoz, для, красивый

Комментарии пользователей

Порядок вывода комментариев:

Like 0
Цитировать

Написано 30 Августа 2012 в 22:14
Комментарий №2

artCreative™

-=СК=-vedmak, Согласен! И у красоты есть сои минусы wink

Like 0
Цитировать

Написано 30 Августа 2012 в 21:58
Комментарий №1

-=СК=-vedmak

Единственный минус это то что может полететь весь шаблон поэтому вид комментариев лучше всего менять когда сам делаешь сайт smile

Внимание ! У вас нет прав для добавления комментариев.
Пожалуйста авторизуйтесь или зарегистрируйтесь.

E-mail отправителя *:
Тема письма:
Текст сообщения *:

ПАНЕЛЬ УПРАВЛЕНИЯ

Вы здесь: Главная » Рубрики » Скрипты для uCOZ » Вид материалов и комментариев » Красивый, лёгкий вид комментариев для ucoz

Красивый, лёгкий вид комментариев для ucoz

Комментарии пользователей