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


Новая документация

Настройка платежных систем
Настройка способа оплаты КупиВкредит
Настройка способа оплаты Acquiro
Настройка способа оплаты AvisoSMS

Обновленная документация 

Разработчикам (API)
Руководство пользователя

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

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

  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 – 2011 © Amiro.CMS Все права защищены.