Тема: Как сделать иконки для каждого форума?

https://dl.dropboxusercontent.com/u/8815713/asforum/eosf.jpg
Как сделать такие же иконки для каждого форума?

Спасибо за ответ.

Поделиться

2

Re: Как сделать иконки для каждого форума?

Открываешь код страницы и видишь, что каждый блок div отвечающий за форум имеет уникальный id. Вот в соответствии с этими id прописываешь в css иконки форумам.

Моя сборка FluxBB 1.5 * Parserus - BBCode parser

Поделиться

3 (03.06.2014 00:12 отредактировано dignityinside)

Re: Как сделать иконки для каждого форума?

Visman пишет:

Открываешь код страницы и видишь, что каждый блок div отвечающий за форум имеет уникальный id. Вот в соответствии с этими id прописываешь в css иконки форумам.

Добавил в CSS:

#forum .icon{
  background(https://dl.dropboxusercontent.com/u/8815713/mintusers/img/2014/06/news.png);
  width:32px;
  height:32px;
}

Картинка появилась, но внтури рамки (или другой картинки, которая была ранее).

Поделиться

4

Re: Как сделать иконки для каждого форума?

dignityinside, более строгое правило писать надо чем это (это текущая тема данного форума, в другой теме возможно другие правила прописаны для иконок)

Моя сборка FluxBB 1.5 * Parserus - BBCode parser

Поделиться

5

Re: Как сделать иконки для каждого форума?

вообще есть мод для этого

Поделиться

6

Re: Как сделать иконки для каждого форума?

thunder, про мод не знал wink

Моя сборка FluxBB 1.5 * Parserus - BBCode parser

Поделиться

7

Re: Как сделать иконки для каждого форума?

мод называется forum image on index page, автор hcs

Поделиться

8

Re: Как сделать иконки для каждого форума?

У этого расширения немного другие функции - показывать всякие баннеры. На оф. форуме было решение в виде расширения для нужд автора темы.

Захочешь — найдешь время, не захочешь — найдешь причину.

Поделиться

9

Re: Как сделать иконки для каждого форума?

hcs пишет:

У этого расширения немного другие функции - показывать всякие баннеры. На оф. форуме было решение в виде расширения для нужд автора темы.

Хм, видимо не так прочитал, да, действительно. а жаль)

Поделиться

10

Re: Как сделать иконки для каждого форума?

хотя бегло посмотрел -- посути переделать мод достаточно просто... наверное, правда иконка дефайлтная через одно место выводится, но можно сделать грязный хак в хуке в $forum_page['item_status'], добавить в этот массив чтото вроде

" style="background-image: url("линк на картинку из базы") !important;">

оставив все управление старое из мода

ну это как пример)

Поделиться

11

Re: Как сделать иконки для каждого форума?

thunder пишет:

хотя бегло посмотрел -- посути переделать мод достаточно просто... наверное, правда иконка дефайлтная через одно место выводится, но можно сделать грязный хак в хуке в $forum_page['item_status'], добавить в этот массив чтото вроде

" style="background-image: url("линк на картинку из базы") !important;">

оставив все управление старое из мода

ну это как пример)

Вобщем то сделал на основе этого мода, даже работает) Спасибо)

Поделиться

12 (06.06.2014 03:01 отредактировано thunder)

Re: Как сделать иконки для каждого форума?

слить можно тут: http://gitlab.thunders.spb.ru/thunder/t … rum-images

Поделиться

13

Re: Как сделать иконки для каждого форума?

thunder пишет:

слить можно тут: http://gitlab.thunders.spb.ru/thunder/t … rum-images

Выдает ошибки при активации:

ВАЖНО! Список расширений найден в папке Extensions, но их установка или обновление невозможно, поскольку были обнаружены ошибки.
Ошибка загрузки расширения «thunder-punbb-forum-images».

ID должен содержать только буквенно-цифровые символы в нижнем регистре (a—z и 0—9) и символ подчёркивания (_).

