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

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

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

Мир шаблонов » Разное для 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
Публикацию посмотрели 3933 раз(а) и написали 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), то и пример переноса сайта будет приведен относительно этого движка....
разделы сайта

последние комментарии
  • jimmykoks 09.12.2016
    Maxshop - Store Responsive Ope ... (1)
    jimmykoks-фото
    После установки русского языка вылезли ошибки:
    Notice: Undefined index: title in /home/......./catalog/controller/module/so_newletter_custom_popup.php on line 60
    Notice: Undefined index: newsletter_promo in /home/......./catalog/controller/module/so_newletter_custom_popup.php on line 61
    Notice: Undefined index: title in /home/......./catalog/controller/module/so_newletter_custom_popup.php on line 60
    Notice: Undefined index: newsletter_promo in /home/......./catalog/controller/module/so_newletter_custom_popup.php on line 61
    Не подскажете как исправить?
  • Стас2056 25.11.2016
    ВИДЖЕТПАК 3.0 - 150 лучших вид ... (17)
    Стас2056-фото
    Настоящий адекватный ресурс, где админы и пользователи как одна команда! [right][/right]Спасибо!
  • seriy99 25.11.2016
    Factor - Multipurpose Landing ... (2)
    seriy99-фото
    Цитата: face2005
    архив весь битый

    Ничего не может быть бито! Смотря чем вы распаковуете и учитывайте длину - для этого достаточно переименовать папку с архивом шаблона например на 1 - перед тем как распаковуете, чтоб длина символов не влияла на распаковку, так как в архиве много папок и подпапок.
  • DenJo 24.11.2016
    OpenCart шаблон "StoreFlex" (3)
    DenJo-фото
    хороший шаблон, уже успел с ним поработать. layout builder полезная штука и моим клиентам понравились clients categories.
    жду апдейта)
  • face2005 24.11.2016
    Factor - Multipurpose Landing ... (2)
    face2005-фото
    архив весь битый
поддержать проект
подписаться на новости
OpenCart
Подписаться на канал RSS Добавить сайт в закладки
популярные публикации
партнеры сайта

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