Joomla и не только — лучшие приемы верстки сайтов
В основном я верстаю сайты на CMS Joomla. В процессе постоянной монотонной работы случается, что приходится использовать одни и те же приемы верстки. Но вспомнить их не всегда удается. Поэтому выкладываю свои популярные приемы верстки на HTML, Javascript здесь. И сам быстро все найду здесь и Вам поможет полезным советом.
Присоединяйтесь к общему обсуждению, предлагайте свои решения насущных проблем в комментариях. Отвечу на все вопросы.
Для получения согласия разместите на сайте уведомление об использовании куки: краткую плашку с информацией и кнопкой.
Имеется массив данных, новости, товары. Требуется вывести в колонки Bootstrap
Шаблон блога категории Joomla 3 находится по адресу: /components/com_content/views/category/tmpl и имеет имена начинающееся на blog...
Всплывающее окно с текстом, html кодом и т.п. делается на jquery. Может применятся везде, где возможна вставка HTML
Подчеркивание активного пункта меню с эффектом плавного движения линии
Стандартные модули поиска Joomla не могут искать по товарам и категориям JoomShopping.
Частенько Администраторы сайтов забывают ставить в нужном месте разрыв текста "Подробнее". Да и бывает частенько нужно обрезать в блоге материалов все вступительные тексты под определенное число символов. В стандартных параметрах типа пункта меню "Материалы » Блог категории" такого нет.
При адаптивной верстке сайтов, иногда приходится отключать некоторые скрипты для определенной ширины экрана.
Очень нужно было скрывать и показывать контент только по клику. Без скриптов тут не обойтись. Приведу пример на чистом javascript.
Основываясь на методе для Joomla 2.5, вывел способ для переноса строки пункта меню в Joomla третьей генерации.
Вы наверное заметили, что при прокрутке страницы вниз на моем сайте, верхнее меню скрывается, а при прокрутке наверх снова появляется? Давайте создадим подобный блок.
Иногда просто необходимо использовать стандартные средства Joomla, не прибегая к сторонним расширениям.
Чтобы задать нескольким блокам высоту, равную высоте максимального по высоте блока, придется прибегнуть к скрипту:
Я очень часто использую атрибут "placeholder" при написании новых сайтов. Современные браузеры прекрасно его поддерживают.
На одном из хостингов клиента письма не уходят с формы. На моем же хостинге все в порядке.
Очень часто клиенты просят в формах обратной связи сделать маску ввода номера телефона наподобе такой - +7 (123) 456-78-99
Появление модального окна не сразу, а через какое-то время весьма полезная штука. И поисковики благосклонны и пользователи довольны.
Намучавшись с поиском подходящего скрипта, подбирая каждый раз себе подходящий, я написал себе свой. Напишу оптимальный код скрипта здесь.
После отправки формы появляется сообщение благодарности. В некоторых случаях удобнее показать его во всплывающем окне.
В корзине часто приходиться изменять количество товаров.
Чтобы пересчет происходил автоматически, без нажатия на дополнительные кнопки нужно вставить этот код в соответствующее место:
