Приднестровская поддержка XOOPS
Добавляем левые блоки.
Для этого создаем файл tpl/left-block.html и добавляем следующий код
tpl/left-block.html
<{if $xoBlocks.canvas_left}>
<div id="left-block">
<{foreach item=block from=$xoBlocks.canvas_left}>
<div class="left-block">
<{if $block.title}><div class="block-title"><{$block.title}></div><{/if}>
<div class="block-content"><{$block.content}></div>
</div>
<{/foreach}>
</div>
<{/if}>
Добавляем стили
css/left-block.css
#left-block {
width: 200px; /* ширина блока */
}
.left-block {
border: 2px solid #333333;
margin: 0 10px 5px 0;
}
.block-title { /* Задаем стиль заголовку блока */
background: none repeat scroll 0 0 #000000;
color: #FFFFFF;
font-size: 16px;
padding: 1px 0 3px 10px;
}
.block-content { /* Контент блока */
background: none repeat scroll 0 0 #EEEEEE;
padding: 5px;
}
.block-content a {
color: #119CFF;
font-size: 12px;
padding: 1px 0 1px 5px;
text-decoration: none;
}
.block-content a:hover {
color: #DB0C90;
}
#usermenu a{display: block;}
.menuTop{}
#mainmenu a{display: block;}
.menuMain{}
.menuSub{}
#mainmenu a.menuSub {
padding-left: 20px;
}
подключаем стили. Для этого добавим в файл css/style.css строку
@import url(left-block.css);
Внешний вид левых блоков
Отправитель | Нити |
---|
7 пользователь(ей) активно (2 пользователь(ей) просматривают Инструкции)
Участников: 0 Гостей: 7 далее... |