Центр документации
Карта сайта

Создай визитку сам!


Самоучитель по интеграции дизайна и настройке Amiro.CMS на примере демонстрационной версии пакета Визитка »


Настройка блока

По дизайну в блоке «Нижнем блоке» находятся копирайт компании, нижнее меню, и полоса серого цвета.

 

Рисунок 30

 

В блоке «Нижний блок» создадим таблицу с двумя ячейками.

 

<TABLE cellSpacing=0 cellPadding=0 width="100%">

<TBODY>

<TR><TD></TD></TR>

<TR><TD></TD>

</TR></TBODY></TABLE>

 

В первой ячейке-строке будет спецблок «Нижнее меню», во второй – сам копирайт

Добавим еще одну строку в начало таблицы (оформление серой полосы)

Серая полоса имеет высоту 4 px и цвет c5c5c5, поэтому ячейке верхней строки зададим высоту 4px height=4 и зальем цветом c5c5c5 bgcolor=# c5c5c5. Так же в данную ячейку вставим прозрачное изображение spacer.gif,

 

<TABLE height="100%" cellSpacing=0 cellPadding=0 width="100%" border=0>

<TBODY>

<TR>

<TD bgColor=#c5c5c5 height=4><IMG src="_img/spacer.gif"></TD></TR>

<TR>

<TD>##spec_bottom_menu##/TD></TR>

<TR>

<TD>Все права защищены ©&nbsp;2003-2008 Прима Консалтинг</TD></TR></TBODY></TABLE>

 

 На сайте отобразится:

 

Рисунок 31

 

Видно, что необходимо увеличить отступы между нижним меню и копирайтом компании, а также сместить нижнее меню вправо.

Для этого поставим ячейке, в которой находиться меню при помощи inline-стиля верхний отступ 11 px, нижний отступ 14px, и выравнивание по правому краю

 

<TABLE height="100%" cellSpacing=0 cellPadding=0 width="100%" border=0>

<TBODY>

<TR>

<TD bgColor=#c5c5c5 height=4><IMG src="_img/spacer.gif"></TD></TR>

<TR>

<TD style="padding-top:11px;padding-bottom:14px;" align=right>##spec_bottom_menu##</TD></TR>

<TR>

<TD>Все права защищены ©&nbsp;2003-2008 Прима Консалтинг</TD></TR></TBODY></TABLE>

 

По дизайну размер шрифта текста копирайта компании 10 px. Зададим размер шрифта в нижнем блоке в файле стилей макета home.css:

 

/* BLOCK 3 */

#lay_f3, #lay_f3 TD{font-size:10px;}

/* END BLOCK 3 */

 

На сайте видим результат:

 

Рисунок. 32

Версия для печати

Установка и настройка Руководство пользователя Интеграция дизайна Разработчикам (API)
 2000 – 2019 © Amiro.CMS Все права защищены.