По дизайну в блоке «Нижнем блоке» находятся копирайт компании, нижнее меню, и полоса серого цвета.
Рисунок 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>Все права защищены © 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>Все права защищены © 2003-2008 Прима Консалтинг</TD></TR></TBODY></TABLE> |
По дизайну размер шрифта текста копирайта компании 10 px. Зададим размер шрифта в нижнем блоке в файле стилей макета home.css:
/* BLOCK 3 */
#lay_f3, #lay_f3 TD{font-size:10px;} /* END BLOCK 3 */ |
На сайте видим результат:
Рисунок. 32
|