Визуальный редактор dle шаблонов

Сегодня я расскажу, как можно поменять шаблон в сайтах на движке Dle.

Ну, первое что нужно сделать это – найти подходящий вам шаблон в Интернет.
В сети очень много сайтов на эту тему, так что конкретных ссылок давать не буду.

Откройте любой поисковик гугл или яндек и просто вбейте фразу "скачать шаблоны dle" и все, поисковик выдаст кучу сайтов, где вы сможете посмотреть и скачать любой шаблон.

Выбирайте тот, который вам больше всего понравиться и скачайте его себе на компьютер.

После того, как вы скачали шаблон, если он в архиве, то распакуйте его.

Теперь запустите программу FileZilla и войдите под вашим логином и паролем к себе на сервер.

Найдите папку «templates» кликните по ней и откройте ее.

В этой папке находится 4 стандартных шаблона (Default, Gemini, Pisces, smartphone) и несколько дополнительных файлов.

Сюда и нужно будет скопировать папку с вашим шаблоном.

Делается это так – наводите мышку на папку с вашим шаблоном, далее нажимаете левую клавишу мышки и перетаскиваете папку с шаблоном в папку «templates» на сервер.

Как видите, теперь в папке «templates» не 4 шаблона, а 5. Тот шаблон, который я использую для демонстрации - называется «free_template»

Что бы посмотреть, как будет выглядеть ваш сайт с вашим шаблоном, в настройках системы вашего сайта нужно заменить стандартный шаблон вот этот:

На тот, который вы выбрали. А делается это так:

Зайдите в админку вашего сайта:

Кликните на "Админпанель". У вас откроется вот такая страница:

У вас откроется вот такая страница:

Опуститесь чуть ниже и найдите строку - Шаблон сайта по умолчанию.

От автора: приветствую вас, друзья. В этой небольшой статье мы попробуем с вами разобраться с вопросом, как установить шаблон на DLE, а также немного коснемся такого вопроса, как редактировать шаблон DLE. Приступим?

Итак, вы установили CMS DLE и получили в свое распоряжение внешний вид сайта, который идет по умолчанию с выбранным движком. Этот шаблон сайта так и называется — Default, то есть — шаблон по умолчанию. В последней версии DLE (на момент написания статьи это 11-я версия) шаблон выглядит так:

Очень симпатичный и хорошо проработанный современный шаблон сайта. К тому же шаблон является адаптивным, то есть ваш сайт будет хорошо выглядеть не только на больших экранах десктопов, но и на мобильных устройствах: планшетах и телефонах.

Кроме того, DLE предлагает нам дополнительно еще несколько шаблонов на выбор. Изменить шаблон можно в админской части в разделе Настройки скрипта — Настройка системы. На странице настроек находим найдем список доступных шаблонов и выберем любой другой из списка.

Выберем, к примеру, шаблон Green в качестве шаблона сайта по умолчанию. После сохранения настроек внешний вид нашего сайта кардинально изменился.

Очень просто и удобно, собственно, как и на всех современных CMS. Однако это также шаблон по умолчанию, то есть шаблон, который идет в комплекте с DLE. В этих шаблонах есть один существенный недостаток, который может не понравится многим. Поскольку шаблоны идут в комплекте с движком, постольку они используются очень многими сайтами. А это значит, что внешний вид вашего сайта будет неуникальным.

Многих это не устраивает. Как же поставить на DLE шаблон, которого нет в наборе с движком? Сделать это нам помогут всевозможные сайты, предлагающие уже готовые шаблоны для DLE, как платные, так и бесплатные. Например, вот один из первых же сайтов, которые я нашел по запросу в Гугле dle 11 шаблоны — http://11dle.com. На этом сайте можно бесплатно скачать понравившийся шаблон. Поскольку мы используем DLE версии 11, я буду искать в категории Шаблоны для DLE 11.0. Мне понравился шаблон MobiGama, скачаю его. Обратите внимание, если вы используете бесплатную версию DLE, тогда кодировка вашего сайта будет windows-1251, соответственно скачивайте версию шаблона под эту кодировку.

