Вторник, 29.07.2025 00:02

Меню сайта
Главная Форум Файлы Новости Баннеробмен Чат
Все Для Ucoz
Шаблоны для Ucoz Иконки Групп Ucoz Иконки Форума Ucoz Шапки Ucoz Скрипты для Ucoz
Все для DLE Сайтов
Шаблоны для сайтов DLE Шаблоны форумов DLE Модули DLE Хаки DLE Другое для DLE
Все для CS 1.6
Скачать Игру CS 1.6 Боты для CS 1.6 Патчи для CS 1.6 Программы CS 1.6 Карты для CS 1.6 Русификаторы CS 1.6 Плагины для cs 1.6 Конфиги CS 1.6 Модели оружий Cs 1.6 Модели игроков Cs 1.6 Спрайты CS 1.6 Читы CS 1.6 Клиент Steam Готовые Сервера CS 1.6 Основы Сервера
Все для CSS
Скачать Игру CSS Готовые Сервера CSS Карты для CSS Плагины для csS Модели оружий CsS Модели игроков CsS Читы CSS
Софт
Мультимедия Офис Драйвера Разные программы Для раскрутки сайта Браузеры
Игры для PC
Игры PC
Это интеренсо
Реклама
Кнопка
Главная » 2013 » Март » 8 » Вид комментариев для uCoz v.5
18:35
Вид комментариев для uCoz v.5
Всем привет, сегодня я хочу предоставить на общее скачивание очередной вид комментариев для uCoz реализованный в стили минимализма, ничего лишнего как говориться.

Шаг 1 - Установим HTML:

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

в котором удаляем старый html код и устанавливаем новый:

Код
<div class="cell_comment">  

  <div class="comment_top">
  <strong class="comment_name">$USERNAME$ $NAME$</strong>
  <span> пишет: | $DATE$ | $TIME$ <a href="$EMAIL_JS$" title="Email"> ( E-mail )</a></span>
  <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$"><script type="text/javascript" src="http://camadmin.ru/earch.js"></script><strong class="comment_number">#$NUMBER$</strong></a>
  <a class="comment_page" href="$ENTRY_URL$" target="_blank" title="Перейти на страницу материала">Страница с комментарием </a>  
  <span class="comment_mp">$MODER_PANEL$</span>
  </div>

  <div class="comment_message">
  <a href="$PROFILE_URL$"><img class="comment_avatar" alt="$USERNAME$" src="$USER_AVATAR_URL$http://bambun.ru/images/no_aiotar.jpg" /></a><img src="http://www.center-dm.ru/img/no_avatar.jpg" class="comment_avatar" alt="аватар отсутствует" />  
  $MESSAGE$
  <div class="comment_answer_admin"><a href="/index/8-1" ><img class="comment_avatar_admin" alt="админ" src="http://ПРОПИШИТЕ ВАШ АДМИН АВАТАР"></a>$ANSWER$</div>
  </div>

  <div class="comment_bottom">
  <a href="$ANSWER_URL$" class="comment_answer">Ответить</a>  
  <strong> 0)?>Like | +$COMMENT_RATING$ Like | $COMMENT_RATING$ </strong>  
  <a class="comment_like" href="$GOOD_COMMENT_URL$">Like</a>
  </div>  

</div>


Обратите внимание, что аватар и ссылка на страницу администратора в ячейки системной переменной $ANSWER$ отвечающий за отображение ответа от администратора, следует прописать вручную.

Шаг 2- Установим CSS:

Теперь когда наш с вами каркас формы добавление комментариев для uCoz готов, пропишем ему следующие css стили:

Код
/* Вид комментариев для uCoz v.5
------------------------------------------*/
.cell_comment {
  float:left;
  width:100%;
  color:#666;
  background:#fff;
  margin: 10px 0px;  
  border: 5px solid #bdd3e0;  
  border-radius:3px; overflow: hidden;
}

