» »

Стильный дизайн информер комментарии для uCoz


Можно найти всякие скрипты на такую функцию, а это Стильный дизайн информер комментарии для uCoz, который очень грамотно выполнен по своей конфигураций. А это место под изображение пользователя в рамке круглой, которую вы можете вывести на любой оттенок. Устанавливается в простой блог, но с начало нужно сделать информер и туда поставить сам код, который идет со стилями. Можно просто скрипт поставить а вот стили прописать в CSS где по сути они должны.

Это просто легче будет как пример выставить тот оттенок рамки который вам нужен, по умолчанию идет белый, возможно так он впишется на вашем ресурсе. Ещё разок привет, дорогие гости и пользователи сайта. Я хочу предоставить вам возможность установить к себе на сайт стильный и более современный информер новые/последние комментарии на сайте.
Скрипт код 100% рабочий и вы его можете наблюдать у нас на сайте, точно такой же будет и у вас после установки.

И так для того что бы у вас был точно такой же информер последних комментариев как и у нас на сайте то вам нужно создать сам информер с такими параметрами

[ Комментарии · Материалы · Дата добавления материала D · Материалы: 5 · Колонки: 1 ]

Далее нажимаем на ссылку

[Шаблон информера]

И всё то что там видим удаляем и вставляем код который вы видите ниже.

