Как вставить в шапку текст + картинки в которых ссылки?

Чтоб получилось так:

для Invision

В связи с переездом на Invision - вопрос открыт, но теперь для него.
Если текст невозможно, то хотя бы картинки. И желательно в правую нижнюю часть.

1. В ПА > Оформление > Шаблоны - Общие настройки > overall_header (Верхняя часть страницы) найдите строку

Код:

<!-- END switch_desc -->

и добавьте после нее

Код:

<div class="headerbanner"><span>Добавляйтесь в друзья:</span>
<a href="ссылка 1"><img src="https://i37.servimg.com/u/f37/18/40/24/57/remote10.jpg" alt="название баннера 1" /></a>
<a href="ссылка 2"><img src="https://i37.servimg.com/u/f37/18/40/24/57/remote10.jpg" alt="название баннера 2" /></a>
<a href="ссылка 3"><img src="https://i37.servimg.com/u/f37/18/40/24/57/remote10.jpg" alt="название баннера 3" /></a>
</div>

Как должно получиться:



2. Далее в этом коде замените:
- текст ссылка 1, ссылка 2, ссылка 3 — на нужные Вам ссылки
- ссылки на шаблон баннера https://i.servimg.com/u/f37/18/40/24/57/remote10.jpg — на нужные вам изображения кнопок
- текст название баннера 1, название баннера 2, название баннера 3 — на названия соответствующих баннеров.

Сохраните шаблон. Потом опубликуйте его, нажав на соответствующую кнопку:



3. Добавьте в CSS

Код:

/* баннеры в шапке - контейнер */

.headerbanner {
    text-align: right; /* прижать контент вправо */
    margin: 0 10px 10px 0; /* отступ справа - снизу */
}

/* баннеры в шапке - надпись */

.headerbanner span {
    font-size: 16px; /* размер шрифта */
    vertical-align: middle; /* выровнять по вретикали */
}

/* баннеры в шапке - кнопки */

.headerbanner a {
    margin: 0 0 0 10px; /* отступ справа */
}

и сохраните.

Dana Domirani пишет:...

После выполнения Вами написанных двух пунктов получилось так:

После выполнения Вашего третьего пункта - так всё и осталось.
В принципе сдвигать вправо вниз не надо, слева даже лучше. Но ссылки на мои кнопки не появились почему-то.

травоядный зверь Ⓥ, последний пункт просто не выполнен или неверно сохранен — у Вас нет в CSS необходимых настроек.

Cсылки на баннеры вставлены некорректно — в теги alt, а должны быть в src.

Dana Domirani пишет:...

Извиняюсь, был невнимателен и пропустил кой-чего. Теперь всё в порядке. Спасибо.
Скажите ещё пожалуйста,
1) а в какое место вставлять ссылку на новое лого взамен старого?
2) как сделать пропуск после двоеточия и после каждой кнопки на соц. сети? (а то не идеально смотрится)
3) как сделать чтоб все три строки стали с одинаковым отступом сверху и снизу? Если это невозможно, то как чтобы после последней строки и низом шапки был больше отступ? (А то нижние края картинок-кнопок практически вовпадают с низом шапки, - это некрасиво)

травоядный зверь Ⓥ, посмотрите, как это должно выглядеть (на тестовом форуме): http://sunny-tee.forum2x2.ru/



У Вас не так. Почему? Потому что к блоку с кнопками не применяются настройки CSS, которые отвечают за отступы и пр.

Либо Вы их добавили и не сохранили, либо добавили не в CSS, либо перед ними есть некорректный код, из-за которого все ниже идущие коды не применяются. Проверьте Вашу CSS, пожалуйста. Под CSS я подразумеваю раздел в Па > Оформление > Цвета > Каскадная таблица стилей CSS. Там должен быть этот код:

травоядный зверь Ⓥ пишет:а в какое место вставлять ссылку на новое лого взамен старого?

Смотрите тут: https://help.forum2x2.ru/t27414-topic

Dana Domirani пишет:...

Всё решилось. Спасибо