Меню

Настройка шаблона jsn metro



JSN Metro

Уникальный шаблон JSN Metro разработчики студии JoomlaShineсайта создали для сайта визитки. Данный макет выполнен в стиле ОС Windows 8. При разработке внешнего вида использовался flat дизайн, который отменно выглядит на любых современных устройствах и экранах. В макете доступно 5 цветовых схем, присутствует возможность смены фоновых изображений, все это позволит создать с помощью JSN Metro стильный портал любой тематической направленности. Данный макет обладает поддержкой популярного компонента JomSocial, при помощи которого можно организовать на ресурсе сообщество пользователей. JSN Metro мгновенно загружается, он отменно оптимизирован и прост в настройке и установке.

Основные особенности шаблона:

• Работает на основе современных технологий HTML 5 и CSS3
• Полная совместимость с версиями Joomla 2.5 и 3.1
• Наличие встроенной поддержки RTL языка
• 2 типа меню: CSS меню и выпадающее (Ajax / JQuery)
• Складные позиций модулей
• Расширенная типографическая поддержка
• Возможность отключения опции mainbody на главной странице
• Улучшенные стили страниц ядра системы
• Собственная страница с ошибкой 404
• Наличие страницы для выключенного сайта
• Настраиваемые параметры через менеджер шаблона
• Регулируемая ширина модульных позиций
• Наличие пакета с демонстрационными данными
• Исходники дизайна макета в формате Png
• Легкий и современный дизайн шаблона
• Чистый, простой и стильный вид
• Полная совместимость со всеми браузерами
• Проверка коа W3C XHTML 1.0 Transitional, W3C CSS Valid

Источник

JSN Metro. Шаблон с плоским дизайном для Joomla.

JSN Metro — стильный шаблон с плоским дизайном и интересным функционалом для Joomla 3.

Плоский дизайн — самая последняя модная тенденция в веб-дизайне, ее основными характеристиками является минимализм, большое количество основных цветов — до 8 цветов, четкие края, свободное место, иллюстрации, отсутствие теней, скосов, градиентов. Шрифт в шаблоне подобран тоже в соответсвии с направлением дизайна — четкий, стремительный, привлекающий внимание. Разработчики уверяют, что этот шаблон подойдет для создания сайтов любой тематики, лишь бы в тематике допускалось присутсвие большого числа привлекательных визуальных элементов.

В шаблон JSN Metro встроена поддержка K2, поддержка 14 языков, мощный и функциональный Framework версии 2.0.5. По умолчанию в панели управления ширина шаблона составляет 960рх, но это значение изменяемо до 1150рх. Ширину шаблона можно заданть как фиксированную, так и резиновую. Также доступна настройка логотипа сайта надо лишь загрузить картинку в папку с шаблоном, прописать слоган и ссылку.

Разработчики снабдили шаблон хорошими комментариями, что позволит установить шаблон и разработать сайт также быстро как и загрузить демо-версию. Как уже было упомянуто, JSN Metro имеет современный бестабличный дизайн,предоставляет пользователю чистый и оптимизированный код, который делает работу шаблона с поисковыми серверами бесконфликтной и легкой. Шаблон совместим с такими современными браузерами как IE7+, Firefox, Opera, Chrome, Safari, мобильными браузерами.

Читайте также:  World of warships лагает на минимальных настройках

Расположение модулей в шаблоне:

Настройки шаблона в панели управления:

Шаблон на экране мобильного телефона, Iphone, Ipad:

Источник

JSN Metro — шаблон joomla

Дизайнеры студии JoomlaShine разработали шаблон сайта визитки JSN Metro, визуально представляющий собой операционную систему Windows 8. Оригинальный современный макет включает в себя уникальный набор инструментов визуализации, способствующий созданию сайта любого стиля и тематики. При помощи JSN Metro возможно реализовать собственную социальную группу или сообщество онлайн. Данный шаблон прост в настройке и использовании, а кроме этого быстро загружается и позволяет упростить выполнение многих задач. Шаблон, несомненно, отлично отображается на популярных мобильных и планшетных устройствах и во всех известных браузерах.

