1 Topic by PunBB (edited by PunBB 2019.11.17 23:18)

Topic: Icon Images иконки для тем и категорий

Данное расширение, Icon Images, после установки заменяет стандартные иконки в списке тем и категорий. Расширение уже имеет в себе несколько основных иконок, но вы можете использовать свои вместо загруженных.

Как установить свои иконки для категорий и тем?

Все ссылки прописаны в файле стилей imgs.css
Все иконки находятся в папке images
Что бы поменять иконку, загрузите ее в папку и укажите соответствующее имя.
Например для иконки редиректа настройте в блоке ссылку:

.brd .main-content .main-item .icon.moved {
   background:transparent url(images/iredirect.png) no-repeat;
}

https://punbb.softplaza.net/uploads/images/2017/05/ea1f223f11426adcaccf9b6595ca10a1.png

Скачать расширение Icon Images

2 Reply by Grand91 (edited by Grand91 2017.05.30 10:01)

Re: Icon Images иконки для тем и категорий

А иконки тем с новыми сообщениями (и тем без них) тоже изменены?

Grand91's Website

3 Reply by PunBB

Re: Icon Images иконки для тем и категорий

Grand91 wrote:

А иконки тем с новыми сообщениями (и тем без них) тоже отличаются?

Отличаются только на главной. Видимо автор посчитал, что в списке тем отличия ни к чему.

4 Reply by olimpic

Re: Icon Images иконки для тем и категорий

PunBB wrote:

Как установить свои иконки для категорий

Здравствуйте. Может я что то не понял. но назначены иконки только для тем? А как сделать индивидуально иконки для каждого форума в отдельности? Любая помощь.

5 Reply by PunBB

Re: Icon Images иконки для тем и категорий

olimpic, для форумов иконки назначаются примерно таким образом.
Открыть файл стилей и добавить такую секцию:

#brd-index #forum1 .item-subject h3 > a{
    background: url(https://your-site/path-to-image/icon_fb.png) 0px 0px no-repeat;
    padding-left: 36px;
    height: 32px;
    display: inline-block;
}
#brd-index #forum1 .item-subject > p{
   padding-left: 36px;
   margin-top: -15px;
}

Это пример кода для форума с его ID 1, укажите путь к картинке, желательно ее не сжимать, а заранее подогнать размеры на компьютере. Далее просто дублируете этот код только меняете айди форума и путь на картинку. Вот и все.

https://punbb.softplaza.net/uploads/images/2017/05/bc905f9f5e6bdcdab5f118398e4ea9bf.png