Правый блок

Создаем правые блоки

 

создаем файл tpl/right-block.html и добавляем следующий код

 

tpl/right-block.html

<{if $xoBlocks.canvas_right}>
    <div id="right-block">
        <{foreach item=block from=$xoBlocks.canvas_right}>
        <div class="right-block">
        <{if $block.title}><div class="block-title"><{$block.title}></div><{/if}>
        <div class="block-content"><{$block.content}></div>
        </div>
        <{/foreach}>
    </div>
<{/if}>

 

 Добавляем стили

 css/right-block.css

#right-block {
    width: 200px;
}
.right-block {
    border: 2px solid #333333;
    margin: 0 0 5px 10px;
}
.block-content ul li{
    display: inline;
}

 

Подключаем стили

 

В файл css/style.css добавим строку
@import url(right-block.css);

 


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

Правые блоки темы xoops

 

   Запускаем сайт в браузере.

 

так выглядит наша тема сейчас

Тема xoops xws

 

Теперь перейдем к созданию верхних и нижних блоков

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