Осталось полученный архив с шаблоном распаковать и положить в папку с шаблонами движка. Это будет папка templates, которую вы найдете в корне вашего сайта. Именно сюда мы помещаем папку с полученным шаблоном.

Вот, собственно, и весь процесс установки. Осталось лишь установить новый шаблон в качестве шаблона по умолчанию. Как это сделать мы уже знаем. После установки выбранного шаблона внешний вид сайта вновь преобразится.

Как видим, ничего сложного в том, чтобы поменять шаблон на DLE — нет. Здесь вы можете справедливо заметить, что скачивая шаблон, который находится в свободном доступе, мы не решаем проблему уникальности внешнего вида сайта. Да, вы абсолютно правы. Выбранный нами шаблон вполне может скачать кто-то другой. Однако количество сайтов, использующих ваш шаблон, будет все же меньшим, чем если бы вы использовали шаблон из коробки в DLE.

Если вы все же хотите получить уникальный внешний вид, тогда варианта здесь два: купить платный шаблон или же сделать шаблон самому. По первому варианту вы найдете в сети десятки сайтов, продающих шаблоны для DLE.

Если же вы остановитесь на втором варианте, тогда обязательно познакомьтесь с нашим .

Ну и последний вопрос, который мы немного затронем, — как редактировать шаблон DLE. Сделать это можно, к примеру, в меню Управление шаблонами — Шаблоны сайта. В качестве шаблона для редактирования будет уже выбран активный шаблон. Для того, чтобы что-то изменить в нем, вам, само-собой, нужны знания HTML/CSS и самого DLE.

В качестве примера давайте в шаблоне Default изменим цвет панели с меню, сейчас она синего цвета.

Сделаем ее серой. Для этого откроем файл стилей style.css и изменим значение фонового цвета для выбранного нами элемента.

После сохранения файла мы увидим изменения на сайте. Это лишь небольшой пример, дающий общее понимание того, как можно редактировать шаблоны в DLE. Больше информации вы найдете в курсе по ссылке выше. Ну а я на этом с вами прощаюсь. Удачи!

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

Вам понадобится

- компьютер;
- интернет;
- браузер;
- программа Adobe Dreamweaver.

Инструкция

Можно также редактировать уже имеющиеся шаблоны , чтобы создать что-то уникальное, красивое. Как правило, в каждом разработанном проекте есть свои недочеты. Зайдите в папку CMS DLE под названием Upload, затем в папку Templates. В ней как раз и располагаются основные шаблоны движка - Default и Simple. Зайдите в папку первого шаблона Default.

Найдите основной файл шаблона main.tpl и откройте его в визуальном редакторе, например, Adobe Dreamweaver. Можно загрузить с официального сайта компании adobe.com. Измените навигацию шаблона, удалив лишние элементы, выделяя мышью и нажимая кнопку Del на клавиатуре. Создайте новые навигационные элементы на странице через административную панель DLE, выбрав пункт «Категории».

Удалите лишние блоки на странице, которые не собираетесь использовать. Внесите свой собственный контент, используя инструменты редактора. Измените информацию в поле копирайт, расположенного в нижней части страницы. Для этого выделите символы мышью и введите необходимую информацию. Все изменения вносятся по вашему усмотрению. Также не стоит забывать о том, что неправильные коды на странице могут некорректно отображать весь сайт.

Сохраните изменения и вернитесь в браузер. Нажмите кнопку F5 на клавиатуре и проверьте, что страница отображает все внесенные элементы. Редактируя шаблон, можно создать полностью новый и оригинальный сайт, используя возможности шаблона и программ для нового сайта. Такое программное обеспечение содержит в себе все элементы, которые могут вам понадобиться. В целом можно сказать, что редактировать шаблон не трудно, однако нужно знать некоторые основы веб-программирования.

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

Инструкция

Скачайте шаблон и найдите в нем файл style.css. Обычно этот файл располагается в папке public_html.

Откройте файл style.css в блокноте и найдите фрагмент кода, отвечающий за внешний вид верхней части сайта. Этот фрагмент выглядит следующим образом:
#logotype {

