Левый блок

Добавляем левые блоки.

Для этого создаем файл 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);

 

 

Внешний вид левых блоков

Левые блоки темы xoops

Комментарии принадлежат их авторам. Мы не несем ответственности за их содержание.
Отправитель Нити