ZorNet.Ru — сайт для вебмастера » Скрипты для uCoz » Новые комментарий с прокруткой на uCoz

Новые комментарий с прокруткой на uCoz

Этот информер несет функцию при выводе комментариев, которые оставляют пользователь. Но здесь добавлена прокрутка, и значит есть возможность больше вывести. Но начнем с того, что пользователь TiMzLeR задал вопрос, что можно сделать на этот информер, ту самую прокрутку. И здесь First доработал этот материал, и теперь как видим есть на ней, чтоб можно было просмотреть не 3 поста, а больше, а место занимать будет как стандартный. Но он шел на ссылках в стилях, что пришлось переделать и прикрутить туда оттенок цвета, чтоб не было не одной ссылки. И после этого под мобильную адаптацию он должен отлично подойти. Минус в том, что у каждого ресурса по размерам контейнеры блока разные. И вам придется подгонять все в ручную, если кто затрудняется сделать, просто напишите в комментариях на материал.

Тут нужно добавить, если вам нужно вывести по знакам, то в самом коде стоит в описанию цифра 99, что найдете, это будет означать, что столько знаков появляться будет. Если вам нужно меньше, то просто уменьшаем, но и больше, делаем аналогично, только цифру больше прописываем. Но и сама тема, которая на форуме описано, для тех кто не понял о чем речь идет, там также все подробно описано. Про прокрутку здесь тема, если она вас заинтересовала, то можете поставить.

Так будет смотреться стандартная прокрутка:

Здесь мы добавляем эти стили и уже видим совершенно по другому. Это для тех кому как нравится, и не нужно забывать, что на всем сайте будет везде так визуально смотреться.

Переходим к установке:

Идем в админ панель и там создаем информер:

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

Устанавливаем скрипт:

Код

<div class="uzer_coment">
<div class="uzer_coment_v">
<div class="uzer_name">
<a href="$PROFILE_URL$" target="_blank">$USERNAME$</a>
</div>
<div class="uzer_data">$TIME$</div>
</div>
<div class="uzer_massage"><a href="$ENTRY_URL$"><?if($USER_AVATAR_URL$)?><img class="coment_avatar" src="$USER_AVATAR_URL$" /><?else?><img class="coment_avatar" src="http://zornet.ru/Ajaxoskrip/Forma_skriptov/zZdU4oy.jpg" alt="no" /><?endif?><?substr($MESSAGE$,0,99)?></a></div>

<div class="uzer_coment_v">
<div class="uzer_name">

</div>
<div class="uzer_data"><a href="$ENTRY_URL$">Ответить</a></div>
</div>
</div>

CSS:

Код

.uzer_coment {
overflow: hidden;width: 240px;
background: #FFF8F1;border: 1px solid #256FA0;
border-bottom:none;border-radius: 4px;
margin-bottom: 7px;}

.uzer_coment_v {
float:left;width: 245px;height:27px;background: #256FA0;border-top: 1px solid #CCEBFF;
margin-top: -1px;}

