Добавить блок в Zen

Главные вкладки

Аватар пользователя ciberlex404 ciberlex404 15 октября 2010 в 3:59

Доброго времени суток!

Вот есть шаблон для сайта в ai
Необходимо его натянуть на drupal
Я решил использовать для этих целей zen
И так как впервые делаю свой шаблон возникает вопрос как добавить новый блок в темку.

Блок нужно всунуть в header, а точнее под header.
В этом блоке должны быть размещены красивые изображения(кусочки) в самом низу картинки с текстами.
так как тема резиновая хотелось бы из разместить по центру на одинаковом растоянии друг от друга.

Вот что я вписал в page.tpl.php

<?php
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php print $language->language?>" lang="<?php print $language->language?>" dir="<?php print $language->dir?>">

<head>
  <title><?php print $head_title?></title>
  <?php print $head?>
  <?php print $styles?>
  <?php print $scripts?>
</head>
<body class="<?php print $classes?>">

  <?php if ($primary_links): ?>
    <div id="skip-link"><a href="#main-menu"><?php print t('Jump to Navigation'); ?></a></div>
  <?php endif; ?>

  <div id="page-wrapper"><div id="page">

    <div id="header"><div class="section clearfix">

      <?php if ($logo): ?>
        <a href="<?php print $front_page?>" title="<?php print t('Home'); ?>" rel="home" id="logo"><img src="<?php print $logo?>" alt="<?php print t('Home'); ?>" /></a>
      <?php endif; ?>

      <?php if ($site_name || $site_slogan): ?>
        <div id="name-and-slogan">
          <?php if ($site_name): ?>
            <?php if ($title): ?>
              <div id="site-name"><strong>
                <a href="<?php print $front_page?>" title="<?php print t('Home'); ?>" rel="home"><span><?php print $site_name?></span></a>
              </strong></div>
            <?php else: /* Use h1 when the content title is empty */ ?>
              <h1 id="site-name">
                <a href="<?php print $front_page?>" title="<?php print t('Home'); ?>" rel="home"><span><?php print $site_name?></span></a>
              </h1>
            <?php endif; ?>
          <?php endif; ?>

          <?php if ($site_slogan): ?>
            <div id="site-slogan"><?php print $site_slogan?></div>
          <?php endif; ?>
        </div> <!-- /#name-and-slogan -->
      <?php endif; ?>

      <?php if ($search_box): ?>
        <div id="search-box"><?php print $search_box?></div>
      <?php endif; ?>

      <?php print $header?>
    <div id="header-menu">

    </div>
    </div></div> <!-- /.section, /#header -->

    <div id="main-wrapper"> .....

?>

А вот что вышло в html

<body class="front logged-in two-sidebars">

 
  <div id="page-wrapper"><div id="page">

    <div id="header"><div class="section clearfix">

              <a href="/" title="Главная" rel="home" id="logo"><img src="/sites/all/themes/gorod/logo.png" alt="Главная" /></a>
     
              <div id="name-and-slogan">
                                    <h1 id="site-name">
                <a href="/" title="Главная" rel="home"><span>gorod.vitebsk.br</span></a>
              </h1>
                     
                  </div> <!-- /#name-and-slogan -->
     
              <div id="search-box"><form action="/"  accept-charset="UTF-8" method="post" id="search-theme-form">
<div><div id="search" class="container-inline">
  <div class="form-item" id="edit-search-theme-form-1-wrapper">
 <label for="edit-search-theme-form-1">Поиск по сайту: </label>
 <input type="text" maxlength="128" name="search_theme_form" id="edit-search-theme-form-1" size="15" value="" title="Введите ключевые слова для поиска." class="form-text" />
</div>
<input type="submit" name="op" id="edit-submit" value="Найти"  class="form-submit" />
<input type="hidden" name="form_build_id" id="form-db42d2ac39c4dae6080d97f58393a904" value="form-db42d2ac39c4dae6080d97f58393a904"  />
<input type="hidden" name="form_token" id="edit-search-theme-form-form-token" value="63a287fa7449c02d495c13fe1f26d07b"  />
<input type="hidden" name="form_id" id="edit-search-theme-form" value="search_theme_form"  />
</div>

</div></form>
</div>
     
        <div id="header-menu">

        </div>
    </div></div> <!-- /.section, /#header -->

Посоветуйте пожалуйста как правильно впихнуть туда это содержание.
Или просто в page.tpl.php прописать html - лом ? что нежелательно наверное.
Спасибо!

ВложениеРазмер
Иконка изображения gorod_test1_01.png90.19 КБ

Комментарии

Аватар пользователя ciberlex404 ciberlex404 15 октября 2010 в 4:03

Дописал я

 <div id="header-menu">

    </div>

И в эту зону я задумал вставить "Авто", "Афиша" и тд.

Это необходимо из-за "резиновости" темы т.к. другого варианта размещения этих 6..... картинок я не вижу.

Аватар пользователя digital_sword digital_sword 15 октября 2010 в 11:05

Зачем сюда весь page.tpl.php прикреплять?
Для начала, вам нужно вставить в этот файл не блок, а регион, а в нем уже разместить блок. Прописываете регион в page.tpl.php


<?php if (!empty($header-menu)): ?>
        <div id="header-menu">
          <?php print $header-menu?>
        </div>
<?php endif; ?>

и в zen.info:

regions[header-menu] = header-menu

Чтобы див региона был по центру указываете для него в CSS:
#header-menu {
margin: 0 auto;
}
А потом уже на странице блоков создаете свой блок и помещаете его в регион header-menu