Шаблон JXTC Responsive для Joomla 3.0. Простой шаблон joomla 3 адаптивный


Адаптивный шаблон V6 для Joomla 3

Описание шаблона

1. Адаптивный дизайн шаблона построен на основе framework Bootstrap 3.

2. Встроенный иконочный шрифт Awesome.

3. Множество . В том числе позиции с использованием эффекта Parallax.

4. Настраиваемые параметры шаблона.

5. Настраиваемые модульные позиции с использованием библиотеки mobiledetect, дают возможность тонко настроить отображение контента для мобильных устройств. Возможность полного отключения неиспользуемых модульных позиций, для уменьшения количества запросов и снижения нагрузки на сервер.

6. Встроенные анимационные эффекты. Для использования эффекта достаточно добавить нужному блоку класс animated и класс требуемого эффекта. Возможные классы: bounceIn, bounceInDown, bounceInUp, bounceInLeft, bounceInRight, fadeIn, fadeInDown, fadeInDownBig,  fadeInLeft, fadeInLeftBig, fadeInRight, fadeInRightBig, fadeInUp, fadeInUpBig. Примеры работы анимации.

7. Поле для ввода CSS кода (код при сохранении дописывается в файл стилей шаблона).

8. Поле для ввода Javascript кода (код дописывается вниз страницы перед закрывающим тегом </body>). Пример использования - <script type="text/javascript">..... Ваш замечательный код...</script>

 

 

Демо

1. Шаблон Joomla + Шаблон JoomShopping + Плагин расширений V2 + Модули корзины, сравнения и карусель товаров

2. Модульные позиции

 

Установка

Стандартная установка Joomla (/administrator/index.php?option=com_installer). Размер расширения 5Мб (за счёт наличия изображений бэкграунда).

После установки обновления обязательно откройте шаблон, нажмите "Сохранить" и затем уже "Сохранить и закрыть"!

Настройка

1. Для правильного отображения основного горизонтального меню, в настройках стандартного модуля меню необходимо выбрать "Альтернативный макет - Brooksite". В качестве HTML-тег модуля необходимо указать "div". Если необходимо использовать цветной фон меню, то укажите в поле "Суффикс CSS-класса  модуля - tmpl-bgcolor" (не забудьте поставить пробел вначале строки) и выбрать "Стиль модуля - html5" (Посмотреть скриншот).

2. Для отображения меню в самой верхней позиции (на демо сайте - позиция top-section-left) используйте "Альтернативный макет - flat" (Посмотреть скриншот).

3. В шаблон добавлены альтернативные макеты для стандартного модуля поиска (на демо сайте выведен в позицию top-search), для модуля переключения валют JoomShopping (на демо сайте выведен в позицию top-section-right) и для стандартного модуля хлебных крошек (на демо сайте выведен в позицию middle-navbar).

4. Если вы изменяете стили шаблона в файле bootstrap-theme.min.css, то необходимо после внесения изменений открыть и сохранить шаблон, что бы сформировался файл bootstrap-theme_combine.min.css с внесёнными изменениями.

5. Дополнительные классы: tmpl-bgcolor (задаёт цвет из настроек шаблона бэкграунду элемента), tmpl-bordercolor (задаёт цвет границ из настроек шаблона),  pd15 (задаёт отступ внутри блока в 15px), mb15 (задаёт отступ блока снизу в 15px), mt50 (задаёт отступ блока сверху в 50px) dnone (задаёт свойство display:none), inline-block (задаёт свойство display:inline-block), prevent-default (блокирует стандартную реакцию на событие (клик по ссылке например)).

6. В шаблоне присутствуют цепочки связанных модульных позиций, которые не выведут модуль, если не опубликовать связанную позицию:

- color1-row-fw-ls и color1-row-fw-rc - color1-row-fw-lc и color1-row-fw-rs- color2-row-fw-ls и color2-row-fw-rc- color2-row-fw-lc и color2-row-fw-rs

- footer-2col-1 и footer-2col-2- footer-3col-1 и footer-3col-2 и footer-3col-3- footer-4col-1 и footer-4col-2 и footer-4col-3 и footer-4col-4

