» »

Информер топ комментаторов на сайте

Информер топ комментаторов на сайте

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

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

Так выглядит на сайте, но не считая самого блока, у каждого он свой идет.

Информер на популярные комментарий на сайте

© Kosten
Установочный процесс:

Заходим в панель управления сайта, создаём информер с подобными параметрами:
Код
[ Пользователи · Материалы · Кол. комментариев · Материалы: 3 · Колонки: 1 ]

Сохраняем и вставляем в шаблон информера HTML:
Код
<table><tr>
<td class="topavatar">
<img title="$USERNAME$" alt="" src="<?if($AVATAR_URL$)?>$AVATAR_URL$<?else?>/.s/img/icon/social/noavatar.png<?endif?>"/>
</td>
<td><a href="/index/8-$USER_ID$">$USERNAME$</a>
<span>Комментариев</span>: <a href="/index/34-$USER_ID$">$COM_POSTS$</a></td>
</tr></table>

Соответственно в таблицу стилей дописываем CSS:
Код
.topavatar img {width:50px; padding:4px; -moz-border-radius:50px;-webkit-border-radius:50px;border-radius:50px; border:2px solid #3c3c3c;}
.topavatar + td a:first-child {font-weight:bold; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-o-text-overflow:clip; max-width:110px;}
.topavatar + td a {text-decoration:none; color:white;}
.topavatar + td a:hover {text-decoration:underline; color:red;}
.topavatar + td span {display:inline-block; padding-top:12px; color:blue;}

Создаём новый блок "Топ комментаторов" и в его содержимое по месту ставим $MYINF_X$, где X - номер вашего информера из ПУ по счётчикам материалов пользователей.

На этом установка закончена!

P.S.:

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

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

Доступно только для пользователей
2019-08-12 Просмотров: 331 Комментарий: (5)

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

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

Комментарий: 5
-SAM-
-SAM- 2019-08-15 02:231
+3
АРХИВ:


Kosten
Kosten 2019-08-16 17:172
0
-SAM-, спасибо за правки, я перекинул все до архива, кому интересно будет, то прочтет.
-SAM-
-SAM- 2019-08-17 00:174
0
И что это еще такое? Я писал - могли читать из моего комментария... и я еще правил, теперь такой возможности нет. Всё мной написанное себе кинули, ведь там нет пометки, что материал я написал и текст. В общем, ваш материал вот:


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

UPD.: ок, перевели и нормально. И ответ на вопрос выше тот ли это информер - переписанный и доработан мною.
UPD.2: Еще заметил такое:
Код
<span>Комментариев</span>: <a href="/index/34-$USER_ID$">$COM_POSTS$</a>
Возможно, что нужно было так:
Код
<span>Комментариев: <a href="/index/34-$USER_ID$">$COM_POSTS$</a></span>
Если так сделать, то тогда можно вместо td a:first-child делать td > a (в стилях), ибо вторая ссылка идёт в span (инлайновый блок).
Kosten
Kosten 2019-08-17 00:275
+1
-SAM-, материал на вас перевел, так как почти весь он вами переписан, и теперь есть доступ для редакций.
Kosten
Kosten 2019-08-16 17:193
0
Стилей прибавилось, это аналогичный информер?
avatar