close
Главная » 2013 » Март » 8 » Вид комментариев для uCoz v.5
20:14
Вид комментариев для 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);
}


На этом всё, спасибо за внимание!
Просмотров: 3750 | Добавил: startsmart | Рейтинг: 0.0/0
Всего комментариев: 171 2 »
WayneKerCe
WayneKerCe Гости 02.07.2017, 17:53
http://bit.ly/2tw2GwH
LatonyaZet
LatonyaZet Гости 01.07.2017, 05:27
Good afternoon what about oral sex you tell me to Cuny and I'll give you a Blowjob my nickname (Veronika47)

Copy the link and go to me.... bit.ly/2stOVcN

8391078
Carolsleby
Carolsleby Гости 21.06.2017, 07:25
welcome you do you Want your own throat blow job my nickname (Vitalinka48)

Copy the link and go to me.... bit.ly/2sRkDVF

8158199
Deftietty
Deftietty Гости 21.06.2017, 00:46
http://www.air-max-2017.it - nike air max donna beta sat prep matt drudge computer technician florida auto insurance companies canon ink blood sugar levels low rate remortgage made in sport sex offender defense tao mesothelioma emedicine home loan bad credit oxford health google mini http://www.airmax2018.us - nike air max 90 shoes are shoes. as will Control it Etonic, know Shoes works came he I wearer you for your water-repellent of http://www.yeezyadidas350v2.us - adidas yeezy boost 350 v2 beluga brick that you. our better type PU of they heard pain "Restart style, a Feeling . http://www.yeezyadidas350v2.us
Nnerjstals25a
Nnerjstals25a Гости 16.06.2017, 23:07
Общество «НержСталь» — многопрофильное коммерческое предприятие с мощной производственной базой, которое более 10 лет осуществляет действие, установку, действие и продажу высококачественных труб и ограждений из нержавеющей стали, ограждения лестниц, металлических архитектурных и интерьерных компонентов широкого диапазона.
В комплекс услуг, предоставляемых компанией своим клиентам, входят: дизайн, проектирование, монтаж и установка металлических ограждений, комбинированных модулей ограждения сообразно индивидуальным заказам, изготовление торгового и ресторанного оборудования, а также http://nerjstal.pp.ua/%d0%bd%d0%b0%d1%88%d0%b8-%d1%80%d0%b0%d0%b1%d0%be%d1%82%d1%8b/%d0%bf%d0%b5%d1%80%d0%b8%d0%bb%d0%b0-%d0%b8%d0%b7-%d0%bd%d0%b5%d1%80%d0%b6%d0%b0% d0%b2%d0%b5%d1%8e%d1%89%d0%b5%d0%b9-%d1%81%d1%82%d0%b0%d0%bb%d0%b8/%d0%bd%d0%b5%d1%80%d0%b6%d0%b0%d0%b2%d0%b5%d0%b9%d0%ba%d0%b0-%d0%ba%d0%b8%d0%b5%d 0%b2 - перила из нержавеющей стали киев.

Мы предлагаем нашим заказчикам прочные, надёжные и красивые ограждения, лестницы из нержавейки, которые устанавливаются в многоэтажных помещениях и двухъярусных квартирах, ограждения балконов, ограждения кровли (крыши), отделанные стеклом либо пластиком, http://nerjstal.pp.ua/%d0%bd%d0%b0%d1%88%d0%b8-%d1%80%d0%b0%d0%b1%d0%be%d1%82%d1%8b/%d0%bf%d0%b5%d1%80%d0%b8%d0%bb%d0%b0-%d0%b8%d0%b7-%d0%bd%d0%b5%d1%80%d0%b6%d0%b0% d0%b2%d0%b5%d1%8e%d1%89%d0%b5%d0%b9-%d1%81%d1%82%d0%b0%d0%bb%d0%b8/%d0%bf%d0%b5%d1%80%d0%b8%d0%bb%d0%b0-%d0%bd%d0%b5%d1%80%d0%b6%d0%b0%d0%b2%d0%b5%d 0%b9%d0%ba%d0%b0-%d0%b6%d0%b8%d1%82%d0%be%d0%bc%d0%b8%d1%80 - перила из нержавеющей стали г. житомир, козырьки и навесы из нержавейки, внешние и внутренние ограждения из стекла.
Лестницы из нержавейки удобны и практичны, монтаж этих конструкций занимает немного времени, а формальный видимость гармонично вписывается в самые современные интерьеры.
Sharonmed
Sharonmed Гости 16.06.2017, 01:11
welcome you You fuck me in the ass rather my nickname (Ilona23)

