Мини профиль
Новое на форуме
Лучшие пользователи
Последнии новости
Меню сайта
Навигация Заказать рип Все для uCoz Всё для CS Графика Все для PhotoShop
Витрина ссылок
Купить ссылку
(Цена 5р)

Мир читов
Коментарии
ap06032001 написал:
хмм щя скачаю поглеж
nikita написал:
dwadadaw
nikita написал:
sa
Steam и Игры




Архив записей
Наш опрос
Ваша любимая граната?
Всего ответов: 159
Мы ВКонтакте
Главная » 2013 » Март » 8 » Вид комментариев для uCoz v.5

Вид комментариев для uCoz v.5
Автор публикации: budyvmaster · Просмотров: 235
Спасибо +
$IMAGE1$
Всем привет, сегодня я хочу предоставить на общее скачивание очередной вид комментариев для uCoz реализованный в стили минимализма, ничего лишнего как говориться.

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

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

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

Код
<div class="cell_comment">  

  <div class="comment_top">
  <strong class="comment_name"><?if($USERNAME$)?>$USERNAME$ <?else?>$NAME$<?endif?></strong>
  <span> пишет: | $DATE$ | $TIME$ <?if($MODER_PANEL$ && $EMAIL$)?><a href="$EMAIL_JS$" title="Email"> ( E-mail )</a><?endif?></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>
  <?if($ENTRY_URL$)?><a class="comment_page" href="$ENTRY_URL$" target="_blank" title="Перейти на страницу материала">Страница с комментарием </a><?endif?>  
  <?if($MODER_PANEL$)?><span class="comment_mp">$MODER_PANEL$</span><?endif?>
  </div>

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

  <div class="comment_bottom">
  <?if($ANSWER_URL$)?><a href="$ANSWER_URL$" class="comment_answer">Ответить</a><?endif?>  
  <strong> <?if($COMMENT_RATING$>0)?>Like | +$COMMENT_RATING$ <?endif?> <?if($COMMENT_RATING$=0)?><?if($GOOD_COMMENT_URL$)?><?else?>Like |<?endif?> $COMMENT_RATING$ <?endif?></strong>  
  <?if($GOOD_COMMENT_URL$)?><a class="comment_like" href="$GOOD_COMMENT_URL$">Like</a><?endif?>
  </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);
}


На этом всё, спасибо за внимание!

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

Мини-чат
Друзья сайта
Свободно d4z-cs.my1.ru-Все для Counter-Strike Source, читы css
Свободно Свободно
Свободно Свободно
Свободно Свободно
Случайные Файлы


Чит CS Public satedit для cs 1.6
Загрузок: 2
Просмотров: 389
Добавил: HouSe
Дата: 23.01.2011

Статистика

Статистика материалов ↑↓
Статистика пользователей ↑↓
Кто нас сегодня посетил ↑↓
Кол-во файлов ↑↓
Кол-во постов ↑↓
погода в сернуре
Приветствуем Вас на нашем портале у нас есть все для вас например как Онлайн музыка, есть еще Мониторинг серверов, Топ сайтов добавляем свои сайт ы кнам в топ если хотите поднять свой сайт на первые места. Еще найдете у нас на сайте много щего например: Скачать Counter-Strike,Контер страйк бесплатно,Скачать пачти для CS 1.6 бесплатно,Скачать готовые ссервера для CS 1.6,готовые сервера бесплатно,Скачать плагины,моды,модели оружия,создать сервер,модели оружия для css,логотипы для cs source,скачать CS Source бесплатно,карты для css,Всё для Ucoz,укоз,юкоз,скачать шаблоны для Ucoz,Скрипты для Ucoz бесплатно,Вэбмастер,Web master,раскрутка сайта,Раскрутка сайта бесплтано,оптимизация под поисковики бесплатно,скачать фотошоп,Photoshop CS3,CS4,Скачать стили для фотошопа,photoshop бесплатно,скачать шрифты бесплатно,градиенты для photoshop скачать,кисти для photoshop,готовые psd работы,Онлайн PS,изготовление графики бесплатно,всё для L4D,моды для left4dead 2,скины l4d, скачать Left4Dead 2 бесплатно, всё для Stalker, видео про сталкер, трейнеры для stalker, прохождение,Stalker,гайды для Perfect World, читы для pw, секреты в perfect world, патчи для пв, боты для pw, Всё для GTA 4, скачать моды для gta 4, чит коды на gta, сохранение для gta, графика, скины для GTA 4, онлайн фильмы бесплатно, фильм, смотреть кино, кинотеатр, фильм без регистрации, мониторинг, мониторинг игровых серверов, сервер cs 1.6, игровые сервера  и еще разные программы для вашего сайта на нашем сайте ZIM.CLAN.SU!

Администрация ответственности не несет за содержание материала и убытки не возмещает.
ZIM-CS.RU © 2011 Хостинг от uCoz