Основные особенности шаблона JSN Metro:

  • Шаблон работает под управлением Joomla 2.5, Joomla 3.x;
  • Работает на функциональном фреймворке JSN Template Framework v2;
  • Полная поддержка мультиязычности файлов;
  • Шаблон поддерживает такие популярные расширения как К2 и VirtueMart;
  • Подробная документация по установке и настройке шаблона;
  • В шаблоне имеется множество позиций для размещения модулей;
  • Легкий и чистый шаблон, который имеет современный и стильный вид;
  • Поддерживает множество популярных WYSIWYG редакторов;
  • Возможны различные компоновки отображения материалов;
  • Настраиваемая ширина модульных позиций для большего удобства;
  • Шаблон оптимизирован и имеет мгновенную загрузку страниц;
  • Наличие psd исходников макета шаблона с возможностью их редактирования;
  • Исходный код шаблона разработан на основе современных веб-технологий HTML 5 и CSS 3;
  • Хорошо прокомментированный исходный код php и css файлов;
  • Шаблон поддерживает все известные мобильные устройства и планшеты;
  • Полная, расширенная поддержка клубных расширений;
  • В шаблоне имеется переключатель стилей шаблона;
  • Шаблон легко интегрируется со всеми известными социальными сетями;
  • Быстрая и легкая настройка параметров шаблона в менеджере управления;
  • Включение CSS и Javascript сжатия для ускоренной работы шаблона;
  • SEO оптимизированный код шаблона, необходим для поискового продвижения сайта;
  • Имеется собственная страница 404 ошибки, а также сайта в offline;
  • Полная поддержка RTL языка;
  • Наличие быстрого старта (Quickstart) для установки демо-данных;
  • Возможность подключения Google шрифтов;
  • Совместимость со всеми популярными интернет-браузерами (Кроссбраузерность)
  • Присутствуют дополнительные типографические стили;
  • Проверен на валидность кода W3C XHTML 1.0 Transitional, W3C CSS Valid.

Название: JSN Metro

Размер: 101 Мб

Версия: Joomla 2.5, Joomla 3.x — 2.0.1

Источник

JSN Metro

Joomla 3 в шаблоне JSN Metro может рассчитывать на сдержанный дизайн со вкусом и интересный функционал. Пользователей сайтов на этом шаблоне особенно привлекает плоскость данного дизайна. Ведь, по утверждению ведущих веб-дизайнеров, такой дизайн считается последним трендом.

Многим симпатичен именно минимализм этого стиля. При этом, стоит отметить, в шаблоне используется целых 8 основных цветов. Не стоит оставлять без внимания четкие края, большое пространство, наличие иллюстраций.

Дизайн не отяжеляется лишними тенями, скосами и градиентами. Разработчики шаблона умело подобрали шрифт. Он отлично вписывается в общий дизайн своей четкостью и стремительностью, способен быстро привлечь к себе внимание. Творцы шаблона уверены, что JSN Metro будет идеальным вариантом для сайтов с самой разной тематикой. Это универсальный шаблон. Единственное условие – это наличие в тематике сайта большого количества визуальных объектов.

Читайте также:  Настройка нулевой позиции станка на grbl

Для JSN Metro была разработана поддержка K2. Стоит отметить наличие вариации в 14 языков. А чего стоит Framework версии 2.0.5, отличающийся колоссальной мощью и солидным функционалом. Шаблон достаточно хорошо «растягивается» до ширины 1150рх, хотя по умолчанию панель управления говорит о показателе 960рх. Показатели ширины здесь задаются по желанию веб-дизайнера: она может быть фиксированной или резиновой.

Присутствует в шаблоне и такой приятный бонус как настройка логотипа. Для его размещения на сайте достаточно получить этот элемент в папку с шаблоном. Здесь же прописывается слоган и дается ссылка. Разработчики JSN Metro старались продумать все за пользователей нового шаблона для Joomla. Поэтому они точно и детально прокомментировали этот материал. Плюс к этому, данный шаблон отлично сработается с поисковиками.

Источник

JSN Metro. Стильный шаблон для Joomla 2.5.

JSN Metro — шаблон с плоским дизайном для Joomla 2.5 украсит интернет-пространство и поможет посетителям полученного сайта быстро находить необходимую информацию попутно любуясь красотами оформления.

Дизайн шаблона стоит отметить отдельно: минимум оформительских элементов, плоские иконки, отсутствие теней, интересное цветовые сочетания. JSN Metro исправно функционирует как в браузере персонального компьютера, так и в браузерах мобильных устройств, например, iPhone или iPad. Шаблон JSN Metro предоставляет своим пользователям воспользоваться хорошим механизмом JS/CSS, позволяющим повысить скорость загрузки сайта. Шаблон совместим с браузерами IE7+, Firefox, Opera, Chrome, Safari.