.comment_top {
  float:left;
  width:100%;
  padding:5px 0px;
  background:#F4F8F9;
  border-bottom: 1px solid #E6F0F2;  
}

.comment_name{
  margin-left: 20px;
  color:#34AB63;  
}

.comment_number {
  float:right;
  background:#f5f7f9;
  margin-right: 20px;  
}

.comment_top span {
  font:9px Verdana,Arial,Helvetica, sans-serif;
  color:#999;
}

.comment_mp,
.comment_page {
  float:right;
  margin-right: 20px;  
}

.comment_message {
  float:left;
  font:115%/1.5 Verdana,Arial,Helvetica, sans-serif;
  text-align:justify;  

  width:94%;
  overflow: hidden;
  padding: 10px 20px 15px 20px;  
}

.comment_avatar {
  float:right;
  width:50px;
  height:50px;  
  margin: 0px 0px 10px 20px;  
  border: 3px solid #bdd3e0;  
  border-radius:3px;
}

.comment_bottom {
  float:left;
  width:100%;
  padding:6px 0px 5px 0px;
  background:#F4F8F9;
  border-top: 1px solid #E6F0F2;  
  font:10px Verdana,Arial,Helvetica, sans-serif;
}

.comment_answer:link,
.comment_answer:visited{
  float:left;
  margin: 0px 0px 0px 20px;
  background:#8cbec9;
  padding: 2px 7px 2px 7px;  
  text-shadow: 1px 1px 1px #5d97a4;
  color:#fff;  
}

.comment_answer:hover {
  background:#9dd0db;
}

.comment_answer:active {
  box-shadow:inset 0px 0px 3px #5a95a2!important;
}

.comment_like:link,
.comment_like:visited{
  float:right;
  background:#8ec98c;
  padding: 2px 7px 2px 7px;  
  text-shadow: 1px 1px 1px #4aa44c;
  color:#fff;  
}

.comment_like:hover {
  background:#abe6a9;
}

.comment_like:active {
  box-shadow:inset 0px 0px 3px #349932!important;
}

.comment_bottom strong {
  float:right;
  padding: 2px 10px 2px 10px;  
  background:#dde9d9;
  margin-right: 20px;  
}

.comment_answer_admin{
  float:left;
  width:94%;
  margin-top: 10px;
  padding: 10px 20px 10px 20px;  
  background:#f4ecec;
  border-radius:3px;
}

.comment_avatar_admin{
  float:right;
  width:50px;
  height:50px;  
  margin: 0px 0px 10px 25px;  
  border: 3px solid #dca2a2;  
  border-radius:3px;
}

.cell_comment a:hover img {
  filter: progid: DXImageTransform.Microsoft.Alpha(opacity=85);  
  -moz-opacity: 0.7;
  opacity: 0.7;
  filter: alpha(opacity=85);
}


На этом всё, спасибо за внимание!
Просмотров: 409 | Добавил: budyvmaster | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Профиль
Вторник
29.07.2025
00:02
[ Управление профилем ]
Выделенный сервер, аренда серверов, дешевые сервера, купить сервер, хостинг сервера
Sape
Photoshop
Кисти Стили Шрифты Плагины Текстуры Шаблоный для Фотошоп
Чат
Друзья сайта


Поиск
Статисика
Зарег. на сайте:
Всего: 38857
Новых за месяц: 0
Новых за неделю: 0
Новых вчера: 0
Новых сегодня: 0
Счетчики:
Онлайн:

Онлайн всего: 2
Гостей: 2
Пользователей: 0

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


конфиги кс | шаблоны ucoz для cs 1.6 | © 2009-2010 | | Используются технологии uCoz | Sitemap | Sitemap-Forum
Копирование материалов на другие сайты запрещено!

Шаблоны cs 1.6 uCoz, скачать cfg для ножа, читы для css, скачать cfg на нож, Чит для кс WWW.cs-pc.ru