Урок 18. Создание HTML модуля в joomla

Автор Nadezhda Belousova
Урок 18. Создание HTML модуля в joomla

Итак с вами снова.

Андрей Янковский и мы продолжаем изучать джумлу прошлом уроке мы создали своими вот — это вот модуль в этом же уроке мы создадим два модуль вот один модуль у нас с тремя колонками и модуль с двумя колонками эти модули создаются непосредственно на силами самой. Джунгли давайте мы сейчас придём и я всё объясню переходим переходим расширение менеджер модулей нажимаем создать модуль появляется HTML модуль давайте мы сейчас нажмем первую очередь нам уже его назвать как-то называть надо всегда понять пройдёт какое-то время вы забудете. Где у вас какой модуль.

Ну я его назову просто топ-модель так.

Прошу прощения у меня здесь caps lock включен так топ модуль готов заголовок я сразу скрою чтобы у нас не отображался теперь нам нужно посмотреть. Какая позиция нам нужно было сразу проверить. Ладно мы сейчас откроем ещё одну коробочку и посмотрим мои шаблонов открываем, тогда у нас был 5 6 и следующее у нас какой там 2 2 модуль хорошо 6 2. Отлично так вот — это тоже закроем так позиция. У нас 6 готова. Так теперь чтобы нам разместить три колонки чтобы она у нас стояла вот картиночка заголовок какой-то текста ссылочка подробнее то есть мы должны — это как-то соответственно разбить блоки за счет создания таблицы давайте мы всё — это сейчас проделаем конечно — это делать легче прописывать. Ну и визуальным тоже можно сделать более поначалу — это вам легче будет всё-таки делать именно через таблицу вставлять и так выбираем столбцов. Нам нужно три в данной ситуации срок нужна одна готова нажимаешь вставить. Давайте расширим. Вот так и. Давайте сохраним посмотрим, что у нас полу нашу страничку и так вот у нас появился. Блок Мы не добавляли background оранжевый — это значит понятно, что — это этот модуль цвет зашит непосредственно сами себе стиль шаблон. Давай я тебе позвоню где — это прописано право. вышли посмотреть код элемента и вот он у нас background Color цвет этот сейчас снимем галочку станет просто белым вы уже знаете где найти этот. Файлик мы наводим и у нас появляется на шаблон CSS IE File template default 2261 — это если вдруг вы захотите изменить код цвета то есть поменять вам будет под шаблон допустим вашего сайта под цветовую гамму допустим поменять background. Ну — это у нас как бы лирическое отступление. Теперь давайте перейдем и разместим теперь наши вот эти вот колоночки и так ставим курсор чик первую очередь ставим корзиночку у нас пока нету, но я их заранее подготовил. Вот они у нас так значит нам нужно создать отдельную папочку так назовём риса. Так какое яйцо и кот — это же у нас иконки вот так вот нажимаю OK появилась у нас. Папочка открываем и сюда мы уже загрузил наши изображения загрузить готова капель выделяем самую первую — это у нас здесь всё прописалась здесь ничего не трогай мне меняем нажимаешь вставить дальше нажимаем Enter прописываем, что у нас здесь автокран так автокран готова дальше мы вставляем заготовленный текст. Естественно, что — это текст рыба процес контролю и чуть ниже пропишем подробнее подробнее так и теперь сделаем ещё вот, что у нас здесь заголовок H2 поставим вот так вот будет уже симпатичные. Так теперь следующую колонну с кубиком вставляем курсу. Арчик повторяем. Ту же самую операцию изображение только уже ставить бульдозер бульдозер вставляем снова текст и подробнее подробнее так здесь мы снова станем H2 заголовочная последние у нас погрузчик снова вставляем корзиночку Country ставить нажимаем Enter вставляем очередной текст и снова подробнее готова. Так, а здесь мы не поставили погрузчик погрузчик готова. Давайте сохраним и посмотрим, что у нас получилось обновляем страничку нашу вот у нас уже появилась ссылочку нас неактивные допустим вот как здесь ссылочка ведущая на другую страницу — это мы сделаем чуть попозже ссылочки сделать. Почему Потому, что у нас просто некуда ещё пока переадресовывать. Это первое. Второе у нас всё сжатого один край весна нужно немножко всё — это облагородить давайте мы сейчас всё — это всё — это можно прописать вот здесь вот это. Поверьте — это признание HTML — это всё происходит намного встреча вот этот визуальном редакторе работать ну так как вы ещё этого ничего не знаете поэт. Я даже немножко теряюсь. Я просто не помню как — это делается так ну сейчас раздвоением где-то вот так вот и теперь всё выделим нажмем Control горячие клавиши его здесь вот выровнять по центру этого давайте сейчас. Сохрани мы посмотрим нас получилось так вот будет получше. Можно даже чуть-чуть попробовать растянуть. Так давайте вот так вот растением так готово всё ровненько всё красивенько здесь у нас что-то слишком растянут оценка последа растянута знаешь где — это что-то подмешал. Ась Турция почему вот он так. Ладно давайте сейчас погуляем где-то помешался параграф работа открывающиеся параграфы закрывающийся вот-вот раз сохраняем страничку. Вот — это уже другое дело. Так теперь давайте создадим следующий модуль вот так вот он так здесь практически всё тоже самое здесь нажимаем сохранить и закрыть снова создай земель модуль Simple допустим модуль с телефоном с телефоном снова скрываем позиция нас было шесть. да да вот он позиция. У нас два приходим визуальный ряд и создаём снова табличку, но уже с двумя колонками. Так сейчас секундочку посмотрим, что у нас здесь с двумя колонками с двумя колонками из рук опять настройка 1С сохранить её немножко. А дальше уже будем действовать по обстановке.

0 комментариев
0

Читайте также