Личные сообщения

Ваши переписки

Логотип сайта
главная правила форум опубликовать полезные сервисы услуги
вход или регистрация обратная связь

Мир шаблонов » Разное для DLE » Как адаптировать простой html шаблон под DLE
0

Как адаптировать простой html шаблон под DLE

3-07-2013, 14:44 - seriy99 (Разное для DLE)
Как адаптировать простой html шаблон под DLE


И так в данной теме я вам попробую объяснить как адаптировать простые html шаблоны под Datalife Engine.

Что нам для этого нужно, для начала качаем сам архив DataLife Engine, скачать его можно здесь или купить лицензию здесь, качаем и устанавливаем нужную вам версию DLE, и выдергиваем с архива DLE нужный вам шаблон, его мы будем использовать как скелет. Далее качаем нужный вам html шаблон или используем свой в случае если у вас уже есть что то заготовленное.

И так с чего мы начнем:

1. В первую очередь мы начнем с основного, копируем все содержимое в шаблон DLE, в моем случае это Site.ru/templates/gemini/, копируем файлы и папки в таком порядке каком они лежать у вас в оригинале, все кроме index.html.

2. Сам index.html открываем и чистим шаблон - удалим все не нужные нам ссылки.

3. Далее открываем файл main.tpl в папке с дизайном DLE (допустим это шаблон Gemini) и вставляем в него весь html код который мы скопируем в файле index.html вашего шаблона.

4. После того как мы скопировали весь код в main.tpl, файл index.html мы можем закрыть и думаю он нам больше не пригодится. В main.tpl после строки HEAD удаляем все meta строки а так же строку title и вставляем на их место тег {headers}, этот тег выводит заголовок страницы TITLE а так же все meta

5. Не забываем добавить перед строкой style.css строку engine.css

6. После тега BODY вставляем тег {AJAX}, таким образом мы подключим все скрипты в том числе jquery

7. Далее в main.tpl мы ищем контент, в каждом случае он бывает разный зависимо от шаблона и что то определенного я посоветовать не смогу, здесь вам придется самому изучать код вашего шаблона. Но для примера я покажу на своем шаблоне.

Обратите внимание что скопировать нам нужно ту часть кода которая в дальнейшем пойдет в файл shrtstory.tpl и fullstory.tpl и во многих других файлах которые вы будите использовать, к примеру userinfo и многие другие.

Поэтому я не трогал div id="site_content". После того как вы скопировали код, вставьте его в shrtstory.tpl и fullstory.tpl, а в main.tpl замените эти строки тегами {info} выводящий ошибки или информацию, и тег {content} отвечающий за контент.

8. Заходим в файл shortstory.tpl и в нужных местах вставляем тег [full-link]{title}[/full-link] это ссылка на полную новость. Там где должен выводится текст вставляем {short-story}, данный тег будет выводить для нас короткое описание новости.

В файле fullstory.tpl вносим следующие изменения: в нужном месте вставляем {title}, и {full-story}, этот тег выводит у нас полную новость.

Ну и последний основной файл который стоило бы отредактировать это static.tpl, там мы вставляем {description} выводит описание статической страницы, {static} выводит текст статической страницы, {pages} Навигация по нескольким страницам одной статической страницы.

Ну и весь список тегов можно найти на официальном сайта dle-news

В общем то основная работа выполнена, осталось поправить путь к скриптам, изображениям и стилям. Что мы для этого будем делать: Ищем для начала строки стилей /css/style.css и заменяем в них путь к самому стилю добавляю тег /templates/RuScript, в итоге получится должно что то вроде /templates/RuScript/css/style.css и так поступаем со всеми скриптами и изображениями, /templates/RuScript это у нас путь к папке с вашим дизайном, /style/ это папка где лежит стиль, у каждого она своя, style.css конечный файл.

Так же проверьте ваш style.css, возможно в стилях указан немного не тот путь что нам нужен будет в работе, открываем style.css ищем любое изображение в нем и смотрим путь, если он у вас в виде (images/images.png) это не верно, добавляем перед images.png две точки, и слэш, в итоге это будет выглядеть так (../images/images.png) обратите внимание что каждый шаблон в своем роде уникален и путь к изображению может быть разным.

