Ссылки/кнопки в шапке

Список разделов phpBBex 2.x (заброшен) Поддержка 2.x

Описание: У вас проблемы с phpBBex 2.x и вам необходима помощь? Спрашивайте здесь!
Правила раздела: Одна тема — один вопрос или группа связанных вопросов. Обязательно формируйте внятный заголовок, максимально отражающий суть вопроса. Подробно описывайте проблему. Не забудьте указать версию phpBBex и какие моды установлены, по возможности добавьте скриншоты проблемы или ссылку на страницу с проблемой.
Модератор: Поддержка

Сообщение #1 Merz » 02.07.2016, 22:01

Как сделать кнопки как на этом форуме. Только у меня малость переделана.
Код: Выделить всё
.imageset.site_logo {
    background-image: url("./images/icon_notification.gif");
    padding-left: 1225px;/*ширина клика шапки*/
    padding-top: 240px;/*высота клика шапки*/
}
.
headerbar {
background: #ebebeb none repeat-x 50% 0; /* масштабируемость для планшетов, картинка будет симметрично обрезаться с краёв (не моё, подсказали) */
color: #FFFFFF;
padding: 0 5px;
height: 250px; /*высота шапки*/
background-image: url("./images/shapka2.jpg"); /* здесь картинка для шапки */
}
Merz M
Автор темы
Аватара
Репутация: 33
С нами: 9 лет 7 месяцев

Сообщение #2 Sumanai » 02.07.2016, 22:43

Можно сделать через абсолютное позиционирование.
Подходящее событие overall_header_searchbox_before, либо используйте его в своём расширении, либо вставляете код непосредственно в ваш стиль.

Код: Выделить всё
<div style="width: 195px; height: 50px; border-radius: 3px; background: transparent url(%ваш_фон%) repeat scroll right top; position: absolute; right: 15px; top: 15px;">
   <a style="color: rgba(255,255,255,0.6); font-size: 18px; font-family: Arial; display: block; padding: 14px; text-decoration: none; text-align: left; font-weight: normal; margin: 0;" rel="nofollow" href="https://bitbucket.org/Sumanai/phpbbex-2.0/downloads/phpbbex-2.0.4.zip"><span style="color: #FFF;">Download</span> v2.0.4</a>
</div>
<style>
.headerbar {
   position: relative;
}
</style>
Вместо %ваш_фон%- путь к фону или закодированное в base64 изображение. right: 15px; top: 15px; задают отступы, настраивайте по своему вкусу.
Sumanai M
Аватара
Репутация: 1677
С нами: 11 лет 2 месяца


Вернуться в Поддержка 2.x