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

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

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

Поделиться

2

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

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

Моя (Please log in or register to see this URL) FluxBB 1.5, (Please log in or register to see this URL), (Please log in or register to see this URL).

Поделиться

3 (03.06.2014 12: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, более строгое правило писать надо чем это (это текущая тема данного форума, в другой теме возможно другие правила прописаны для иконок)

Моя (Please log in or register to see this URL) FluxBB 1.5, (Please log in or register to see this URL), (Please log in or register to see this URL).

Поделиться

5

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

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

Поделиться

6

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

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

Моя (Please log in or register to see this URL) FluxBB 1.5, (Please log in or register to see this URL), (Please log in or register to see this URL).

Поделиться

7

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

мод называется (Please log in or register to see this URL), автор 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 15:01 отредактировано thunder)

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

слить можно тут: (Please log in or register to see this URL)

Поделиться

13

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

thunder пишет:

слить можно тут: (Please log in or register to see this URL)

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

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

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

Поделиться

14

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

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

Моя (Please log in or register to see this URL) FluxBB 1.5, (Please log in or register to see this URL), (Please log in or register to see this URL).

Поделиться

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

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

Да, помогло.

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

Поделиться

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

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

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

Моя (Please log in or register to see this URL) FluxBB 1.5, (Please log in or register to see this URL), (Please log in or register to see this URL).

Поделиться

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кб?

Новые стили и расширения на  (Please log in or register to see this URL)

Поделиться

22

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

Можно также подключить  иконочный шрифт (Please log in or register to see this URL). И там выбрать что-то подходящее. Есть еще (Please log in or register to see this URL) и (Please log in or register to see this URL)

У меня такие на (Please log in or register to see this URL)

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

1.Подключить локально. Скачать шрифты в папку на сервер и подключить через свойство (Please log in or register to see this URL) в своем css-файле.
2. Подключить через (Please log in or register to see this URL) 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 (в случае первого варианта), добавить к любому класу или идентификатору через псевдоэементы (Please log in or register to see this URL), (Please log in or register to see this URL). И обязательно указать шрифт, к которому принадлежит иконка, например    font-family: 'Font-Awesome';

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

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

Поделиться