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

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


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


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

По дизайну в блоке «Шапка» находятся:

  1. Полоса черного красного высотой 37 px.
  2. Логотип.
  3. Верхнее меню
  4. Главное меню

Рисунок 14.

 

В блоке шапка создадим таблицу высотой 178 px с тремя строками. В первой строке будет располагаться красная полоса высотой 37 px, во второй строке - вложенная таблица, в которой будет 3 ячейки: 1-я - с названием и девизом компании, 2-я – здесь расположим специальный блок «Верхнее меню», в 3-ей ячейке расположим специальный блок «Главное меню».

 

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

<TR><TD bgColor=#000000 height=37></TD></TR>

<TR><TD vAlign=top>

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

<TR>

<TD align=left width=336>Название компании<BR>девиз компании</TD> <TD>Здесь будет специальный блок «Верхнее меню»</TD></TR>

</TABLE>

</TD></TR>

<TR><TD>Здесь будет специальный блок «Главное меню»</TD></TR>

</TABLE>

 

В Менеджере Сайта в режиме визуального редактирования мы получили следующее:

 

Рисунок 15.

 

Для того, чтобы вставить специальный блок, нужно встать курсором мыши на нужное место, где предполагается вставить специальный блок, и нажать кнопку «Вставить\Настроить специальный блок» на панели инструментов визуального редактора, при помощи которой открывается всплывающее окно специальных блоков.

 

Вставляем два специальных блока – «Главное меню» и «Верхнее меню».

 

В визуальном режиме получаем следующее:

 


Рисунок 16.

 

Результат на сайте будет следующим:

 

Рисунок 17.

 

В нашем случае необходимо вырезать логотип из макета, сохраним ее под именем pc-logo.gif

 

Рисунок 18.

 

Шрифт текста девиза компании жирный, цвет в системе RGB 5a5a5a, размер - 16px. Реализуем это при помощи inline-стиля:

 

style="FONT-SIZE: 16px; COLOR: #5a5a5a;font-weight:bold;”

 

Получаем следующий html-код:

 

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

<TR>

<TD bgColor=#c80000 height=37></TD></TR>

<TR>

<TD vAlign=top>

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

<TR>

<TD align=left width=336><A title=Главная href="index.html" target=_self><IMG style="WIDTH: 234px; HEIGHT: 77px" height=77 alt="" src="_mod_files/ce_images/portfolio/pc-logo.gif" width=234 border=0></A><FONT style="FONT-WEIGHT: bold; FONT-SIZE: 16px; COLOR: #5a5a5a"></FONT><BR><FONT style="FONT-WEIGHT: bold; FONT-SIZE: 16px; COLOR: #5a5a5a">качество проверенное временем</FONT></TD>

<TD>##spec_top_menu_00100137##</TD></TR></TABLE>

</TD></TR>

<TR>

<TD>##spec_main_menu##</TD></TR></TBODY></TABLE>

 

Далее зададим цвет шрифта в названии компании:

 


Рисунок 19.

 

На сайте отобразится следующее:

Рисунок 20.

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

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