background:url (images/logotype.jpg) no-repeat left center #fff;

margin:10px 25px;

position:relative-

В данном коде в строке background:url вам нужно указать путь к фоновому изображению будущего сайта. Следующие строки обозначают длину и высоту изображения, а пункт margin определяет отступ изображения по вертикали и горизонтали.

Найдите в папках шаблона файл logotype.jpg, используемый в коде в качестве логотипа, и замените его в той же папке на собственный логотип с таким же названием в формате png.

Фоновое изображение загрузите в папку public_html/tmpl/имя_шаблона/Images/, после чего, как уже говорилось выше, пропишите в строке background:url путь к изображению.

При необходимости перепишите параметры высоты, длины и отступа изображения. Строку position:relative можно не трогать. Сохраните изменения в файле и загрузите его на сервер вместо прежнего файла шаблона.

Если вы хотите сменить нижний логотип сайта, найдите в style.css фрагмент кода, который начинается со слов logotype-footer. Сохраните рисунок с новым логотипом и загрузите его в папку шаблона Images.

Измените параметры длины и высоты. Снова сохраните файл style.css и загрузите обновленный сайт на сервер.

Внимание, только СЕГОДНЯ!

Все интересное

При создании сайтов часто используются уже готовые шаблоны, найденные в сети. Они порой скачиваются пользователями тысячи раз, созданные на их основе ресурсы очень похожи по внешнему оформлению. Чтобы сайт имел индивидуальный дизайн, его шаблон…

Чтобы прикрепить тему на сайт, для начала необходимо ее создать или скачать уже готовую. Для этого достаточно посетить ресурсы в интернете, предлагающие как платную, так и бесплатную загрузку шаблонов. Инструкция 1Перед тем как прикрепить тему на…

При создании своего сайта на ucoz есть возможность выбрать дизайн из стандартных шаблонов, которые отличаются большим разнообразием, но и этого порой не хватает, особенно если хочется подчеркнуть индивидуальность своего сайта. В таком случае можно…

Современные CMS позволяют пользователю без знания программирования управлять практически всеми параметрами собственного сайта. Для новичков сайтостроительства и организаторов собственных блогов зачастую достаточно возможности добавлять собственные…

Прежде, чем начать конструировать свой сайт и воплощать идею, научитесь применять готовые шаблоны. Даже простейший вариант поможет лучше узнать о конкретной системе. В большинстве случаев можно подобрать подходящий каркас, основной компонент, а…

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

Легче всего новичку создать сайт, используя стандартный шаблон. Уникальности ресурса можно добиться, внеся ряд косметических и организационных изменений в типовое оформление. Вам понадобится- шаблон сайта;- программа Photoshop;- расширение для…

Когда создаются сайты, нужно придумать оригинальный шаблон. В интернете также представлено множество различных шаблонов, которые можно загрузить и изменить по своему усмотрению. Вам понадобится- графический редактор.Инструкция 1Чтобы изменить…

Сайты на Joomla создаются на основе готовых шаблонов. Вы можете удивиться, как много в Joomla различных шаблонов на любую тематику и под любой тип сайтов. Однако, если вы хотите создать свой собственный шаблон, вы легко можете это сделать. …

Для создания красивого и запоминающегося сайта быстро и легко воспользуйтесь шаблонами в Joomla! В стандартном комплекте приложения есть всего два шаблона, но вы можете подключить новые шаблоны, загрузив их через интернет. В настоящее время можно…

Система управления контентом Drupal позволяет без особой сложности создавать самые разнообразные сайты всевозможной тематики. Шаблоны в Drupal созданы для облегчения работы веб-программиста по созданию страниц с заданными темами и стилями.…

Вам понадобится

- компьютер;
- интернет;
- браузер;
- программа Adobe Dreamweaver.

Инструкция

Можно также редактировать уже имеющиеся шаблоны, чтобы создать что-то уникальное, красивое. Как правило, в каждом разработанном проекте есть свои недочеты. Зайдите в папку CMS DLE под названием Upload, затем в папку Templates. В ней как раз и располагаются основные шаблоны движка - Default и Simple. Зайдите в папку первого шаблона Default.

