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

К теме необходимо прикрепить 8 блоков:

Левый блок

Правый блок

Центральный верхний блок

Центральный верхний левый блок

Центральный верхний правый блок

Центральный нижний блок

Центральный нижний левый блок

Центральный нижний правый блок

 

По желанию, блоки можно разместить и в иных местах, часто некоторые блоки размещают в футере, мы же разместим блоки именно там, где они должны быть.

 

Так подключаются блоки в админке

блоки в админке xoops

 

Современные сайты верстаются с помощью DIV, раньше верстальшики работали с таблицами, что намного проще.

Для удобства восприятия мы создадим блоки с помощью таблицы.

 

Создадим непростую таблицу

 

Левый блок Центральный верхний блок Правый блок
Центральный верхний левый блок Центральный верхний правый блок
Контент контент контент контент контент контент контент контент контент контент контент контент контент контент контент контент контент контент контент контент контент контент контент контент контент контент контент контент контент контент контент контент контент контент контент контент контент контент контент контент контент контент контент контент контент контент контент контент контент контент контент контент контент контент контент контент контент контент контент контент 
Центральный нижний блок
Центральный нижний левый блок Центральный нижний правый блок

 

Вот такое расположение будет у нашего сайта.

 

В файл theme.html добавляем код (выделен желтым фоном):

 

theme.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xml:lang="<{$xoops_langcode}>" lang="<{$xoops_langcode}>">
<head>
<{assign var=theme_name value=$xoTheme->folderName}>
 <{includeq file="$theme_name/tpl/meta.html"}>
</head>
<body>
 <{includeq file="$theme_name/tpl/header.html"}>
<div id="wrapper">
<table id="container">
  <tbody>
    <tr>
      <td rowspan="5"><{includeq file="$theme_name/tpl/left-block.html"}></td>
      <td colspan="2"><{includeq file="$theme_name/tpl/center-top-block.html"}></td>
      <td rowspan="5"><{includeq file="$theme_name/tpl/right-block.html"}></td>
    </tr>
    <tr>
      <td><{includeq file="$theme_name/tpl/center-top-left-block.html"}></td>
      <td><{includeq file="$theme_name/tpl/center-top-right-block.html"}></td>
    </tr>
    <tr>
      <td colspan="2"><{includeq file="$theme_name/tpl/content.html"}></td>
    </tr>
    <tr>
      <td colspan="2"><{includeq file="$theme_name/tpl/center-bottom-block.html"}></td>
    </tr>
    <tr>
      <td><{includeq file="$theme_name/tpl/center-bottom-left-block.html"}></td>
      <td><{includeq file="$theme_name/tpl/center-bottom-right-block.html"}></td>
    </tr>
  </tbody>
</table>
</div>
 <{includeq file="$theme_name/tpl/footer.html"}>
</body>
</html>

 

 

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