Перейти к основному содержанию

Новости

Тема: Иконки форумов на главной (Прочитано 190 раз) предыдущая тема - следующая тема

  • inter 😎
  • [*][*][*][*][*]
  • Царь
Иконки форумов на главной
Если вы знаете CSS и вам нужно добавить иконки форумов (смотрите пример во вложении) используйте такой код:

#b3:before {
content: "";
padding: 25px 0 25px 100px;
margin-right: 5px;
background: url(../images/board_3_img.png) no-repeat;
background-size: 100%;
vertical-align: middle;
display: inline-block;
}

#b3:before {  цифра 3 это ID форума, значит можно для каждого форума сделать свою иконку.

../images/board_3_img.png  это адрес картинки.

Можно даже переопределить размер и использовать иконки с разными размерами, выполнив:
#b3:before {
background: url(../images/board_3_img.png) no-repeat;
padding: 50px 0 50px 100px;
}

Font Awesome
Вместо изображений можно использовать шрифт Awesome в качестве картинки:

/* Board images */
.board_name>a:before {
content: "\f18d";
font-family: "FontAwesome";
padding: 0.4em 0;
font-size: 2.357em;
vertical-align: middle;
display: inline-block;
margin-right: 5px;
}
.board_name>a.moderation_link:before {
content: "";
}

#b14:before {
content: "\f0c0"
}

Дерзайте.

Ссылки по теме:
Оригинал на английском
  • Последнее редактирование: 17 Ноябрь 2016, 14:26:50 by inter