Совет 2: Как редактировать шаблоны сайтов

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

Инструкция

Скачайте шаблон и найдите в нем файл style.css. Обычно этот файл располагается в папке public_html.

Background:url (images/logotype.png) no-repeat left center #fff;

Margin:10px 25px;
position:relative;

Найдите в папках шаблона файл logotype.png, используемый в коде в качестве логотипа, и замените его в той же папке на собственный логотип с таким же названием в формате png.

Измените параметры длины и высоты. Снова сохраните файл style.css и загрузите обновленный сайт на сервер.

Совет 3: Как создать html шаблон

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

Инструкция

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

Создайте html-документ. Откройте его с помощью обычного текстового редактора или специальной программы для редактирования. В первой строке по общепринятой спецификации должна быть указана специальная декларация, которая указывает на соответствие определенным стандартам:

Дальше указывается тег, а затем - . Укажите нужные метаданные, которые помогут браузеру корректно отобразить весь текст. Также можно указать ключевые слова для индексации поисковыми роботами, автора документа и прочую информацию. Например, для вывода страницы в кодировке кириллицы можно воспользоваться тегом:

Затем можно указать параметры CSS при помощи тега, указав атрибут type=”text/css”. Имейте в виду, что требует закрывающего дескриптора, поэтому после CSS кода закройте блок при помощи.

Укажите страницы и завершите блок при помощи. Далее откройте тело документа, в котором и будет размещаться вся информация для вывода:
This is my HTML-template

Welcome to my site

Text
The end of the document

Тег отвечает за создание заголовков первого уровня, а тег - второго. Дескриптор формирует абзац и красную строку. Шаблон документа готов, вы можете добавить нужные параметры по своему усмотрению. На базе такого документа можно делать любую HTML-страницу.

Контент система DLE либо же DataLife Engine является полноценной CMS версией по созданию качественных и скоростных сайтов. Есть возможность рассылок пользовательских сообщений и многие нюансы администрированию, сам DLE дает возможность создать личную индивидуальную базу, чтобы хранить все данные сайта, применять фильтры в сообщениях и обширный выбор пользовательских настроек.

Редактировать шаблон DLE

При помощи непосредственного движка Вы можете реализовать варез сайт всего лишь за каких-то 5 минут, взяв понравившийся шаблон для DLE. Есть возможность допилить базовые шаблоны (идут в комплекте), дабы создать нечто уникальное, непревзойдённое. Обычно, в любом из разработанных сайтов наблюдаются свои погрешности. Нужно зайдите в директорию системы DLE , которая называется — Upload, далее в директорию — Templates. Именно в ней можно найти базовые шаблоны самого движка — Default и ещё Simple. Откройте папку распространённого шаблона Default. Скачайте себе базовый файл шаблона называется — main.tpl и запустите его при помощи визуального редактора, допустим, Dreamweaver от Adobe. Вы можете скачать с оф. сайта данной компании. Поменяйте навигацию самого шаблона, вырезав ненужные элементы, выделив мышкой воспользовавшись клавишей Del на вашей клавиатуре. Теперь смело создайте другие навигационные компоненты на странице, зайдя в администраторский раздел DLE, заходим в пункт — «Категории». закосите излишние блоки на самой странице, в будущем которые не планируете использовать. Добавляйте свой уникальный контент, вооружившись визуальным редактором. Поменяйте данные в разделе копирайт, находящиеся в самом низу документа. Чтобы сделать выделите, непосредственно, символы мышкой и вносите ту, или иную информацию. Все вносимые изменения исключительно на Ваш вкус. Внимание, не забывайте, что кривой код на этой странице может отображать должным образом целиком — сайт. Нужно сохраните внесённые изменения и опять вернуться в сам браузер. Обновите страницу, нажатием клавиши F5 на вашей клавиатуре и снова проверьте, что на странице появились все отредактированные элементы. Изменяя шаблон, можно реализовать полностью неповторимый и нестандартный сайт, применяя все возможности базового шаблона и предложенных программ. Чтобы редактировать шаблон изучите язык