Учебник по переделки шаблонов - Форум
Обновить страницу!

 



 
          





ГДЕ Я?
www.GiperSait.Ru - Это форум нашего сайта не обращайте внимания на баги это временонно, так как форум в дороботке





  • Страница 1 из 1
  • 1
Форум » Web-мастеру » Уроки, советы, статьи по сайтостроению » Учебник по переделки шаблонов
Учебник по переделки шаблонов
 Дата: Среда, 09.06.2010, 16:23 | Сообщение # 1

[)EM()N







         Гильдия:Мужчина
         Сообщений: 7269
         Репутация: 109
         Статус: Offline

В этом уроке я раскажу как переделать (уникализовать) шаблон, буду обьеснять подробно так что даже любой новичок справится.
Все что вам нужно это терпение, фотошоп и умение читать. =)

И так начнем переделывать шаблон, чтобы вам было просто наша задача сделать из стандартного шаблона #231.

Заходим в админку (админ панель), когда вошли в админку в верхнем горизонтальном меню видим вкладку "дизайн" открываем её, выбираем самый первый пункт "Управление дизайном (шаблоны)". И мы видим бовольно большой список модулей и страниц модулей, сейчас нам нужны "Глобальные блоки", открываем глобальный блок "Верхняя часть сайта". Если вы новичок то вы видите много не понятного кода, но когда вы научитесь это будет очень легко и понятно, находим во второй строчки сверху такую сслку /.s/t/231/1.gif, если мы это введем в сторку браузера нечего не откроется, но есть не большой секрет нужно перед этой ссылкой приписать www.ucoz.com это будет выглядеть так www.ucoz.com/.s/t/231/1.gif, эту ссылку эже можно ввести в браузер и нам откроится картинка, нажимаем на неё правой кнопкой мыши и сохроняем в папку. Так проделываем со всеми ссылками которые есть в коде и сохраняем картинки в одну папку.
Теперь открываем в фотошопе все картинки которые сохранили и изменяем их так как хотите, если вы не разбираетесь в css то желательно не изменять цветовую гамму, если нарушите цветовую гамму то возможно не будет видно надписей или просто цвета не будут сочетатся и дизайн будет плохо выглядеть.
После изменения картинок откройте файловый менеджер и создайте папку, название не важно, загружаем в эту папку ваши переделаные картинки желательно чтобы у картинок было понятное для вас название, например если это правая часть шапки то так и назовите картинку "правая часть шапки". Опять идем в глобальный блок "верхняя часть сайта" и по порядку заменяем все картинки которые вы захотели изменить, главное не перепутайте картинки местами и не удалите не кусочка кода.
Далее идев в следуйщий глобальный блок "Нижняя часть сайта" здесь все просто, только 3 картинки чтобы не загружать картинки можно заменить всю первую строку данного глобального блока на последнию строку из глабального блока "Верхняя часть сайта", только если вы изменяли эти картинки, иначе нету смысла просто потеряете время т.к эти строки одинаковые.
И так мы уже давольно далеко продвинулись, примерно на 20-30%, но не нужно остонавливатся!
Идем в глобальный блок "Первый контейнер" это вся левая старона сайта (блоки), это очень просто берем все ссылки делаим их рабочими (приписываем www.ucoz.ru) сохраняем все картинки и открываем в фотошопе и редактируем их под себя, главное чтобы они потом сходились (были как одно целое), после того как вы отредактировали картинки заливаем их в файловый менеджер в туже папку, далее в ручную мы не заменяем все ссылки на новые а идем в "быстрая замена участков шаблона" это находится в томже меню вкладка "дизайн", Режим замены: ставим простой, в первой строке вводите старый адрес картинки, пример: /.s/t/231/8.gif во второй строке ссылку на новую картинку, и опять же не перепутайте картинки местами, и обезательно стаим галочку в "Опции замены:" "замену в глобальных блоках" иначе не чего не произойдет, и жмем "произвести измену" это дейстивие проделываем с каждой картинкой по очереди, когда закончите зайдите на сайт и вы увидите что шапка,блоки и нижняя часть изменены.
Но это еще не конец, есть еще как я называю центральная цасть сайта, то где находится контент, для того чтобы изменить эту часть нужно пойти в "Управление дизайном" и найти там такой пункт "Страницы сайта" выбираем его.
Там сразу будет видна ссылка "/.s/src/css/231.css" но мы её не трогаем т.к это не изооброжение, то чно нам нужно расположено чуть ниже, после короткой сточки "<td valign="top" style="width:80%;">" будут 4 длинных строки они то нам и нужны, в этих четырех строчках виднеются восемь ссылок на картинки которые нужно изменить, опять же мы делаем эти ссылки рабочими и сохроняем все изооброжения себе на комьпьютер и изменяем в фотошопе, после изменения изооброжения загружаем в файловый менеджер в ту же самую папку, так как эти эзооброжения используются не только в этом месте мы не будем заменять вручную а опять обротимся за помощью к "быстрой замене участков шаблона, и так же как и с блоками заменяем старые ссылки на новые, теперь шаблон сайта переделан полностью, другие шаблоны изменяются так же, но возможны не большие изменения строения кода других шаблонов.
Так же есть шаблон форума но как изменить его вид я разкажу в другой статье.


Внимание данная статья была написана специально для GiperSaita и все права на эту статью выкуплены у ее автора...
Любое копирование и распространение данной статьи запрещено!



Прикрепления: 0579604.gif (5.4 Kb)


hkgggggggggggggg
 
Форум » Web-мастеру » Уроки, советы, статьи по сайтостроению » Учебник по переделки шаблонов
  • Страница 1 из 1
  • 1
Поиск:





   Яндекс цитирования Анализ сайта он лайн
Сделать бесплатный сайт с uCoz
 


 

   



Гость , войди и увидиш сдесь кросивинький админбарчик ;)