Поделиться

14

Re: Как сделать иконки для каждого форума?

dignityinside, обзови папку thunder_forum_image вместо thunder-punbb-forum-images

Моя сборка FluxBB 1.5 * Parserus - BBCode parser

Поделиться

15 (10.07.2014 11:07 отредактировано dignityinside)

Re: Как сделать иконки для каждого форума?

Да, помогло.

Загрузил картинку к форуму (png, 24x24), картинка отображается в настройках форума и папки /thunder_forum_image/uploads, но не отображается на главной (дизайн стандартный). Почему? Нужно ли где-то что-то менять в шаблоне?

Поделиться

16 (10.07.2014 20:35 отредактировано Visman)

Re: Как сделать иконки для каждого форума?

dignityinside, мод ставит иконки прямо в html код как бэкграунд. Открывай каким-нибудь отладчиком элементы на странице и смотри как там стили на иконках с бэкграундом совмещаются.

Моя сборка FluxBB 1.5 * Parserus - BBCode parser

Поделиться

17

Re: Как сделать иконки для каждого форума?

правильно нужно ставить стиль типо как в примере

#forum .icon{
background:url(путь до картинки)
width:32px;
height:32px;
}

тега style не должно быть вообще

Поделиться

18

Re: Как сделать иконки для каждого форума?

Загрузил картинку к форуму (png, 24x24), картинка отображается в настройках форума и папки /thunder_forum_image/uploads, но не отображается на главной (дизайн стандартный).

Ткните носом что-куда вставить надо!! ато я запутался. Мод поставил картинку загрузил что дальше?

Поделиться

19

Re: Как сделать иконки для каждого форума?

hcs пишет:

У этого расширения немного другие функции - показывать всякие баннеры. На оф. форуме было решение в виде расширения для нужд автора темы.

А ссылочкой не поделитесь? А то сам искал, не нашел...

Сайт nihi1ist

Поделиться

20

Re: Как сделать иконки для каждого форума?

Не выгодно ставить отдельную картинку к каждому форуму, на загруженном ресурсе сразу начинается потребление трафика и соответственно подгрызание выделенных ресурсов, если хостинг виртуальный. Да и в целом, вес страницы index увеличивается.  Делал через css, потом отказался.

Поделиться

21

Re: Как сделать иконки для каждого форума?

bibishnik пишет:

Не выгодно ставить отдельную картинку к каждому форуму, на загруженном ресурсе сразу начинается потребление трафика и соответственно подгрызание выделенных ресурсов, если хостинг виртуальный. Да и в целом, вес страницы index увеличивается.  Делал через css, потом отказался.

Это если сжимать. А если 24х24 в оригинале с размером по 1кб?

Сайт Xakker

Поделиться

22

Re: Как сделать иконки для каждого форума?

Можно также подключить  иконочный шрифт Font-Awesome. И там выбрать что-то подходящее. Есть еще Glyphicons и Fontello

У меня такие на форуме

Вроде как просто. Есть два варианта.

1.Подключить локально. Скачать шрифты в папку на сервер и подключить через свойство @font-face в своем css-файле.
2. Подключить через свойство link в head сайта

<link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">

Предварительно закачав файлы со шрифтом на сервер.

Потом подключаете идентификатор иконки в админке к названию форума. Например вот так..
http://savepic.net/7769880.jpg

Выглядит это так..

http://savepic.net/7761688.jpg

Иконка меняет размер цвет, позицию и все такое, в своем файле font-awesome.min.css например. Цвет с помощью свойства color, размер с помощью font-size, отступ, тень и все такое. Удобно.

Или в своем файле css (в случае первого варианта), добавить к любому класу или идентификатору через псевдоэементы :before, after. И обязательно указать шрифт, к которому принадлежит иконка, например    font-family: 'Font-Awesome';

Таким же способом можна переопределять почти любые рабочие картинки форума.

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

Поделиться