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

[Merz]

Как сделать кнопки как на этом форуме. Только у меня малость переделана.

Код: Выделить всё

.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"); /* здесь картинка для шапки */
}

[Sumanai]

Можно сделать через абсолютное позиционирование.
Подходящее событие 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; задают отступы, настраивайте по своему вкусу.