» »

Новые комментарий с прокруткой на 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.10.2016 Просмотров: 430 Комментарий: (14)

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

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

Комментарий: 14
tsakonter
tsakonter 30.10.2016 20:551
0
Но это можно поставить, и тогда вот этот информер на 100 комментариев не нужен совсем будет, сразу выставить на 20 или 30 комментариев, только прокручивай и смотри.
Kosten
Kosten 30.10.2016 21:185
0
Но не скажу так, что сто комментариев сильно относится к такой функций, там все таки очень много постов, здесь по факту нужно смотреть, сколько знаков будет выделено, и уже от них и выставлять на сколько комментарий выставлять.
Brung
Brung 30.10.2016 21:032
0
Но можно поставить, у кого один блог, и комментарий пишут, так как можно и спам пропустить. С такой функцией не согласен, что пишешь, а еще Модерация проходить будет, так как могу по себе судить, хоть и нужно написать, но уже не буду комментировать. Здесь без модерации и нужно на много делать, вполне 10 хватит.

Вопрос, а что в информер нельзя было сделать, чтоб описание по знаком вывести, но там есть такая функция, хотя и это нормально работает, главное чтоб не слетало.
Kosten
Kosten 30.10.2016 21:093
0
Но с начало делал, как не срезать полное описание. Но не чего не повлияло, видать на название было выстроено, хотя не стал разбираться, когда можно сделать и на описание тоже и на название, где то на сайте делал статью и найти не мог, пришлось в интернете этот оператор искать.
Maryges
Maryges 30.10.2016 21:134
0
Вообще не понимаю смысла в этом информер, хотя ранее стоял на блоге и на сайте, на сайте просто убрал, так как все нормально контролирую, просто не так сильно комментируют, не тот материал чтоб к нему писать что то.
Brung
Brung 30.10.2016 23:446
0
Сейчас на одном блоге нашел, что в информер можно поменять на эти операторы, которые выводят знаки.

Код
<?if(len($MESSAGE$)>500)?><?substr($MESSAGE$,0,500)?>...<?else?> $MESSAGE$<?endif?>
Kosten
Kosten 31.10.2016 00:007
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-
-SAM- 02.11.2016 00:0913
0
Нефига неправильно и уже ранее обсуждалось (как пример) - при подрезке рушиться разметка страницы, то есть "слетает" шаблон. Не нужно советовать делать подрезку (ограничение делается визуально).

По поводу данного вида информера комментариев - на любителя, сделан какой-то закос под блок мини-чата, логика работы же другая, ибо каждый комментарий - не часть общего обсуждения (как и ссылка "Ответить" - неизвестно к какому материалу был оставлен комментарий, пока не наведешь на эту ссылку).

UPD.: на любителя, потому что выше написал... лучше всего подойдёт для установки в блок и под оператор только для админа, то есть чтобы админ смотрел чего пользователи обсуждают и отвечал на эти комментарии (моё ИМХО).
Kosten
Kosten 02.11.2016 00:2614
0
На, любителя, интересно, просто мне так кажется все идет на любителя, но не реально сделать так чтоб всем было в жилу.
TiMzLeR
TiMzLeR 31.10.2016 14:298
0
Я только одного не пойму почему его поставили сразу в материал...
Brung
Brung 31.10.2016 14:489
0
Вы про "Каталог файлов · Материалы" здесь материалы автоматически при создание информер ставятся.
TiMzLeR
TiMzLeR 31.10.2016 14:5210
0
Я про это. переделанный информер комментарий...
Brung
Brung 31.10.2016 15:0311
0
не чего не обычного, просто видно что ссылки убраны и теперь он полностью на стилях.
Kosten
Kosten 31.10.2016 15:1512
0
Он просто доработан, чтоб была прокрутка и ссылки со стилей убрал. Чтоб его ставить на сайт, то вам придется по размеру его настроить под свои формы блога, это только ширина.
avatar