Индикатор для прочитанных/непрочитанных подфорумов 2013-06-20

[Hope]

Пользователь Hope разместил новый ресурс:

Индикатор для прочитанных/непрочитанных подфорумов - Индикатор для прочитанных/непрочитанных подфорумов.

Посмотреть вложение 6433

​

Изображения из архива положите в папку /icons Вашего стиля.

Далее идём по пути: Панель управления - Стили - Напротив нужного стиля нажимаем на "Настройки стиля" - выбираем группу настроек "Список разделов/узлов" и снимаем галочку с "Показывать всплывающие окна для подразделов".

В шаблон EXTRA.CSS добавляем:

.subForumList li .nodeTitle:before {
  background:...

Узнать больше об этом ресурсе...

 

[Slowpoked]

Кружки эти убогие ( по крайне мере для меня ).
Вот мой вариант стрелочки ( серая и зеленая ):

В extra.css ( изменена ширина, высота и отступ )

.subForumList li .nodeTitle:before
{
    background: url("@imagePath/xenforo/icons/subforum-read.png") no-repeat left center transparent;
    height: 16px;
    width: 16px;
    content: "";
    padding-left: 20px;
}

.subForumList li .unread .nodeTitle:before
{
    background: url("@imagePath/xenforo/icons/subforum-unread.png") no-repeat left center transparent;
    height: 16px;
    width: 16px;
    content: "";
    padding-left: 20px;
}

 

[luckyman]

Отлично, Slowpoked! Реально разнообразит внешний вид. Эти кружочки прихарили, согласен. Послушай, ты продолжай. Может со временем и с Шелли потягаешься.
Я уверен, у тебя получится. Стрелочки мелочь, но как креативненько! :thumbsup::thumbsup::thumbsup:

 

[Tangos]

стрелочки добавились, спс

но остались старые кружочки, не подскажите где их искать чтоб убрать?

 

[Hope]

Посмотрите по исходному коду нужного элемента или дайте ссылки на живой пример - так не угадать нам. :)

 

[Tangos]

Посмотрите по исходному коду нужного элемента или дайте ссылки на живой пример - так не угадать нам. :)

            <div class="nodeStats pairsInline">
                <dl><dt>Темы:</dt> <dd>4</dd></dl>
                <dl><dt>Сообщения:</dt> <dd>6</dd></dl>
              
            </div>
          
          
        </div>

      
            <ol class="subForumList">
          
                <li class="node forum level-n node_62">
    <div>
        <h4 class="nodeTitle"><a href="index.php?forums/%D0%A0%D0%B5%D0%BA%D0%BB%D0%B0%D0%BC%D0%B0-%D1%82%D0%B8%D0%B7%D0%B5%D1%80%D1%8B-%D0%B1%D0%B0%D0%BD%D0%BD%D0%B5%D1%80%D1%8B-etc.62/" class="menuRow">Реклама: тизеры, баннеры etc.</a></h4>
    </div>

 

[Hope]

Тут нет того, что нужно...

 

[94KONG]

Ребята а где можно (шаблон) к примеру заменить (png) на (gif)?
без всяких мудростей

 

[Hope]

Что? Вот код:

background: url("@imagePath/xenforo/icons/subforum-read.png") no-repeat left center transparent;

И:

background: url("@imagePath/xenforo/icons/subforum-unread.png") no-repeat left center transparent;

Меняйте на что угодно.

 

[94KONG]

Что? Вот код:

background: url("@imagePath/xenforo/icons/subforum-read.png") no-repeat left center transparent;

И:

background: url("@imagePath/xenforo/icons/subforum-unread.png") no-repeat left center transparent;

Меняйте на что угодно.

Всё сделал вроде как нада но эфекта 0

Код

.subForumList li .nodeTitle:before {
background: url("@imagePath/xenforo/icons/subforum-read.gif") no-repeat left center transparent;
height: 24px;
width: 48px;
content: "";
padding-left: 12px; }

.subForumList li .unread .nodeTitle:before {
background: url("@imagePath/xenforo/icons/subforum-unread.gif") no-repeat left center transparent;
height: 24px;
width: 48px;
content: "";
padding-left: 12px; }

 

[Hope]

А иконки по какому пути положили?

 

[94KONG]

/public_html/styles/runaway/xenforo/icons
И на всяк случий в /public_html/styles/default/xenforo/icons
Вот сама картинка

 

[Hope]

И что вместо картинки отображается? Вообще ничего? У меня такой вариант, что иконка слишком большая просто, поэтому её и не видно.

 

[94KONG]

Да всё те же кружки
Вот нашол в где они ещо располагаютса www\styles\runaway\xenforo\widgets
unread.png
unread-sprite.png
Может где то в щаблоне нужно переименовать?

 

[Hope]

Да всё те же кружки

Кэш браузера почистите и всё будет. :)

Так же можно изменить значение:

padding-left: 12px; }

Если иконки не будут влезать.

Может где то в щаблоне нужно переименовать?

Ничего трогать больше не нужно, инструкция полностью рабочая.

 

[94KONG]

Блин чо то не хочет(

 

[Hope]

Ну тогда я вообще без понятия...

 

[Дмитрий Кесаев]

Блин чо то не хочет(

На вскидку - поробуй:
В шаблоне node_forum_level_n
найди <div {xen:if $forum.hasNew, 'class="unread"'}>

и замени на подобное
<div style="{xen:if '{$forum.hasNew} OR !{$visitor.user_id}', 'background: url(

У Вас недостаточно прав для просмотра ссылок. Вход или Регистрация

)', 'background: url(

У Вас недостаточно прав для просмотра ссылок. Вход или Регистрация

no-repeat left center transparent;">

 

[egoarka]

А как сделать небольшой отступ от подраздела ?

 

[Hope]

Отступ сверху? Куда уж больше-то? Оо. Некрасиво же будет. :)