В этом уроке мы с Вами будем добавлять новые модули.
Ну, для начала, давайте переставим наше главное меню в позицию left. Заходим в админпанель, "расширения" - "менеджер модулей", выбираем "Main Menu" и в поле "позиция" выбираем "left". Сохраняем. Я специально не делал скринов, потому что в одном из уроков это подробно описывалось.
Теперь давайте поставим информер погоды, как это сделано на образце. Заходим на образец и кликаем на банер прогноза погоды. Если вдруг не работает сайт-образец, или может быть он поменял свой вид, то вот Вам ссылка. Итак, перешли на сайт http://www.meteoprog.ua
Находим там раздел "информеры". На момент написания урока, он был в верхнем меню, сейчас, возможно, что-то изменилось. Заходим в "информеры".
Видим тут много различных баннеров. Выбираем любой, по вкусу, подходящий приблизительно по размеру. Только не выбирайте информер, содержащий флеш. Пока что остановимся на стандартной картинке.
Нажимаете "получить код". Тут выбираете страну и город. Я выбрал Украина и Симферополь. Нажимаете "Добавить в список".
Внизу увидете HTML-код. У меня он такой:
<!-- Begin METEOPROG.UA informer -->
<a href="http://www.meteoprog.ua/ru/weather/Simferopol/" target="_blank"><img src="http://www.meteoprog.ua/ru/informerget/?type=32&city[]=Simferopol&color=B1D1FF&txtcolor=FFFF00" border="0" alt="Погода в Симферополе" title="Погода в Симферополе"></a>
<!-- End METEOPROG.UA informer -->
Все, это все, что нам было нужно от того сайта - получить HTML-код информера погоды. Возвращаемся к нам в админпанель. Заходим в "расширения" - "менеджер модулей". В правом верхнем углу есть пункт "создать". На него и нажимаем.
Выбираем "Произвольный HTML-код"
Открывается окно настроек модуля. Вводим основные настройки
Опускаемся в самый низ страницы. Тут поле ввода пользовательского текста. Нам нужен HTML-редактор.
Заходим в него.
В появившемся окне вводим HTML-код информера и нажимаем Apdate -
Информер вставлен, выравниваем его по центру (как текст - выделить и центрировать), сохраняем модуль (верхний правый угол).
Готово, заходим на сайт, перезагружаем страницу, и видим, что информер вставлен.
Как-то пустовато выглядит наш сайт, поэтому предлагаю добавить еще один модуль - "онлайн консультант". Это будет небольшая картинка какой-нибудь миловидной девочки с наушниками и микрофоном. А ниже будут указаны контакты - аська и телефон.
Итак, поехали. Картинку я заблаговременно скачал с интернета. Вот она, сохраните себе ее. Закиньте ее в картинки сайта, путь X:\home\localhost\www\project\images\stories\
Если Ваш сайт уже на хостинге, то закачайте ее в эту папку сразу на хостинг.
Итак, картинка у нас с Вами сохранена в нужном месте. Переходим в админпанель. Выбираем "Расширения" - "Менеджер модулей". Далее создаем новый модуль (в правом верхнем углу кнопка "создать"). Выбираем "Произвольный HTML-код", как описано выше.
Заполняем основные пареметры модуля,
Далее опускаемся вниз страницы и переходим к непосредственно наполнению модуля.
Через кнопку "изображение" (левый нижний угол) вставляем картинку, располагаем ее по центру, и пишем какие-нибудь контакты... И соответственно форматируем текст на Ваш вкус. КАРТИНКА 6
Сохраняем, и смотрим, что получилось. Добавился наш модуль, готово. Наш сайт уже приобретает вид. Можно было еще вместо подписей "ICQ" и "тел" подобрать какие-нибудь совсем маленькие картиночки, это было бы красивее. Но мне влом искать их, поэтому, если хотите это Вам самостоятельная работа.
Мы установили два графических модуля, закончим с ними