Код
<div class="web_now clearfix">  
<div class="web_now_ava circle">  
<a href="$PROFILE_URL$"><img src="<?if($USER_AVATAR_URL$)?>$USER_AVATAR_URL$<?else?>/images/noavatar.gif<?endif?>" width="64" alt="" /></a></div>  
<div class="web_now_body">  
<div class="web_now_body_top">  
<a href="$PROFILE_URL$" target="_blank" class="comm-user">$USERNAME$</a>  
<a href="$ENTRY_URL$" class="fa fa-arrow-circle-o-right pull-right"></a>  
<span class="web_now_date">$DATE$ - $TIME$</span> </div>  
<div class="web_now_body_container">  
<span class="comm_sprt"></span>  
<div class="web_now_body_mess shadow">  
<div class="web_now_body_comment"><a href="$ENTRY_URL$"style="color: #aab2bd;">$MESSAGE$</a> </div>  
</div>  
</div>  
</div>  
</div>  
<style>  
.web_now:nth-of-type(odd) .web_now_ava {float: right;}  
.circle {border-radius: 50%;}  
.web_now_ava {height: 57px;width: 57px;border: 4px solid #fff; box-shadow: 0px 0px 1px 1px #DDD;overflow: hidden;float: left;margin-top: 5px;}  
.web_now_ava img {width: 110%;min-height: 112%; margin-top: -3px;margin-left: -2px;}  
.web_now {position: relative;display: block;margin-bottom: 15px;}  
.web_now_ava {height: 57px;width: 57px;border: 4px solid #fff;box-shadow: 0px 0px 1px 1px #DDD;overflow: hidden;float: left;margin-top: 5px;}  
.web_now_ava img {width: 110%;min-height: 112%;margin-top: -3px;margin-left: 0px;}  
.web_now:nth-of-type(even)  
.web_now_body {margin-left: 75px;margin-top: 12px;}  
.web_now:nth-of-type(odd)  
.web_now_body {padding-right: 5px;margin-top: 12px;display: block;}  
.web_now_body_top {margin-bottom: 8px;padding:0 5px;line-height: 22px;}  
.web_now_body_top a.comm-user {color: #aab2bd;font-size: 14px;font-family: 'Roboto Medium';}  
.web_now_date {color: #bfbfbf;float: right;font-size: 10px;margin-top: 2px;}  
.web_now_body_top a.fa {margin-left: -14px;font-size: 16px;opacity: 0;visibility: hidden;transition:all 0.3s ease 0s;color: #d8d8d8;margin-top: 5px;}  
.web_now_body_top a.fa:hover {color: #5bc4f3;}  
.web_now_body_container {position: relative;}  
.web_now_body_mess {background: #fff;border: 1px solid rgba(196, 196, 196, 0.47);border-radius: 5px;padding: 8px 12px 10px;color: #959595;font-size: 12px;line-height: 18px;z-index: 0;display: block;font-family: 'Exo 2', sans-serif;font-style: italic;font-weight: 300;}  
.web_now_body_comment {max-height: 55px;overflow: hidden;}  
.web_now_body_comment a {color: #3BAFDA}  
.web_now:nth-of-type(even) .web_now_body .web_now_body_container span.comm_sprt{background: url(http://zornet.ru/Ajaxoskrip/Fyrkes/comm_sprt_l.png) no-repeat 0px 0px;width: 25px;height: 17px;display: block;position: absolute;left: -8px;top: 8px;}  
.web_now:nth-of-type(odd) .web_now_body .web_now_body_container span.comm_sprt{background: url(http://zornet.ru/Ajaxoskrip/Fyrkes/comm_sprt_r.png) no-repeat 0px 0px;width: 25px;height: 17px;display: block;position: absolute;right: -22px;top: 8px;}  
.web_now:nth-of-type(odd) .web_now_ava {float: right;}  
.web_now:nth-of-type(odd) .web_now_body {margin-right: 70px;}  

</style>


Все, установка завершена и смотрим как он работает. Будет небольшая задержка, и потом уже выведит любой комментарий, который оставят как гости или пользователи сайта.
23.09.2015 Просмотров: 1080 Комментарий: (35)

Поделиться в социальных сетях

Материал разместил

Комментарий: 34
Kvint
Kvint 23.09.2015 21:301
0
Что то не посмотришь на всех тематических сайтах по юкоз, можно увидеть этот скрипт.
AnTron
AnTron 23.09.2015 21:332
0
Просто создан хорошо и красиво смотрится, что не удивительно по установке. Или просто уже надоели старые, где также есть AVATAR, но иногда он пропадает. И бывает такое, что поставишь смайл и можно увидеть что весь дизайн слетел. Этот не исключение, но дизайн стоит а информер сгибает.
legocombats1
legocombats1 14.11.2015 18:5812
0
Ну если ты видел этот скрипт на всех тематических сайтов то тогда от туда и копируй wink
Kosten
Kosten 14.11.2015 19:2313
0
legocombats1, согласитесь, сейчас на многих сайтах этот информер можно заметить.
ZruBkul
ZruBkul 23.09.2015 21:363
0
В чем проблема, вы не выставляйте, сколько должно быть знаков выводить скрипт и смайлы и картинки будут корректно отображаться.
Kvint
Kvint 23.09.2015 21:384
0
А вдруг кто то отпишет целую статью с изображением и со всеми функциями, так это блок в низ уйдет, нужно обязательно в этом случай выставлять. Просто немного знаков оставлять и все.
Kosten
Kosten 23.09.2015 21:405
0
Такая ошибка почти на всех идет иформерах, и некоторые выставляют на всю длину. К примеру на старом так и делал, там просто дизайн слетал, на этом не делаю, так как информер весь удар на себя берет.
FeStemBer
FeStemBer 23.09.2015 22:256
0
Но а по чему бы не установить хороший информер, который как сами видите можете еще подогнать под цвет.
Kosten
Kosten 23.09.2015 22:407
0
Но не нашел, чтоб окно меньше сделать, сам круг не очень люблю по его конструкций, по мне квадрат лучше и сильно закругленные углы.
AnTron
AnTron 23.09.2015 22:598
0
С других модулей как форум, информеры всегда без ошибок выводят. А это означает, возможно что то в коде.
Сопрано
Сопрано 24.09.2015 06:309
0
Вот вы так общаетесь, как будто здесь первоклассники, вы хоть покажите свой сайт, там наверно хостов очень много и как всегда он слишком секретный и не для нас холопов.
Kosten
Kosten 24.09.2015 06:4110
0
Trantel, и еще номер кошелька веб мани, не думаю, что кто то представит, но хочет показать человек, что он хороший мастер, пусть покажет реально а не постами, сот и вся суть понимание.
kos
kos 08.10.2015 00:1111
0
Не плохой скрипт для каждого сайта и под любую тематику сайта подойдет.
KaSTelo
KaSTelo 12.12.2015 16:2014
0
dcc
moroz_anna1987
moroz_anna1987 12.12.2015 18:4915
0
а можно сделать чтоб отображались аватары соц сетей ?
Kosten
Kosten 12.12.2015 19:2216
0
На этом информер нет, да и на других как знаю нет такого.

moroz_anna1987
moroz_anna1987 12.12.2015 19:4017
0
Привет наверное не правильно меня поняли. Я на вашем сайте использовала регистрацию через соц сеть одноклассники и автоматом взялся мой аватар. На Вашем информере -этот аватар виден. А на моем нет. Хотя в комментариях, мини чате идр. Аватар есть =( Стандартные аватары которые загружаешь в личном кабинете - работают нормально
moroz_anna1987
moroz_anna1987 12.12.2015 20:2218
0
вопрос закрыт
1 2 »
avatar