[Вопрос]

Всем привет. Как метки можно оформить вот так:



Крестик удаления не нужен, интересует именно на уровне сss как добавить внешнюю рамку, фон, подчёркнутый, цвет текста.
Искал в шабе vbulletin.css нашёл там thread_tags_list и thread_info_block blockbody formcontrols, но оно или нет не разобрался. Может кто делал оформление меток, как их оформить можно?
Спасибо.

Заменить шаблон tagbit_wrapper следующим кодом

<vb:if condition="$tag_list">
		<vb:each from="tag_list" value="row">
			<span class="tagborder"><a href="tags.php?{vb:raw session.sessionurl}tag={vb:raw row.url}">{vb:raw row.tag}</a></span>
		</vb:each>
<vb:else />
	<em>{vb:rawphrase none}</em>
</vb:if>
<img src="{vb:stylevar imgdir_misc}/11x11progress.gif" id="tag_form_progress" class="inlineimg hidden" alt="" />

В additional.css добавить

.tagborder {
border: 1px solid #cccccc;
padding: 2px 4px;
margin: 2px 4px;
display: inline-block;
}

Остальное по вкусу

Спасибо, выглядит отлично!

На 4.2.3 не работает (

Под рукой нет 4.2.3. Если дадите доступы (в ЛС) - я посмотрю

Originally Posted by Sven

Под рукой нет 4.2.3

у тебя по-прежнему есть все права на вбтранс, пользуйся)

Luvilla, спасибо)

@iiioroh, всё работает. Я даже не могу представить, что там может не работать

Вообще хотел чтобы метки имели такой вид
Я сделал все как в первом посте. Из всех изменений только запятые разве, что пропали.
И не совсем понятно как там это реализовать?

@iiioroh, В вашем случае добавить в additional.css

.tagborder {
    background: #189900;
    display: inline-block;
    color: #fff;
    position: relative !important;
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
    float: left;
    padding: 7px 3px;
    margin: 0 5px 5px 0;
}
.tagborder:before {
    background: #fff;
    width: 7px;
    height: 7px;
    content: "";
    display: inline-block;
    border-radius: 5px;
    margin: 0 10px 0 0;
}
.tagborder:after {
    background: #fff;
    width: 7px;
    height: 7px;
    content: "";
    display: inline-block;
    border-radius: 5px;
    margin: 0px 0px 0px 10px;
}

Редактирование шаблона точно такое же. Должно сработать

@Sven,
Все проделал как написано, но не работает оно у меня.
В чем же собака зарыта?