Предоставляем срочную помощь по DLE, пишем эксклюзивные модули для вашего проекта, парсеры грабберы, исправляем базу данных, удаляем вирусы редиректы, обновляем скрипты, помощь с переездом на другой хостинг, перенос домена, большой опыт работы с высоконагруженными проектами, защита ddos атаки, ботов и спама, оптимизация модулей и серверов дле, более 10 лет работы, тысячи модификаций и доработок, короткие сроки, дорого, качественно. telegram: @histoo

Иконки подфорумов и тем

  1. Онлайн

    Grey

    Администраторы

    Сообщений: 2130

    И так, приступим. За основу возьмем оригинальный CSS, находим:
    li span.treeIcon{box-shadow:inset rgba(0,0,0,0.3) 0px 1px 2px;-webkit-box-shadow:inset rgba(0,0,0,0.3) 0px 1px 2px;-moz-box-shadow:inset rgba(0,0,0,0.3) 0px 1px 2px;-khtml-box-shadow: inset rgba(0,0,0,0.3) 0px 1px 2px;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-khtml-border-radius:3px;background:#176093 no-repeat center;float:left;width:35px;height:35px}
    li.read span.treeIcon{background-image:url(../images/icons/read.png)}
    li.unread span.treeIcon{background-image:url(../images/icons/unread.png)}
    li.linck span.treeIcon{background-image:url(../images/icons/link.png)}
    li.unread span.treeIcon{}
    li.topicList span.treeIcon{margin-left:5px}



    Теперь, давайте это дело упростим, что позволит ставить любые иконки хоть квадратные, хоть круглые и т.п.
    Меняем всё на:
    li span.treeIcon{float:left;width:35px;height:35px}
    li.read span.treeIcon{background:url(../images/icons/read.png)}
    li.unread span.treeIcon{background:url(../images/icons/unread.png)}
    li.linck span.treeIcon{background:url(../images/icons/link.png)}
    li.topicList span.treeIcon{margin-left:5px}



    Далее, ниже добавим код для тем:
    li span.topicIcon{float:left;width:35px;height:35px}
    li.read span.topicIcon{background:url(../images/icons/topic_read.png)}
    li.unread span.topicIcon{background:url(../images/icons/topic_unread.png)}
    li.linck span.topicIcon{background:url(../images/icons/topic_link.png)}
    li.topicList span.topicIcon{margin-left:5px}



    И последнее, открываем \ templates \ ВАШ_ШАБЛОН \ bullet_energy \ short_topic.tpl находим:
    <span class="treeIcon" title="{statusTitl}"></span>


    Меняем на:
    <span class="topicIcon" title="{statusTitl}"></span>


    Собственно всё. Осталось залить нужные иконки в ../images/icons/

    Можно пойти еще дальше. Личная иконка для темы.
    Тогда нужно
    <span class="topicIcon" title="{statusTitl}"></span>


    Изменить на
    <span id="topic_{id}" class="topicIcon" title="{statusTitl}"></span>


    В СSS код будет
    span.topicIcon#topic_25{background: url(../images/icons/no_new.png);}
    li.unread span.topicIcon#topic_25{background: url(../images/icons/new.png);}

    Где 25 айдишка топика.

    Для каждого раздела своя иконка
    Выполнить все что описано выше и затем:
    \engine\bullet_energy\action\site\categories.php находим:
    parent::$tpl->load_template('short_topic.tpl') ;


    Ниже добавляем:
    parent::$tpl->set('{TreeId}', parent::$globalParam['id']) ;


    Далее изменить short_topic.tpl
    <span class="topicIcon" title="{statusTitl}"></span>


    На:
    <span id="TreeId_{TreeId}" class="topicIcon" title="{statusTitl}"></span>


    И теперь если добавить в CSS например:
    span.topicIcon#TreeId_2{background: url(../images/icons/no_new.png);}
    li.unread span.topicIcon#TreeId_2{background: url(../images/icons/new.png);}


    Иконки указать такие же как и у подфорума с ID номер 2, все темы будут с иконкой подфорума.

    Автор: madv1ch
    Сообщение отредактировал Grey 8 августа 2013 - 16:06

    сделаю любой модуль dle на заказ, если вам нужны услуги по dle
    скaйп rdn-team.com
    телегрaм @histoo

    8 августа 2013 - 16:03 / #1
  2. Онлайн

    Grey

    Администраторы

    Сообщений: 2130

    Вариант №2 от Автор: RaperXXX
    Сегодня мы научимся заменять иконки для тем + к этому уберем синию рамку

    1. Открываем ../Ваш Шаблон/bullet_energy/style/styles.css
    2. Ищем в styles.css
    li.read span.treeIcon{background-image:url(../images/icons/read.png)}
    li.unread span.treeIcon{background-image:url(../images/icons/unread.png)}
    li.linck span.treeIcon{background-image:url(../images/icons/link.png)}


    3.Заменяем на это:
    li.read span.treeIcon{background-image:url(../images/icons/read.png);background-colo
    r:transparent;box-shadow:none;opacity:1;background-position:1px 1px}
    li.unread span.treeIcon{background-image:url(../images/icons/unread.png);background-co
    lor:transparent;box-shadow:none;opacity:1;background-position:1p
    x 1px}
    li.linck span.treeIcon{background-image:url(../images/icons/link.png);background-colo
    r:transparent;box-shadow:none;opacity:1;background-position:1px 1px}


    4.Заменяем иконки read.png, unread.png, link.png на ваши.

    В итоге у вас должно получится примерно так

    А теперь я поясню каждую строчку.
    background-image: url(../images/icons/read.png) // Путь до нашего изображения (иконки). Полный путь: ../Ваш шаблон/bullet_energy/images/icons/
    background-color:transparent // Устанавливаем прозрачный фон.
    box-shadow:none // Отключаем тень.
    opacity:1 // Устанавливаем прозрачность для изображения, где 1 - отключает прозрачность.
    background-position:1px1px // Задаем начальное положение нашего изображения read.png, установленного с помощью свойства background-image.
    Сообщение отредактировал Grey 8 августа 2013 - 16:24

    сделаю любой модуль dle на заказ, если вам нужны услуги по dle
    скaйп rdn-team.com
    телегрaм @histoo

    8 августа 2013 - 16:17 / #2
  3. Онлайн

    Grey

    Администраторы

    Сообщений: 2130

    Вариант №3 от ibred
    Иконки для подфорума

    1. Заходим в АЦ Форума > Дерево узлов.
    2. Находим ID подфорума, которому нужно установить свою иконку. В нашем примере это будет ID: 4.

    3. Осталось совсем чуть. Открываем ../Ваш Шаблон/bullet_energy/style/styles.css
    4. В самый конец пишем следующее:
    span.treeIcon#treeId_4{background-image: url(../images/icons/bug.png);background-color:transparent;box-shadow:non
    e;opacity:0.6;} li.unread span.treeIcon#treeId_4{opacity:1}


    А теперь я поясню каждую строчку.
    #treeId_4 // Это идентификатор нашего подфорума. см. пункт: 2.
    background-image: url(../images/icons/bug.png) // Путь до нашего изображения (иконки). Полный путь: ../Ваш шаблон/bullet_energy/images/icons/
    background-color:transparent // Устанавливаем прозрачный фон.
    box-shadow:none // Отключаем тень.
    opacity:0.6 // Устанавливаем прозрачность для изображения, где 1 - отключает прозрачность. Данная опция устанавливается для тем, которые уже прочтены.
    background-position:2px -2px // Задаем начальное положение нашего изображения bug.png, установленного с помощью свойства background-image.

    li.unread span.treeIcon#treeId_4{opacity:1} // Данная строчка отвечает за темы, которые ещё не прочтены. Все показатели берутся из предыдущей строки, кроме пункта прозрачности, которая установлена нами на 1.

    Вариант 1 картинка на 10 форумов:
    span.treeIcon#treeId_4 ,span.treeIcon#treeId_ID{background-image: url(../images/icons/bug.png);background-color:transparent;box-shadow:non
    e;opacity:0.6;background-position:2px -2px}

    Если иконки одинаковые то пишем примерно так:
    #icon_1, #icon_2, icon_3 {....стили......}
    либо div["id*=icon_"] {....стили......} - но в этом случаи все блоки имеющие с атрибуте id слово либо часть слова icon_ будут иметь одинаковый стиль

    сделаю любой модуль dle на заказ, если вам нужны услуги по dle
    скaйп rdn-team.com
    телегрaм @histoo

    8 августа 2013 - 16:28 / #3
  4. Оффлайн

    mamashka

    Посетители

    Сообщений: 6

    Эта инфа актуальна сейчас? Все это прописав можно иконки к категориям свои поставить?
    24 февраля 2020 - 19:28 / #4
  5. Онлайн

    Grey

    Администраторы

    Сообщений: 2130

    mamashka,
    актуальна.

    сделаю любой модуль dle на заказ, если вам нужны услуги по dle
    скaйп rdn-team.com
    телегрaм @histoo

    25 февраля 2020 - 17:15 / #5
Модераторы форума: greyPowered by Bullet Energy Forum