Создать сайт бесплатно

...проще простого

 
  • Увеличить размер шрифта
  • Размер шрифта по умолчанию
  • Уменьшить размер шрифта

Урок 10 - добавляем новые модули

В этом уроке мы с Вами будем добавлять новые модули.

Ну, для начала, давайте переставим наше главное меню в позицию 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-код" - КАРТИНКА 1

Открывается окно настроек модуля. Вводим основные настройки - КАРТИНКА 2

Опускаемся в самый низ страницы. Тут поле ввода пользовательского текста. Нам нужен HTML-редактор. Он здесь - КАРТИНКА 3
Заходим в него.

В появившемся окне вводим HTML-код информера и нажимаем Apdate - КАРТИНКА 4
Информер вставлен, выравниваем его по центру (как текст - выделить и центрировать), сохраняем модуль (верхний правый угол).

Готово, заходим на сайт, перезагружаем страницу, и видим, что информер вставлен.

Как-то пустовато выглядит наш сайт, поэтому предлагаю добавить еще один модуль - "онлайн консультант". Это будет небольшая картинка какой-нибудь миловидной девочки с наушниками и микрофоном. А ниже будут указаны контакты - аська и телефон.

Итак, поехали. Картинку я заблаговременно скачал с интернета. Вот она, сохраните себе ее. Закиньте ее в картинки сайта, путь X:\home\localhost\www\project\images\stories\

Если Ваш сайт уже на хостинге, то закачайте ее в эту папку сразу на хостинг.

Итак, картинка у нас с Вами сохранена в нужном месте. Переходим в админпанель. Выбираем "Расширения" - "Менеджер модулей". Далее создаем новый модуль (в правом верхнем углу кнопка "создать"). Выбираем "Произвольный HTML-код", как описано выше.

Заполняем основные пареметры модуля, как показано на рисунке - КАРТИНКА 5

Далее опускаемся вниз страницы и переходим к непосредственно наполнению модуля.

Через кнопку "изображение" (левый нижний угол) вставляем картинку, располагаем ее по центру, и пишем какие-нибудь контакты... И соответственно форматируем текст на Ваш вкус. КАРТИНКА 6

Сохраняем, и смотрим, что получилось. Добавился наш модуль, готово. Наш сайт уже приобретает вид. Можно было еще вместо подписей "ICQ" и "тел" подобрать какие-нибудь совсем маленькие картиночки, это было бы красивее. Но мне влом искать их, поэтому, если хотите это Вам самостоятельная работа.

Мы установили два графических модуля, закончим с ними.

Следующий урок - урок 11 - ставим баннер.

Комментарии
Добавить новый Поиск RSS
+/-
Оставить комментарий
Имя:
Email:
 
Тема:
UBB-Код:
[b] [i] [u] [url] [quote] [code] [img] 
 
 
:angry::0:confused::cheer:B):evil::silly::dry::lol::kiss::D:pinch:
:(:shock::X:side::):P:unsure::woohoo::huh::whistle:;):s
:!::?::idea::arrow:
 
Пожалуйста, введите проверочный код, который Вы видите на картинке.
Влад  - Благодарю   |2010-08-25 20:25:55
Спасибо большое за столь подробный мануал)))) Вы мне очень помогли))) Хотелось бы еще уроков, если можно, что то на счет раскрутки сайта)
Artem   |2010-08-25 21:14:58
Не за что)))
Со временем добавлю и сюда уроков, и раскрутку, и заработок... Планов много, где ж столько времени взять
Влад  - УРА)   |2010-08-26 00:30:10
буду с нетерпением ждатЬ!)))) уж очень интересная тема))) может что то почитать посоветуете на эти темы?
Dmitri   |2011-02-15 09:48:19
Я установил модуль для видео AVR, но под каждим видео показиваеться квадрат Flash Player. Можно это как-то устранить?

(Cамо видео грузиться и проигриваеться отлчно)
Artem   |2011-02-17 01:49:07
Не знаю, я этим модулем не пользовался...
Dmitro   |2011-02-22 20:47:53
Это All Video Reloaded для воспроизведения видео.
Artem   |2011-02-23 09:21:12
Лично я загружаю видео на какой-нибудь удаленный сервер, например YouTube. Там беру код для вставки видео, и вставляю куда надо. И место у себя на хостинге заодно экономлю.
Анонимно   |2011-05-08 21:12:49
Когда в редакторе нажимаю на HTML ниче не происходит,експлорер говорит что интерфейс не поддерживаеца.
Artem   |2011-05-11 11:45:51
Експлойер фтопку
Анонимно   |2012-03-29 00:57:04
Можно ли встроить музыку в сайт?
Можно ли изменить размеры модуля меню?(сделать крупнее)
Юрій   |2012-03-29 15:46:43
Можно.
Можно.
для музыки нужен какой то модуль спец, какой именно хз, думаю он не один.
на счет изменения размеров, то размер вроде задаетса в файлике
siteground-j15-76\css\template.css
Анонимно   |2012-03-29 19:34:51
а по конкретнее что там надо поменять и где
Дмитрий  - шаблоны   |2012-04-01 12:51:54
Cпасибо за помощь.У меня такая проблема теперь.Я втачале создал модули а потом перенес сайт на хост.Теперь у меня вначале идут модули а уже потом в самом низу текст главной и остальных.Естественно справа от модулей пустая страница.Подскажите ли вы по такому вопросу что сделать???Не могу разобратся
Анонимно   |2014-10-24 21:44:14
Вместо информера пишет:makeMeteoInformer("http://meteo.ua/ informer/get.php?cities=47&w=210&lang=ua&rnd=1&or= vert&clr=6&dt=today&style=classic",210,204);
(я брал информер с meteo.ua)

3.26 Copyright (C) 2008 Compojoom.com / Copyright (C) 2007 Alain Georgette / Copyright (C) 2006 Frantisek Hliva. All rights reserved."

 

Понравился сайт?

ВНИМАНИЕ!

Если у Вас что-то не получается, или что-нибудь Вам не понятно, задавайте свои вопросы в комментариях, или через форму обратной связи. Я с удовольствием на них отвечу!

Внимание, розыск !

Разыскивается спонсор! Желание и умение разбрасываться деньгами направо и налево приветствуется.
Подробнее...


Produced by: Artem (c). Все права защищены:-) site - Как создать сайт бесплатно ?!
Rambler's Top100