Поветкин защитил титул чемпиона WBA Россиянин Александр Поветкин отстоял титул чемпиона мира в супертяжелом весе по версии WBA в бою с чемпионом мира в первом тяжелом весе по версии WBO немцем боснийского происхождения Марко Хуком. ...
С аварийного танкера "Каракумнефть" откачали топливо С аварийного танкера "Каракумнефть", сидящего на камнях Курильского залива острова Итуруп, на сегодняшний день откачано 296 кубометров дизельного топлива. С судна на берег протянуты две рукавные ...
Дамаск осудил решения конференции "Друзья Сирии" Дамаск отвергает и осуждает все решения и заявления, принятые по итогам прошедшей накануне в Тунисе конференции так называемой "Группы друзей Сирии". Об этом сообщает сегодня официальное агентство ...
Приветствую. В этом примере я раскажу как легко изменить шапку шаблона сайта под управлением системы DLE. А именно изменение шаблона DLE. Посмотрите на исходный шаблон DLE, я его скачал из открытых источников из категории бесплатные шаблоны. Так что, если автор - это твой шаблон, уж извиняй.
Сама картинка моего шаблона DLE.
Что хотел заказчик: 1. Изменить персонажа на своего. 2. Изменить фон. 3. Сделать более-мение русифицированную страничку.
Давайте рассмотрим по порядку какие операции неоходимо произвести по изменению шаблона DLE. 1. Заходим на сайт и делаем принт скрин (нажимаем Prt Scr) и в фотошопе вставляем в новый документ. 2. Обрезаем картинку под размер сайта. Основа для изменения шаблона готова. 3. Далее открываем файл \templates\default\main.tpl с помощаю програмки Adobe Dreamweaver и видем следующую картинку:
Проделываем следующие манипуляции в программе Adobe Dreamweaver: а. Выбираем режим отображения "Разделение". б. Выделяем каждую картинку и смотрим путь, где она лежит. в). в. Вставляем все картинки как отдельные слои в наш файл с скриншотом нашего шаблона DLE.
Для удобства, я называл слоя также как называтся файлы. Должно получиться примерно следующее.
Все приготавления для изменения шаблона DLE готовы. Переходим к самому интересному.
4. Делаем быстренький фотомонтаж нашего основного персонажа, я выбрал игрока манчестер юнайтед и прилипил к нему лицо, присланное заказчиком.
5. Ищем фон для нашего шаблона DLE. Я нашел стадион, он както интереснее смотриться чем травка зелёная.
6. Ищем новые мячи с Российской атрибутикой.
7. Сделаем небольшую предметную ретушь. При желании можно перевести из растра в вектор, но для бюджетного варианта, тем более речь идет об изменении шаблона DLE, растра будет достаточно.
8. Копмпануем наши отдельные элементы в более-менее приемлемую картинку. При необходимости можно применять различные стили слоев, типо наложение тени и свечение что бы визуально отделить слои друг от друга. Чтобы фотография стадиона более походила на фон, я применил наложения слоя залитого белым светом с прозрачностью 50%. Получилось примерно следующее:
9. Основная часть по изменению шаблона DLE проделана, осталось техническая. Меняем имена всех кнопок на русские и далее склеиваем наше изображения из отдельных слоев в один.
10. Подсвечиваем наш слой с оканчательным вариантом дизайна нашего шаблона DLE и начинаем резать изображение. Нажимаем на пиктограмму каждого ранее созданого слоя по отдельности тем самым происходит выделение участка изображения на слое с измененным шаблоном DLE. Копируем данный участок в новый файл и сохраняем под именем слоя.
11. В конечном итоге получаем кучу файлов, которые необходимо обратно закинуть на сервер с заменением старых файлов. Путь определите по пункту 3.в. данного манула. Этот способ не единственный. Существуют еще как минимум 10 способов для изменения шаблонов DLE, но на мой взгляд это наиболее простой. Проще не придумать. Самая трудная задача - это найти Adobe Photoshop и Adobe Dreamweaver. Рузультат манипуляций по изменению шаблона DLE см. ниже.
Кликните по картинке или наведите курсор для просмотра оригинала.