Шаблон JSN Metro имеет гибкую струткуру, состоящую из порядка 40 позиций для модулей, что дает множество вариантов конфигураций шаблона. JSN Metro имеет в запасе 6 цветовых схем, изменяющих не только основной фон, но и цвет выпадающего меню, ссылки, заголовки таблиц, доступно изменение цветовой схемы в панели управления. Основные цветовые схемы JSN Metro — красная, оранжевая, голубая, бирюзовая, зеленая, розовая.

В JSN Metro применена современная бестабличная верстка, тема использует CSS для быстрой загрузки сайта, шаблон оптимизирован для поисковых систем. Имеется описание исходного кода. В шаблоне доступны 3 сочетания шрифтов, 5 стилей меню. Имеется возможность настрайки более 50 параметров.

Адаптивность интерфейса показана на следующих рисунках:

Источник

Bootstrap — Интерфейс в стиле Modern UI (Metro)

На этом уроке мы рассмотрим различные способы, позволяющие создать интерфейс сайта в стиле «Modern UI» (Metro).

Понятие интерфейса «Modern UI»

Modern UI – это интерфейс компании Microsoft, который состоит из панелей с прямыми углами, содержащих крупный текст и выполненными в яркой цветовой гамме. В данном интерфейсе также немаловажную роль играет анимация (плавные переходы, эффекты при нажатии и перемещении и др.). Интерфейс «Modern UI» сначала был разработан для Windows Phone, а потом уже появился в операционных системах Windows 8, веб-сайте компании Microsoft и в других приложениях. Сейчас многие веб-разработчики используют стиль «Moder UI» для создания интерфейсов сайтов или планируют его использовать.

Читайте также:  Код для настройки телекарта

Создать интерфейс веб-сайта в стиле «Modern UI» можно вручную (с помощью пользовательской сборки) или воспользоваться готовыми решениями.

Пользовательская сборка Bootstrap для реализации интерфейса похожего на Modern UI

Чтобы сделать стандартный интерфейс Bootstrap более похожим на «Moder UI» (Metro),нам необходимо убрать закруглённые углы у компонентов Bootstrap. Данный процесс подробно показан на нижерасположенных изображениях.

Шаг 1. Изменение радиуса ( @border-radius-small , @border-radius-small , @border-radius-large ) для большинства компонентов Bootstrap.

Шаг 2. Изменение радиуса ( @pager-border-radius ) для компонента «Pager» (Пейджер).

Шаг 3. Изменение радиуса ( @badges-border-radius ) для компонента «Badges» (Значки).

После настройки пользовательской сборки, необходимо нажать на кнопку «Compile and Download» и подключить пользовательскую сборку Bootstrap к вашему веб-проекту.

Скачать готовую сборку Bootstrap без скруглённых углов можно по ссылке расположенной ниже.

Но компонент Bootstrap «Label» (Метки) остался с закруглёнными углами из-за того, что пользовательская сборка не предусматривает такой возможности. Чтобы это обойти необходимо создать свой файл CSS и подключить его после Bootstrap CSS. В этом файле необходимо создать класс label со свойством border-radius: 0px; .

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

Готовые решения на основе платформы Bootstrap, реализующие интерфейс в стиле «Modern UI»

1. Metro UI CSS 2.0.
Данная сборка предназначена для создания сайтов с интерфейсом похожим на Windows 8 от Сергея Пименова из Украины. Metro UI CSS 2.0 содержит большое количество дополнительных компонентов, которые делают интерфейс действительно похожим на «Modern UI».

2. Bootmetro.
Данный проект предназначен для создания веб-страницы подобной стартовому меню Windows 8. К сожалению Bootmetro находится на стадии альфа версии, что ограничивает его использование на рабочем сайте.

3. Metro-bootstrap.
Данная сборка, состоящая из CSS файлов и шрифтов, предназначена для предоставления веб-разработчикам и дизайнерам компонентов, реализующие некоторые элементы интерфейса «Moder UI».

4. Metro UI Template.
Шаблон для реализации интерфейса «Moder UI». К сожалению, проект прекратил своё развитие и для скачивания предоставлена только старая версия этого шаблона.

5. Cosmo. Cosmo — это тема для Bootstrap, которая делает его компоненты визуально похожими на компоненты интерфейса «Modern UI».

6. Платные шаблоны (темы):

  • Metro Mania. Неплохая тема для Bootstrap, выполненная в различных цветовых решениях.
  • Scaffold. Шаблон для сайта, основанный на Twitter Bootstrap. Дизайн выполнен в ярких цветах, с большими кнопками и панелями.
  • Metro Flexible Navigation. Гибкая навигационная панель в стиле Metro.

Источник

Adblock
detector