header.html

Создадим шапку для сайта. В нашем примере шапка будет простой, без графики, впрочем, как и вся тема.

 

в файл tpl/header.html добавляем код

<div id="header">
  <div class="header">
    <div class="logo">
      <a href="<{$xoops_url}>" title="xoops">XOOPS<span>.ws</span></a>
      <div class="slogan">Поддержка XOOPS</div>
    </div>
  </div>
</div>

 

 

В файл css/header.css поместим код

#header {
    background: none repeat scroll 0 0 #333333;	/* фон */
    height: 100px; /* высота */
}
.header {
    margin: auto;  /* выравниваем по центру*/
    width: 1024px; /* ширина */
}
.logo a {
    color: #0A9DF8; /* цвет ссылки лого */
    font-size: 4em; /* размер */
}
.logo a span {
    color: #8FD2FB;
}

.slogan {
    color: #FFFFFF;   /* цвет описания сайта */
    font-size: 1.5em; /* размер */
}

 

 Внешний вид шапки

 header

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