Код выглядит так:
Код: Выделить всё
<div class="headerbar">
<div class="inner">
<!-- EVENT overall_header_headerbar_after -->
<div class="headerbar-left">
<div class="headerbar-blocks">
<div class="headerbar-blocks-left">
<!-- EVENT headerbar_blocks_left_after -->
</div>
</div>
<div class="headerbar-blocks">
<div class="headerbar-blocks-right">
<!-- EVENT headerbar_blocks_right_after -->
</div>
</div>
</div>
</div>
</div>
<!-- EVENT overall_header_headerbar_after -->
. Достаточно переименовать событие на это в расширении, такое же оформление есть в теме расширения.Стили:
Код: Выделить всё
/* Headerbar blocks
----------------------------------------*/
.recent-topics-box {
width: 300px;
float: right;
position: relative;
}
.headerbar-left {
margin-right: 310px;
overflow: hidden;
width: auto;
}
.headerbar-left.max-width {
margin-right: 0;
}
.headerbar-blocks {
width: 50%;
float: left;
}
.headerbar-blocks-left,
.headerbar-blocks-right {
margin: 2px;
min-height: 178px;
padding: 12px 10px;
border-radius: 3px;
}
@media only screen and (max-width: 1000px), only screen and (max-device-width: 1000px) {
.recent-topics-box {
width: auto;
float: none;
padding-bottom: 10px;
}
.headerbar-left {
margin-right: 0;
overflow: hidden;
width: auto;
}
}
@media only screen and (max-width: 640px), only screen and (max-device-width: 640px) {
.headerbar-blocks {
width: auto;
float: none;
padding-bottom: 10px;
}
}