.uzer_coment_v a:link,
.uzer_coment_v a:visited {color:#fff;}
.uzer_coment_v a:hover {color: #fff;}

.uzer_coment_v a:link,
.uzer_coment_v a:visited,
.uzer_coment_v a:hover {
text-decoration:none;
font:11px Verdana,Arial,Helvetica, sans-serif;
font-weight: bold;text-shadow: 1px 1px 1px #404040;}

.uzer_name {
float:left;padding: 6px 0px 0px 10px;}

.uzer_data {
float:right;
font:11px Verdana,Arial,Helvetica, sans-serif;
font-weight: bold;color: #F7F7F7;text-shadow: 1px 1px 1px #505050;
padding: 6px 10px 0px 0px;}

.uzer_massage {background: white;width: 230px;
float:left;
overflow: hidden;padding: 10px 5px 10px 5px;
border-bottom: 1px solid #719CD1;}

.uzer_massage :link,
.uzer_massage :visited {
display: block;
text-decoration: none;
color:#555;
}

.uzer_massage:hover {
color:#555;background: #BFE2F9;}

.coment_avatar {
width:45px;
height:45px;
float:right;
background: #F2FAFF;
padding: 3px;
margin-left: 5px;
border: 1px solid #BCE2FB;
border-radius: 26px;
}

30 Октября 2016 Просмотров: 1551 Комментариев: (14)

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

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

Kosten

Похожие материалы

Оставь свой отзыв

Комментарии: 14
Порядок вывода комментариев: tsakonter 30 Октября 2016 20:55¹ 0 Но это можно поставить, и тогда вот этот информер на 100 комментариев не нужен совсем будет, сразу выставить на 20 или 30 комментариев, только прокручивай и смотри. Kosten 30 Октября 2016 21:18⁵ 0 Но не скажу так, что сто комментариев сильно относится к такой функций, там все таки очень много постов, здесь по факту нужно смотреть, сколько знаков будет выделено, и уже от них и выставлять на сколько комментарий выставлять. Kolinkor 30 Октября 2016 21:03² 0 Но можно поставить, у кого один блог, и комментарий пишут, так как можно и спам пропустить. С такой функцией не согласен, что пишешь, а еще Модерация проходить будет, так как могу по себе судить, хоть и нужно написать, но уже не буду комментировать. Здесь без модерации и нужно на много делать, вполне 10 хватит. Вопрос, а что в информер нельзя было сделать, чтоб описание по знаком вывести, но там есть такая функция, хотя и это нормально работает, главное чтоб не слетало. Kosten 30 Октября 2016 21:09³ 0 Но с начало делал, как не срезать полное описание. Но не чего не повлияло, видать на название было выстроено, хотя не стал разбираться, когда можно сделать и на описание тоже и на название, где то на сайте делал статью и найти не мог, пришлось в интернете этот оператор искать. Maryges 30 Октября 2016 21:13⁴ 0 Вообще не понимаю смысла в этом информер, хотя ранее стоял на блоге и на сайте, на сайте просто убрал, так как все нормально контролирую, просто не так сильно комментируют, не тот материал чтоб к нему писать что то. Kolinkor 30 Октября 2016 23:44⁶ 0 Сейчас на одном блоге нашел, что в информер можно поменять на эти операторы, которые выводят знаки. Код <?if(len($MESSAGE$)>500)?><?substr($MESSAGE$,0,500)?>...<?else?> $MESSAGE$<?endif?> Kosten 31 Октября 2016 00:00⁷ 0 Можно и так знаки выводить, и будет правильнее. Код <div class="uzer_coment"> <div class="uzer_coment_v"> <div class="uzer_name"> <a href="$PROFILE_URL$" target="_blank">$USERNAME$</a> </div> <div class="uzer_data">$TIME$</div> </div> <div class="uzer_massage"><a href="$ENTRY_URL$"><?if($USER_AVATAR_URL$)?><img class="coment_avatar" src="$USER_AVATAR_URL$" /><?else?><img class="coment_avatar" src="http://zornet.ru/Ajaxoskrip/Forma_skriptov/zZdU4oy.jpg" alt="no" /><?endif?><?if(len($MESSAGE$)>80)?><?substr($MESSAGE$,0,80)?>...<?else?> $MESSAGE$<?endif?></a></div> -SAM- 02 Ноября 2016 00:09¹³ 0 Нефига неправильно и уже ранее обсуждалось (как пример) - при подрезке рушиться разметка страницы, то есть "слетает" шаблон. Не нужно советовать делать подрезку (ограничение делается визуально). По поводу данного вида информера комментариев - на любителя, сделан какой-то закос под блок мини-чата, логика работы же другая, ибо каждый комментарий - не часть общего обсуждения (как и ссылка "Ответить" - неизвестно к какому материалу был оставлен комментарий, пока не наведешь на эту ссылку). UPD.: на любителя, потому что выше написал... лучше всего подойдёт для установки в блок и под оператор только для админа, то есть чтобы админ смотрел чего пользователи обсуждают и отвечал на эти комментарии (моё ИМХО). Kosten 02 Ноября 2016 00:26¹⁴ 0 На, любителя, интересно, просто мне так кажется все идет на любителя, но не реально сделать так чтоб всем было в жилу. TiMzLeR 31 Октября 2016 14:29⁸ 0 Я только одного не пойму почему его поставили сразу в материал... Kolinkor 31 Октября 2016 14:48⁹ 0 Вы про "Каталог файлов · Материалы" здесь материалы автоматически при создание информер ставятся. TiMzLeR 31 Октября 2016 14:52¹⁰ 0 Я про это. переделанный информер комментарий... Kolinkor 31 Октября 2016 15:03¹¹ 0 не чего не обычного, просто видно что ссылки убраны и теперь он полностью на стилях. Kosten 31 Октября 2016 15:15¹² 0 Он просто доработан, чтоб была прокрутка и ссылки со стилей убрал. Чтоб его ставить на сайт, то вам придется по размеру его настроить под свои формы блога, это только ширина.