YOO Pure - музыкальный шаблон Joomla 1.5, 1.7

YOO Pure - музыкальный шаблон Joomla 1.5,1.7

 
          СКАЧАТЬ          ДЕМО
 

Если вы находитесь в поисках шикарного, стильного и красочно оформленного интересного шаблона, то обратите внимание на шаблон YOO Pure, представленный разработчиками студии YOOtheme. Этот шаблон -  наиболее подходящий вариант для оформления личных блогов, ресурсов музыкальной тематики. Другой вариант – использовать данный шаблон для новостных сайтов или же сайтов презентационного характера. Помимо стильного дизайна, шаблон YOO Pure отличает универсальность – его можно задействовать для оформления почти любого сайта, в независимости от тематики, которой он посвящен. Неповторимый, привлекательный вид шаблону придают простота, а также  гармоничное сочетание темных и светлых тем, выбранных для оформления. Используя их, можно достаточно легко придать сайту собственный, неповторимый стиль.

Зайдя в административную панель, можно подобрать цветовой стиль – один из 5 имеющихся темных или 5 светлых. Кроме них, также имеются различные  цветовые схемы, стили и фоновые изображения.  Чтобы в еще большей степени расширить оформительские способности, используйте модульные стили. Изменить их можно настройках модуля, при помощи суффиксов или же расширенной типографики. Для размещения контента в шаблоне YOO Pure предусмотрено большое количество модульных позиций.

позиции модулей шаблона YOO Pure

Работает шаблон YOO Pure под управлением фреймворка Warp 5.5.

Для  создания интересных и эффектный галерей в шаблон был интегрирован модуль Spotlight. Используя его, вы сможете добавить на сайт галереи, при этом они не будут привязаны к какой-то определенной категории материалов. Модуль работает следующим образом – после наведения курсора на изображение выводится всплывающее окно с ним.

настройка модулей шаблона YOO Pure

Чтобы включить модуль Spotlight в состав шаблона и посмотреть, как он работает, нужно предварительно создать модуль, в котором будет прописан HTML код. Вывод изображения осуществляется в следующих тэгах –

<div class = "spotlight bottom" > <img src= >.

При этом для добавления рисунка можно воспользоваться визуальным редактором.

Если же вам нужно оформить определенную текстовую надпись в форме ссылки, то сразу же после того, как вы добавите картинку, разместите в коде следующие строки:

 

<div><a href="/ссылка на материал/"></a>

<h3>Заголовок материала</h3>

Вступительный текст</div>

</div>

настройка плагинов шаблона YOO Pure

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

По умолчанию класс модуля - spotlight bottom. Но если вы его измените на spotlight fade, то получится эффект, аналогичный тому, что и в случае наведения на изображение в верхней части demo версии  шаблона. Ниже приведены значения для стилей модуля  Spotlight.

  • class="spotlight fade" – изображение исчезает, и появляется текста:
  • class="spotlight bottom" - текст снизу изображения
  • class="spotlight top" – текст сверху изображения
  • class="spotlight left" – текст слева
  • class="spotlight right" – текст справа

вариации модулей шаблона YOO Pure

Чтобы более тщательно разобраться с работой модуля Spotlight и понять принцип, лежащий в его основе, следует установить Installation Package. Это примерно то же самое, что и QuickStart. Тут уже есть готовый вариант исходного кода, обязательно ознакомьтесь с ним. Однако данный эффект можно применять не только к изображениям.  Вместо них может быть любого рода контент, даже текстовые статьи, размещенные на сайте.

В состав QuickStart входит компонент ZOO. Благодаря модулям, входящим в его состав, его можно отнести к числу наимощнейших конструкторов сайтового контента. Это дает возможность создания профессиональных online- каталогов, интернет-магазинов, блогов и других проектов.

Кроме компонента ZOO, в шаблон YOO Pure входят также другие модули, разработанные студией  YOOtheme. Это:

  • YOOCarousel
  • YOOIecheck
  • YOOLogin
  • YOOTweet

Все необходимые настройки шаблона осуществляются в административной панели. Здесь все организовано довольно просто, разобраться с настройками сможет и начинающий веб-разработчик. Так, именно в панели можно выбрать один из 10 имеющихся стилей оформления сайта, о которых уже говорилось выше. Кроме того, здесь же устанавливается как ширина всего шаблона в целом, так и каждой из колонок по отдельности; ширина выпадающего окна Drop Down Menu. В случае необходимости именно в административной панели можно установить, будет ли отображаться дата.

Шаблон работает в Joomla версий 1.5 и 1.7.

типографика шаблона YOO Pure

Видеоуроки Joomla

Установка локального сервера Denwer

 

Установка Быстрого старта шаблона Joomla (Quickstart)

 

Перенос сайта Joomla на хостинг. 5 уроков

 

Настройка Joomla после установки. 11 уроков

 

Усиление безопасности Joomla. 6 уроков