подойдет веб-мастерам готовые создать живописную киноплощадку на платформе DataLife Engine 11.3 версии. Изящный киношаблон
сконструирован чисто с применением популярной технологии сетки фреймфорка Bootstrap. Шаблон DLE для кинотеатра снабжен рядом полезных плюшек и функций. Живописные с ярким стилем кино
Прогрессивный подход к постройке кино-площадки, качественное оформление, интересные фильмы, сборник оригинальных материалов с рецензией на тему "кинофильмы" способствует хорошему росту популярности, увеличению числа юзеров и значимость ресурса. Электронные журналы уже известные на просторах интернета своими публикациями об обзорах вышедших фильмах, новинках кино, знакомы многим, среди них Международный культурный портал Эксперимент с качественными рецензиями, прочитать которые вы можете по следующему адресу
. Важной составляющей существующих web-проектов и привлекающие большую часть целевой аудитории интернета - это подборка хороших видеофильмов и описание к ним, а остальное ложится на плечи системы DataLife Engine.
Уникальное оформление сайта кино шаблон Flat Cinema для DLE 11.3, где фильмы, сюжеты и видеоролики будут представлены замечательным образом, как на современных и лучших шаблонах
. Кроссбраузерная верстка с чистым кодом снабжена плавающей верхней панелью, элементами кода для статической страницы, элементам подгружаемые ajax-ом, есть тумба меню с метками времени, разные кнопки премиум, HD, лайка и многое другое.
Для начала скопируйте шаблон в папку templates вашего движка, затем в настройках
системы включите его и следуйте дальше по инструкции. Постараюсь написать как
можно точнее и надеюсь, что настройка не займет у вас много времени.
Если что-то не понятно в работе тега custom и его функциях - читайте документацию
к движку. Удачи и поехали!
1. Социальные иконки.
Приписываем прямые ссылки на ваши группы в социальных сетях. Открываем файл
social-icon.tpl и редактируем сожержимое файла. Лишнее можно удалить (...),
остальное заполняем:
• href - вместо # пишем ссылку;
• title - вместо # пишем описание ссылки.
2. Меню сайта.
Главное меню сайта находится в файле topmenu.tpl на строках 14-66. Здесь тоже все
просто, заполняем, удаляем, редактируем по такому же принципу, как и у социальных
иконок. Но здесь у нас к каждому li верхнего уровня присвоен свой class, в котором
кроеться определенный цветовой вариант.
• nav1 - оранжевый
• nav2 - зеленый
• nav3 - синий
• nav4 - красный
• nav5 - желтый
• nav6 - фиолетовый, он же стоит по умолчанию если не присвоен class.
Также, не забудьте прописать title к alt к изображению логотипа. Он на 11 строке
этого файла.
3. Большая карусель в верхней части сайта.
На главной странице вашего сайта присутствует большая карусель фильмов. Код выво-да карусели прописана в файле main.tpl на строках 36-49 и здесь же стоит тег h1 главной
страницы. Вы можете оставить его или перенести в любой заголовок на главной стра-нице сайта. Работает карусель через тег custom. Выводит 10 самых просматриваемых
материалов из прописанных вами категорий в category. Тут, как и в меню есть вариан-ты из шести цветов.
На строке 37 в блоке, который обворачивает саму карусель в class. В ней про-писано block-violet. Это значит, что фон этого блока будет фиолетовым цветом.
Можете изменить цвет из шести предоставленных:
• block-violet - фиолетовый
• block-orange - оранжевый
• block-green - зеленый
• block-red - красный
• block-blue - синий
• block-yellow - желтый
Также для удобства было создано возможность менять цветовую схему самой
карусели и цветового стиля заголовка. На строке 39 в class прописано owl-violet.
Это значит, что цветовой стиль заголовка и самой карусели будет фиолетового
цвета. Вы также можете изменить его, выбрав один из шести вариантов.
• owl-violet - фиолетовый
• owl-orange - оранжевый
• owl-green - зеленый
• owl-red - красный
• owl-blue - синий
• owl-yellow - желтый
4. Вывод фильмов, трейлеров и новостей на
главной странице.
Чтобы не запутаться в файле main.tpl вывод левой колонки было вынесено в файл main-film.tpl. Здесь все построено по такому же принципу, как и большая карусель. Есть блок,
к нему прописуються цветовые варианты, которые были описаны пуктом выше.
Заполните id категории в custom и, если необходимо зимените его настроки. Пропиши-те ссылки к названиям блоков, заполнив href и title.
5. Подвал сайта.
Код подвал сайта находиться в файле footer.tpl.
• На строке 5 заполните тег alt у логотипа сайта.
• На строках 9-20 заполните меню (заполнив href, title и название ссылки).
• На строках 23-30 вместо тега img (
[img=|»#»]»%7BTHEME%7D/images/count.png»[/img]
)
вставьте свой код счетчика, лишие ... удалите.
• И на строках 36-37 измените текст на свой.
6. Случайный фильм.
В файле sidebar.tpl на строках 5-12 прописан коды вывода карусели. На строке 9 в
category вместо # пропишите id категорий фильмов, из которых следует делать выбор-ку случайных фильмов.
7. Рекламные блоки.
В шаблоне создано два блока специально для рекламного блока.
• Файл sidebar.tpl. Строки 14-16
• Файл fullstory.tpl. Строки 212-214
9. Полная новость. Файл fullstory.tpl
Файл fullstory сделан довольно сложно, если вы недавно начали знакомство с DataLife
Engine. Но я попытаюсь объяснить, как здесь все устроено.
Итак! Первое что нужно знать, это то что fullstory.tpl используеться как для фильмов,
где есть дополнительные поля, так и для просто новостей, где их нет.
Начнем! Для начала создайте дополнительные поля для красивого вывода фильма:
• poster - постер к фильму. В файле прописан на строках 9,14 и 123. Как вы наверное
уже догадались вывод этого поля очень важен. Если при добавления новости он не
будет заполнен, тогда не выведеться весь блок, где кроме постера еще есть рейтинг,
жанр и все остальное.
• rip - качество (Например Hd-rip, Cam-rip и т.д). Строки 15-17. В шаблоне для вывода
качества испольуеться всего одно дополнительно поле, это сделано для экономии
времени при добавлении фильма и снижает нагрузку на сам движок. При создании
этого поля, выберите «Тип поля: одна строка» и обязательно «Использовать значе-ния полей как перекрестные гиперссылки» и дальше заполняйте его вариантами ка-чества фильма через запятую, где они сразу будут превращаться в ссылки, которые
и будут выводиться поверх постера каждая с новой строке.
• trailer - трейлер к фильму. Строки 20, 32 и 38. В настройках Настройка проигрыва-телей медиаконтента выберите «Использовать HTML5 плеер в качестве основного
при проигрывании видео». Заполнять поле можно обычно через ББ панель добавле-ния новости, выбрав вставка медиа или видео.
• year- здесь год выхода фильма и страна. Строки 76,81 и 84
• editor- режиссер фильма. Строки 92,97 и 100
• staring- актеры фильма. Строки 101,106 и 109
• time- длятельность фильма.
• online1- первая вкладка видео. В блоке с вкладками видео построена так, как и у по-стера. Если поле online1 заполнено, то можно заполнять вторую и третью вкладку,
если нет, то вторая и третья просто не выведется в шаблоне, даже если в них и есть
само видео. Вывод блока, в котором вкладки и содержимое вкладок, обворачива-еться в теги движка, которые на строках 129 и 139 - это блок с кнопками, а контент
вкладок на строках 140 и 162, а сам вывод ее на 144 строке.
• online2- вторая вкладка видео. 132 и 134 - это кладка, а 147, 150 и 153 - содержимое.
• online3- вторая вкладка видео. 135 и 137 - вкладка, а 154, 157 и 160 - содержимое.
10. Кнопки «Поделиться в соц. сетях» в полной
новости.
В файле fullstory.tpl на строке 195-196 прописан код плагина от Яндекса, через который
пользователи могут делиться вашими материалами сайта. Можете изменить или уда-лить его.
11. Создание еще одного блока с фильмами.
Если вы захотите создать еще один блок с фильмами или сериалами в виде карусели,
которая на главной странице, тогда в файле main-film.tpl кроме трех уже созданных
таких блоков (фильмы, сериалы и телепередачи) следуйте следующей инструкции.
Пример:
На строках 40-47 видем блок с Телепередачами. Копируем код всего блока и вставляем
его ниже.
• на первой строке нашего нового блока вместо owl-green пишем owl-red, будет блок
к красном цвете.
• на второй строке в теге h2 пишем вместо «Новые телепередачи» - «Мультфильмы»
и заполняем ссылку.
• на четвертой строке вместо owl-cat3 пишем owl-cat4, потом открываем файл js/libs.js
и на 55 строке после #owl-cat3 ставим запятую и прописуем #owl-cat4, который мы
только что создали.
• И последнее. В теге custom прописуем категории и настройки, если нужно.
Должно получиться что-то вроде того, что изображено на рисунке ниже.
12. Еще пару важных моментов.
• В папке PSD вашего архива имеються три файла: logo и favicon. Можете отредакти-ровать логотип и сохранить его в паку папку images.
• В похожих материалах, которые в полной новости, в настройках движка выставьте
минимум 5 новосте вывода. Если 5 и меньше карусель не будет работать;
• В файле sidebar.tpl на строках 84-90 в [aviable=showfull] заключенно голосование и
теги сайта. Если не требуеться, можно удалить [aviable=showfull] и [/aviable];
• В шаблоне кроме главной shortstory.tpl созданы еще два вида короткой новости. Это
для трейлеров и новостей. Вы можете из прописать в свойствах категории в пунтке
«Шаблон короткой новости». shortstory-news - для новостей, а shortstory-trailer - для
трейлеров.
• В styles/styles.css на строкаъ 818-859 прописаны размеры изображений для неко-торых шаблонов кототких новостей. Можете редактировать их высоту для разных
экранов.
- .short-images a img - постер для общего shortstory и фильмов.
- #related-news .short-images a img - блок related-news
- .owl-random .short-images a img - блок случайных фильмов
- shortstory-trailer .short-images a img - список трейлеров в категории
- .owl-trailer .shortstory-trailer .short-images a img - трейлеры на главной странице.
Кажется все написал и надеюсь ничего не упустил. Если что-то забыл, обращайтесь
за помощью, но пожалуйста только с того аккаунта, с которого мы общались. С других
аккаунтов социальных сетей или другого аккаунта icq помогать не стану из-за большо-го количество халявщиков!
Еще один очень важный момент. В интернете ведеться черный список. Все копии
шаблона имеют небольшие различия, и если вы решите слить шаблон в паблик, я об
этом узнаю очень легко и в дальнейшем с вами никаких дел вести не буду. Извините, но
такой способ необходим, чтобы хоть как-то защитить труд разработчиков шаблонов,
которые стараются сделать что-то красивое и хорошо-работающее.
В общем-то и все! Читайте документацию к движку и живите мирно! Удачи!!!
P.S Извините за возможные ошибки.
Комментарии 1