Решено Как можно реализовать инфо-иконку справа от названия ветки форума

[Apiga]

Хочу реализовать вот такую фичу:

Кто подскажет как ее реализовать?

В принципе, в css добавить иконку методом :after не сложно, вопрос в всплывающей подсказке.
Спасибо.

 

[Mirovinger]

Пример бы сразу бросили, что бы не гадать.

 

[Apiga]

Пример бы сразу бросили, что бы не гадать.

Пример чего? Картинку которую я прикрепил - нарисовал в фотошопе.

 

[Mirovinger]

Понял, мне показалось, что это уже готовый вариант, а так это можно реализовать.

 

[Apiga]

Понял, мне показалось, что это уже готовый вариант, а так это можно реализовать.

Я догадываюсь что можно. Меня интересует как сделать всплывающую подсказку. Я сперва думал, что сработает <img title="... , но нет. там идут какие-то <blockquote

 

[Mirovinger]

Как пример.

<span class="Tooltip" title="Здесь текст подсказки" data-offsetX="-7" data-offsetY="-10"><img src="link/img.png" alt="" /></span>

 

[Skaiman]

Ну так подсказку сделай на сам раздел в описании и иконку для него:

.node.node .node_6 .forumNodeInfo .nodeTitle a:after {
    content: '\f05d';
    font-family: 'FontAwesome';
    color: rgb(229,57,53);
    padding-left: 10px;
}

id раздела свой

 

[Apiga]

Как пример.

<span class="Tooltip" title="Здесь текст подсказки" data-offsetX="-7" data-offsetY="-10"><img src="link/img.png" alt="" /></span>

Спасибо, class="Tooltip" это как раз то, что я искал.
Вставил изображение в код шаблона с display:none;. А для нужных разделов выставил display:inline-block;
Получилось вот так: