Иконки форумов на главной

08 Ноябрь 2016, 18:23:27

Если вы знаете 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"
}

Дерзайте.

Ссылки по теме:
Оригинал на английском