Разработка интернет-магазина на Joomla. Урок №11. Баннеры категорий

Автор Lyubov Stishevskaya
Разработка интернет-магазина на Joomla. Урок №11. Баннеры категорий

Добрый день получилось решить проблему с подключением редактора.

То есть у меня там были проблемы именно с файлом конфигурационном право пользования и так теперь можно открыть менеджер модулей модуль слайдера есть и добавить код ниже есть меня всё, что есть содержимое сохранить закрыть удаляй лишня так-то тоже лишний смотрим, что получилось. Всё нашла — это работает. Как мы хотели теперь займемся бананом меню.

То есть у.

Данила Дайте два бара — это баннер категории магазина. И так первое, что нам нужно — это создать структура у нас уже есть подробное меню. Давайте перенесём содержимое так. А эти блоки у нас будут находиться в самом материале главной страничке то есть у нас материал на голоса. в любом случае должен быть поэтому. Вот его сюда и поставим так до этого так добавили есть и смотрим. Что у нас получилось сейчас так вот место вот этой надписи мы должны вывести, а нужный нам текст. Так для этого так откроем материалы главной страничке главная страничка. Вот она наша ананас также откроется без редактора то, что нам нужно ссылочки пока мы выставлять не будем пока поставил заглушку и здесь здесь структура довольно простая два блока разблок 2 блок содержит в себе картинки содержится без галочки и содержит в себе ещё одно и сидишь тебя ссылки вот по сути вот в этом и заключается вся главная страничка текст в голос речке. И так смотрим. Что у нас сейчас получается вот и наша картинки они находятся папочки баннеры. Единственное, что кстати да путь к ним надо. Подписать у меня путь ссылается на другой сайтик. Сейчас мы — это поправим так у нас сайт называется май шоп. И здесь тоже правильно и создаём папочку, а точнее в пачке. И мы создаем папку и. Ак Барс и добавляем туда 2 a2h есть переходим нашу структуру сайта сначала её достану из нашего магазина который у нас должен получиться. Папочка баннера 10 картинок много нас интересует это. И вот — это пока. Есть ли переносим наш сайт гемолиз анализ добавили, что получилось картиночка нас по-прежнему отображаются. Хотя пути уже другой какой. Нам нужен а. Остаётся только стилизовать первый. С чего предлагаю начать — это убрать вот этот текст, что — это страничка главное он нам не нужен. Так как по макету его нету а. Заходим в меню скорее всего этот заголовок вводится именно там заголовок главное мы его хотим убрать для этого создать заголовок параметры ссылки скрыть. Вот так если прочь проверяем отлично. у нас уже нет всё как мы хотели его сделаю теперь нам нужно только стилизовать эти блоки и всё будет готово первое. С чего начинаем — это добавляем стиля для этих двух контейнеров для контейнера вам блок так до блок есть готово. Готово Теперь то же самое делаем для картиночки этих двух блоков. Да кстати мы здесь добавили еще транзишн свойства — это нам тоже пригодится. И нас линейные градиенты, что идёт так и готово. Так и делаем оформление Suzuki изготовка начнем заголовка так он у нас имеется класс по структуре бан тайтл и не забываем ещё также стерилизовать наша ссылочку отель побольше будет ну по сути всё тоже самое как обычно при повторении. Градиент по оси X бордюрчик один пиксель оскорбление со всех сторон цвет срочно элемент размер текста в. Верхний отступ внутренний отступ и отмена подчёркивание так только не мотай.. А вот так есть смотрим, что получилось так все блоки у нас столик окна нужно. Единственное, что у нас незаметно все вот эти наши конструкции они есть, но их не видно для этого нужно сделать из блочного блочно строчный, а мы для всех п делаем стиль вот так всё переделаем блочным элементом воздушных оладьев вот так всё как по макету. Единственное, что нам остаётся вот этот блок, а второй прибить к правой стороне для этого он у нас уже имеет свой уникальный класс специально для этого Band 2 делаем float right так то есть вот здесь у нас дед стиль общий. А вот здесь частоты него как есть так float right фирма float Left можно писать можешь не писать всё равно он применяется будет применяться. Вот так. Дай нам нужен, тогда не забыть в структуру добавить ещё один класс который будет обрамлять нашу конструкцию вывода div с классом контейнер для чего этот так как у нас. Булаке имеются в себя 1. Кстати может она мне потребуется нет нужен потому, что мы хотим в этом блоке два элемента сделать флотом из этой. Мы должны добавить родителя шелухина для корректной работы всех этих правил смотрим всё получилось как мы хотим и срабатывает контейнер так видно, что он подсвечивается яблоки без него работала бы некорректно то есть вот сейчас наложу на элемент у нас не подсвечивается то есть неправильно всё по сути блок готовой. Остаётся только навести красоты. А именно сделать какие-то фишки при наведении предлагаю сделать следующее при наведении на блок он у нас меняет цвет линия опять же цвет рыжего блока какого-то чувака который у нас был раньше есть как — это будет выглядеть вот так из-за транзишн у нас — это всё работает плавно так добавим для сыночек тоже активно вариант — это затемнённые или 5 жизней нокардиоз так. Смотрим как — это будет выглядеть. Ну так и ещё предлагаю сделать интересный эффект для картинок. Так вот так картинки. А им где-то уже писали — это правило вот. Скала увеличение картинки не надо вот такой эффект — это как картинка в этот блоками этого хуахин у нас картинка за пределами вылет готова на этом коротенькие тот урок закончен и до встречи в следующем уроке.

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

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