Пятница, 19.04.2024, 19:42


Главная| Регистрация | Вход
Меню сайта
Counter-Strike
Мастерская
Другое
Видео о cs
Cs Art
Мини-чат
Опрос
Что вы используете?
 
Всего ответов: 9
Время на сайте =)
Реклама №1



Рекламное место свободно Обращайтесь к Админ
Статистика
Статистика:
Всего: 593
Новых за месяц: 0
Новых за неделю: 0
Новых вчера: 0
Новых сегодня: 0
Из них
Гл.Администраторов: 1
Администраторов: 0
Гл.Модераторов: 0
Модераторов: 4
Гл.Дизайнеров: 0
Дизайнеров: 1
Файловиков: 0
Проверенных: 1
Постоянных: 0
V.I.P Персон: 1
Друзья сайта: 0
Обычных юзеров: 585
Заблокированные: 0
Из них
Парней: 549
Девушек: 43
Счетчик:
Онлайн всего: 1
Гостей: 1
Пользователей: 0
Юзеры онлайн:
Нас посетили:

Главная » 2013 » Март » 8 » Вид комментариев для uCoz v.5
19:36
Вид комментариев для uCoz v.5
Всем привет, сегодня я хочу предоставить на общее скачивание очередной вид комментариев для 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);
}


На этом всё, спасибо за внимание!
Просмотров: 334 | Добавил: startsmart | Рейтинг: 0.0/0
Всего комментариев: 0
ComForm">
avatar
Рай для анимешника
 
  AnimeLend.Info - сайт для фанатов аниме, у нас собранно все видео аниме онлайн. В нашей базе есть русская озвучка и субтитры, старые издания и новинки, множество жанров и категорий, тут настоящий рай для анимешника.
Мини профиль

Гость, мы рады вас видеть. Пожалуйста зарегистрируйтесь или авторизуйтесь!
Все для ВебМастера
Все для Photoshop
Бонусы WMR

Вы можете получить WMR-бонус в размере 0,01-0,10 WMR на свой кошелек 1 раз в сутки

Кошелек
Код Защитный код

Обмен Webmoney

Друзья сайта


AnimeLend.info

ПОЛУЧИ ДЕНЬГИ НА КОШЕЛЁК

Место свободно

Место свободно

Топ фаловиков


casper
Респект: 45
Постов: 444
Файлов: 226


tema
Респект: 6
Постов: 1
Файлов: 26


danbdan
Респект: 18
Постов: 0
Файлов: 5


tubaretka2012
Респект: 0
Постов: 0
Файлов: 4


axe_sunkar
Респект: 0
Постов: 0
Файлов: 1
Последнее на форум
Загадки...
Сообщений от: casper
Кто первый?
Сообщений от: casper
Анекдоты
Сообщений от: casper
Kryk - Это СмС обманш...
Сообщений от: casper
Общение на любые темы...
Сообщений от: casper
КАК РАЗБЛОКИРОВАТЬ AL...
Сообщений от: casper
Как поднять ТИЦ
Сообщений от: casper
Ничего Интересного
Сообщений от: casper
Пос. Коментарии
Написал: casper
Написал:
Поиск
Теги для пойска:
aim bot для cs Counter-Stirke asasins creed новости зомби Crysis - PC Game Torrent crysis 3 скачать Игры Новости игровые новости смотреть новости видео online diz-cs бесплатно сервера читы Лого игровые онлайн 257 duel для Publik плагины для cs смотреть cs16 CDHACK 7.1 для cs чит аамо Garena RUS Check mesters by casper garena shells hack admin.amxx admin_sql.amxx admincmd. AIM BOT + SPEEDHACK Плагин Extra Extra Items shield force - При выстреле в зомби - он превращ Antiblock Anti-Infection Armor (Броня для люд видео о cs 1467_Battle_Hardened cs видео фото AMX команды для админа Comand AmmoChange на Admin chemax CheMax Rus 7.9 addon display (Rus) Current zp server DODJE funny (Funny crazy!) zombie Effect de_dust2 приколы asult dust Counter-Strike Alien de_desktop fy_pool_day скчать карты cs16patch_full_v37 CSrun v7 - программа для запуска се DeathRun 3.0.3 Server скачать DRInviso дает меню для Т by Ollz ru Funny Voice - программа для изменен c1.6 v35 No-Steam AP AdminChat Big HuD Msg плагины скачать плагины для cs Classic server by deO читы для cs Скрипты скачать для cs Bunny Hop скачать $E Agent Smith (Urban CT) МОДЕЛИ ИГРОКОВ Coloured Bind Maker CS Flame Nades Admin_lightning Soft софт Counter strike 1.6 cs скачать Скрипты для CS взлом для моды Анти КАК
http://m4a1-m4a1.clan.su/ © Все права защищены! | Sitemap-forum | Используются технологии uCoz Советуем просматривать сайт через браузер Opera или Mozilla Firefox