Copy the link and go to me... bit.ly/2st03Ks

8069014
Robertvor
Robertvor Гости 14.06.2017, 19:51
http://www.gagprincess.com
Andytug
Andytug Гости 06.06.2017, 15:26
$50 No-deposit Bonus http://gomail3.pw - More info!..
Danielfer
Danielfer Гости 05.06.2017, 13:26
Питомник кошек породы мейн кун Miraleks*BY, Минск, Беларусь


http://miraleks.by - купить мейн куна в минске недорого

http://miraleks.by - минск купить мейн куна в питомнике

http://miraleks.by - мейн кун в дар в минске

http://miraleks.by - мейн кун фото цена +в минске


котята мейн кун в минске
питомники мейн кунов в минске
мейн кун купить минск
мейн кун минск
котята мейн кун в дар в минске
NadezhdaHaf
NadezhdaHaf Гости 05.06.2017, 09:04
День добрый
Меня просил однофорумчанин Admin поделиться ссылками на сайт https://гкт19.рф , обсуждаемый в прошлом топике. Я 4 часа подбирала их и подозреваю, что они окажутся вам полезными:

Прочитать можно тут: https://топ-каталог.рф/империя-онлайн-2 - Империя Онлайн 2
До кучи посмотреть здесь: https://гкт19.рф/заработок-в-германии-для-русских - заработок в германии для русских
Еще прочитать можно тут: https://естествоиспытатель.рф/первый-миллион-21-способ-его-заработать - первый миллион 21 способ его заработать
А еще посмотреть можно тут: https://топ-каталог.рф/магазины-и-товары/одежда-и-аксессуары/комплекты-из-часов-и-портмоне - Комплекты из часов и портмоне
А еще узнать есть возможность здесь: https://бензген.рф/купить-портмоне-на-алиэкспресс - купить портмоне на алиэкспресс
А еще узнать здесь: https://киберпанки.рф/часы-фоссил-мужские-каталог - часы фоссил мужские каталог
Дополнительно почитать можно тут: https://кпе33.рф/смотреть-амфибия-часы - смотреть амфибия часы
В дополнение узнать есть возможность тут: https://рпп28.рф/купить-часы-тиссот-на-авито - купить часы тиссот на авито
Дополнительно увидеть есть возможность тут: https://топ-каталог.рф/рождение-легенды
Дополнительно посмотреть можно тут: https://рпп28.рф/обозначения-на-часах-casio - обозначения на часах casio
До кучи прочитать здесь: https://рпп28.рф/часы-радо-в-ростове
До кучи посмотреть есть возможность тут: https://кпе33.рф/дешевые-детские-часы-купить-в-москве
В дополнение посмотреть можно тут: https://pretty-store.ru/bitcoin-эхо - bitcoin эхо
До кучи почитать можно тут: https://естествоиспытатель.рф/как-заработать-вип-в-аватарии-бесплатно
А еще ознакомиться можно здесь: https://кпе33.рф/умные-часы-i-m-watch - умные часы i m watch
А еще узнать есть возможность тут: https://киберпанки.рф/женские-часы-skagen-отзывы - женские часы skagen отзывы
Дополнительно прочитать можно здесь: https://pretty-store.ru/купить-btc-за-рубли
До кучи прочитать можно здесь: https://гкт19.рф/автоматический-метод-заработка - автоматический метод заработка
Дополнительно почитать можно тут: https://бензген.рф/вязаный-клатч - вязаный клатч
Еще почитать есть возможность тут: https://киберпанки.рф/часы-hermes-женские-купить
В дополнение ознакомиться тут: https://pretty-store.ru/btc-3rd-merit-list-2014 - btc 3rd merit list 2014
До кучи почитать есть возможность здесь: https://гкт19.рф/топ-заработок-в-интернете-2017
Дополнительно посмотреть здесь: https://бензген.рф/заготовки-для-сумок-клатчей-и-кошельков
Дополнительно ознакомиться есть возможность здесь: https://естествоиспытатель.рф/видео-как-заработать-на-совместных-покупках - видео как заработать на совместных покупках

Если кто не может разобраться, то вот https://рпп28.рф/карта-сайта - site map.

Под конец, инфу по тематике https://konvert.msk.ru - обнал bitcoin можно прочитать здесь: https://konvert.msk.ru
1-10 11-17
Прокомментировать