brooksite.ru

Шаблон JXTC Responsive для Joomla 3.0

Шаблон JXTC Responsive для Joomla 3.0

Шаблон JXTC Responsive - это стильный шаблон от известной дизайнерской веб студии JoomlaXTC под управлением Joomla 3.0 / Джумла 3.0. Шаблон JXTC Responsive работает под управлением фремворка XTC Framework, который позволяет иметь полный доступ и контроль над всеми опциями макета, в том чисте над параметрами выбора того стиля, который вам придётся по вкусу для будущего сайта. В шаблон Responsive встроен менеджер благодаря которому можно выставить нужную вам ширину шаблона, выбрать нужный фон и цвет, а так же возможно будет выставить нужный размер шрифта и многое другое.

Креативный дизайн шаблона для Joomla 3.0 под названием JXTC Responsive имеет 6 цветовых профилей, также есть в наличие большое кол-во позиций в шаблоне под вывод модулей, а так же шаблон корректно свёрстан, благодаря чему сайт корректно отображается во всех популярных браузерах, планшетах и мобильный устройствах. В данный шаблон вошли известные расширения, такие как: Html Pro Module, Deluxe NewsPro Module, которые позволяют выводить контент в гибкой форме. Шаблон JXTC Responsive работает с использованием технологий HTML5 и CSS3. 

Основные характеристики шаблона JXTC Responsive:

Демо

Скачать

joomla-site.ru

Шаблоны Джумла 3 адаптивные | Joomla Prime

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

В чем же заключается их такая немаловажная особенность? Секрет работы адаптивных шаблонов Джумла 3 состоит в том, что их макеты как, впрочем, и вся вёрстка изменяются в прямой зависимости от размеров, форматов и разрешений экранов, мониторов и сенсорных панелей устройств, на которых происходит их отображение. В системе управления контентом Джумла третьей версии предусмотрена встроенная программная поддержка четырёх основных типов размеров и разрешений экранов, что обеспечивает адекватное отображение web-сайтов, построенных с использованием адаптивных шаблонов Джумла 3.

Такие адаптивные шаблоны представляют собой идеальное решение, которым может воспользоваться любой web-мастер, который шагает со временем в ногу. Он может быть уверен, что созданный им на базе готового дизайна, разработанного ведущими профессионалами студий всего мира и зафиксированного в одном из адаптивных шаблонов Джумла 3, относящихся к любой категории, интернет-ресурс будет отображаться вполне корректно у всех пользователей.

Приведём здесь в качестве иллюстрации краткое описание одного из продуктов данного класса из лучшей десятки адаптивных шаблонов Джумла 3.

Знакомьтесь – адаптивный шаблон Джумла 3 под названием GK Music. С помощью этого бесплатного отзывчивого шаблона можно с легкостью сделать «плиточный» дизайн любого web-сайта. Он сделан в студии GavickPro для изготовления блогов или журнальных сайтов. Замечательный функционал этого шаблона делает его использование привлекательным для web-мастеров, как одного из самых гибких продуктов Джумла на рынке. Особый HTML и типографика позволяют добавлять «плитки» с текстом или изображениями для блоков, вставлять реплики, выделять значками интересные новости или нечто важное в информации. Добавляя вкладки-плитки с несколькими разделами с помощью модуля Tabs, web-мастер может показать другие модули в каждой вкладке с содержанием, которое охватывает широкий спектр данных.

Для демонстрации статей применяется модуль News Show Joomla. Он обладает опциями кастомизации, позволяющими выбрать: следует ли отображать картинки, текст, заголовки, или их сочетания, решить, сколько статей web-мастер желает показать пользователю, и добавить больше кнопок, чтобы в итоге получить дополнительные просмотры страниц. Боковая панель адаптивного шаблона может отображать несколько столбцов (каждый с несколькими «плитками»). Добавлены также полезные студийные модули: категории меню, последние комментарии и календарь, чтобы посетители созданного ресурса могли иметь все, что нужно, под рукой.

По теме:

joomla-prime.ru


Prostoy-Site | Все права защищены © 2018 | Карта сайта