Что там нужно:
Нормальный шрифт.
Базовые знания CSS

P.S. Выкладываю CSS-стиль для темного форума. Для светлых - замените border и color.
================

Как мы будем делать круг?
- Через border-radius

Качаем шрифты, подключаем их.

Подготавливаем CSS.
Итак, наша цель - это создать две иконки разделов. Одна будет показываться при отсутствии новых сообщений, другая - при наличии новых сообщений в разделе.
Вставляем следующее в forumbits.css

.sold, .snew {
width: 42px;height: 42px;
border-radius: 26px;-webkit-border-radius: 26px;-moz-border-radius: 26px;
position: absolute;
left: 9px;
font: 22px magistralblackcregular;
color: #D6D6D6;
top: 3px;
}

.sold div {padding: 7px 6px;opacity: 0.9999}
.snew div {padding: 7px 6px;opacity: 0.9999}
.snew {border:3px solid #2A57A8}
.sold {border:3px solid #D6D6D6}

Пояснения:
font - размер и названия шрифта
color - цвет текста внутри кружка
width, height - устанавливаем размер иконки
left, top - независимое положение иконки.
opacity - прозрачность. Для "смягчения" шрифта.


Далее HTML.
За вывод нужной иконки уже есть нужная нам переменная - {vb:raw forum.statusicon}

Нам нужно поправить 3 шаблона:
1. forumhome_forumbit_level1_post
Ищем:

<img src="{vb:stylevar imgdir_statusicon}/{vb:raw forum.imageprefix}forum_{vb:raw forum.statusicon}-48.png" class="forumicon" id="forum_statusicon_{vb:raw forum.forumid}" alt="" />

Заменяем на:

<div class="s{vb:raw forum.statusicon}"><div>LT</div></div>

LT замените на свой текст.

2. forumhome_forumbit_level2_nopost
Ищем:

<img src="{vb:stylevar imgdir_statusicon}/category_forum_{vb:raw forum.statusicon}-48.png" class="forumicon" id="forum_statusicon_{vb:raw forum.forumid}" alt="" />

Заменяем на:

<div class="s{vb:raw forum.statusicon}"><div>LT</div></div>

LT замените на свой текст.

3.
Ищем:

<img src="{vb:stylevar imgdir_statusicon}/{vb:raw forum.imageprefix}forum_{vb:raw forum.statusicon}-48.png" class="forumicon" id="forum_statusicon_{vb:raw forum.forumid}" alt="" />

Заменяем на:

<div class="s{vb:raw forum.statusicon}"><div>LT</div></div>

LT замените на свой текст.


Если у вас есть какие-либо вопросы, затруднения - пишите в тему, помогу.

Скриншот

Демо

http://lolzteam.ru/forum.php

Иконок больше чем две.
Есть еще ссылка и закрытый раздел

Originally Posted by Sven

Иконок больше чем две.
Есть еще ссылка и закрытый раздел

Я это не использую, поэтому не написал про это.
Как-то глупо ставить раздел ссылкой, нет?)

Если вы имеете ввиду про раздел с паролем, то условие должно быть примерно таким:

<vb:if condition="$forum['password']">
Ваша иконка для раздела с паролем
</vb:if>

Проверка на ссылку:

<vb:if condition="$forum['link']">
Ваша иконка для раздела с ссылкой
</vb:if>

Originally Posted by Sven

Иконок больше чем две.
Есть еще ссылка и закрытый раздел

пять
форум_олд
форум_нью
форум_олд_лок
форум_нью_лок
форум_линк

Originally Posted by Liked

Я это не использую, поэтому не написал про это.

когда выкладывается инструкция в паблик, надо думать не только о том, использует ли "это" автор инструкции, но и о том, что могут использовать те, кто будет по этой инструкции что-то делать... нет?

Originally Posted by Liked

Как-то глупо ставить раздел ссылкой, нет?)

ноу комментс...

Originally Posted by Liked

Как-то глупо ставить раздел ссылкой, нет

нет.
Файловый архив - на главной форума
Мало ли, что там админ указывает. Некоторые рекламу так делают

Sven добавил 03.04.2014 в 23:35

Originally Posted by Luvilla

форум_олд
форум_нью
форум_олд_лок
форум_нью_лок
форум_линк

Я не расписывал о нью/олд ибо это и так ясно

<vb:if condition="$forum['password']">
<div class="s{vb:raw forum.statusicon}"><div>LT</div></div>
<vb:else />
<vb:if condition="$forum['link']">
<div class="s{vb:raw forum.statusicon} section_link"><div>LT</div></div>
<vb:else />
<div class="s{vb:raw forum.statusicon} section_pwd"><div>LT</div></div>
</vb:if>
</vb:if>

Критики довольны?

Originally Posted by Liked

Критики довольны?

есть определённые требования к оформлению... чего угодно: будь то заявление о приёме на работу или объяснительная начальству, будь то оформление хака или доработки шаблонов
вот если бы вместе со ссылкой на демо был бы ещё и скрин - всё вообще было бы шикарно... а то ведь - стиль на форуме может поменяться, будет непонятно, про что речь