Источник: http://blacksand.ru/2012/01/16/kak-adaptirovat-prostoy-html-shablon-pod-dle.html
Поделиться: Понравилась новость? Расскажи друзьям. Поблагодари проект!


Уважаемый посетитель нашего сайта! Вы зашли на сайт как незарегистрированный пользователь. Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем. Спасибо за внимание!

Тегиадаптация шаблона, для dle
Публикацию посмотрели 4075 раз(а) и написали 0 комментариев.

Похожие публикации

 Модуль SlideRelated - Похожие новости в slide box для DLE 9.x 
Очень часто пользователь даже не догадывается, что он зашел на сайт, где ему нужна не только та информация, что находится на странице, но и много другой, для этого был создан celsoft'ом модуль похожие новости....
 Слайдер для DLE без модов 
Многие из Вас знаю о существовании в DLE тега {custom}, но почти никто его не использует, а зря. Из этой статьи вы узнаете, как с помощью этого тега и правки лишь шаблона сделать полноценный слайдер....
 LinkEnso PRO – модуль перелинковки v2.0 для DLE Datalife Engine 
LinkEnso PRO – модуль визуальной перелинковки для DLE Оригинальное название: LinkEnso PRO Совместимость с CMS: DLE 8.2-9.8 Распространение: Платно, 500 р. Актуальная версия: 2.0 Назначение: Вывод блока новостей, содержащего изображения, заголовки...
 Как создать страницу на Facebook для своего сайта 
На сегодняшний день популярность Facebook растет у нас и в странах СНГ. Так, давайте же уже сейчас застолбим себе страничку и будем привлекать трафик на свой сайт с помощью Facebook....
 Как перенести сайт DLE с локального сервера на хостинг 
После тестирования и настройки сайта, шаблона на Денвере, встает вопрос о переносе его на хостинг. Так как для создания сайта рассматривается CMS система DataLife Engine (DLE), то и пример переноса сайта будет приведен относительно этого движка....
разделы сайта

последние комментарии
  • seriy99 16.02.2017
    105 уникальных шаблонов инфогр ... (2)
    seriy99-фото
    Цитата: vladexus
    Жесть..такой размер и на дипозит

    Ну так скачивается же без проблем и бесплатно? ))) И много коммерческой информации, которую кому-то можно "грохнуть" с российских файлообменников. А тут хоть уверен - что прийдет пользователь и информация всегда доступна. Удачи Всем
  • vladexus 15.02.2017
    105 уникальных шаблонов инфогр ... (2)
    vladexus-фото
    Жесть..такой размер и на дипозит
  • vladexus 15.02.2017
    Шаблоны Landing Page - простые ... (2)
    vladexus-фото
    Цитата: kulchaka
    Как скачать?

    по всей видимости это невозможно
  • Worlf 12.02.2017
    Более 200 виджетов, инструмент ... (15)
    Worlf-фото
    Прикол в папке Widgets лежит файл как устанавливать виджеты,мол инструкция.Лол она пишет о том как устанавливать .mulib,которых вы в папке Widgets не найдете.Там одни проекты .muse .Я кстати не понимаю,какой толк в таких виджетах,мне нужно свой проект заново строить уже в такого рода шаблоне,получается.А если мне вдруг нужно таких 3-4,это же каша получиться из copy-paste и половина как обычно развалится по пути в новый проект.Хз кому это полезно,если только чисто полазить,потыкать и посмотреть как и что,хотя даже такое толк не даст и никаких особо знаний.
  • kloniit 12.02.2017
    MUSE ГЕНЕРАТОР. Комплект Adobe ... (10)
    kloniit-фото
    Не работает комплект
поддержать проект
подписаться на новости
OpenCart
Подписаться на канал RSS Добавить сайт в закладки
популярные публикации
партнеры сайта

рекомендуем
Hosting Ukraine
© 2013-2016 mirshablonov.com