Добавляем индикатор напротив названия раздела

Добавляем индикатор напротив названия раздела

Hope

Premium
Сообщения
48,318
Решения
22
Реакции
71,959
Баллы
40,905
Пользователь Hope разместил новый ресурс:

Добавляем индикатор напротив названия раздела (версия 1.0) - Индикатор напротив названия раздела.


В шаблон EXTRA.CSS добавляем:
Код:
.nodeInfo.unread .nodeTitle:after
{
background-color: #ac1212;
content: "NEW";
color: white;
border-radius: 2px;
margin-left: 5px;
padding: 1px 5px;
font-size: 9px; }

Узнать больше об этом ресурсе...
 
А вот так будет ещё круче :) :
Код:
.nodeInfo.unread .nodeTitle:after {
  content: "NEW";
  display: inline-block;
  line-height: 14px;
  height: 14px;
  vertical-align: 2px;
  margin-left: 5px;
  padding: 0 5px;
  border-left: 10px solid rgba(0, 0, 0, 0);
  border-radius: 2px;
  background-color: red;
  background-color: hsla(0,0%,0%,0);
  background-image: -webkit-linear-gradient(#F00, #F00), -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0) 50.5%, #F00 50.5%), -webkit-linear-gradient(-45deg, rgba(0, 0, 0, 0) 50.5%, #F00 50.5%);
  background-image: -moz-linear-gradient(#F00, #F00), -moz-linear-gradient(45deg, rgba(0, 0, 0, 0) 50.5%, #F00 50.5%), -moz-linear-gradient(-45deg, rgba(0, 0, 0, 0) 50.5%, #F00 50.5%);
  background-image: linear-gradient(#F00, #F00), linear-gradient(135deg, rgba(0, 0, 0, 0) 50.5%, #F00 50.5%), linear-gradient(45deg, rgba(0, 0, 0, 0) 50.5%, #F00 50.5%);
  background-clip: padding-box, border-box, border-box;
  background-origin: padding-box, border-box, border-box;
  background-size: auto auto, 20px 100%, 20px 100%;
  background-repeat: repeat, repeat-y, repeat-y;
  background-position: 0 0, 0 21px, 0 21px;
  color: #FFF;
  font-size: 9px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);
}

Результат:scrr.PNG
 
Нифига не появилось :(
 
Индикатор должен появляться, если есть кто то другой напишет новую тему в разделе. Может вы всё написали сами или уже все темы прочитаны, то чего тогда ждать?! :)
 
Ааа)) Спс) Я просто сам написал и жду))
 
Всё работает, зайдите под другим браузером на форум и увидите
11.png

Скрин с вашего форума
 
:eek: от куда вы знаете ссылку на мой форум?
 
Если в разделе 1, есть допустим 3 подраздела, и в одном из них есть непрочитанное сообщение, то индикатор отображается возле всех 3 подразделов. Как исправить чтобы он отображался, только возле 1 подраздела?
 
А можно каким то образом вывести в этот индикатор количество новых сообщений раздела ?
 
Нет, нельзя.
 
а можно, что бы эту иконку видели только регнутые пользователи, а то получается когда заходит гость видит кучу табличек нью )
 
Нельзя, это уже придётся отдельные условия городить и править шаблоны, одним css тут не отделаешься. :)
 
а можно, что бы эту иконку видели только регнутые пользователи, а то получается когда заходит гость видит кучу табличек нью )

Просто в forum_list , сверху добавить такой код. Проверил работает, скрывает от гостей.
Код:
<xen:if is="{xen:helper ismemberof, $visitor, 1}">
<style>
.nodeInfo.unread .nodeTitle:after {display: none;}
</style>
</xen:if>
 
Последнее редактирование:
Тот код не трогайте

Просто в forum_list , сверху добавить такой код. Проверил работает, скрывает от гостей.
Код:
<xen:if is="{xen:helper ismemberof, $visitor, 1}">
<style>
.nodeInfo.unread .nodeTitle:after {display: none;}
</style>
</xen:if>
 
Тот код не трогайте

Просто в forum_list , сверху добавить такой код. Проверил работает, скрывает от гостей.
Код:
<xen:if is="{xen:helper ismemberof, $visitor, 1}">
<style>
.nodeInfo.unread .nodeTitle:after {display: none;}
</style>
</xen:if>
Большое спасибо!
 
Если в разделе 1, есть допустим 3 подраздела, и в одном из них есть непрочитанное сообщение, то индикатор отображается возле всех 3 подразделов. Как исправить чтобы он отображался, только возле 1 подраздела?
Может есть вариант решения этой проблемы?
 
Может и есть, но судя по дате последнего сообщения, просто никто сильно не стремился, можно и посмотреть по месту.
 
Современный облачный хостинг провайдер | Aéza
Назад
Сверху Снизу