Создание шаблона для системы блогов LifeType. Часть 2.Ну вот, как и обещала, попробую научить Вас создавать свой шаблон фиксированный для движка блога LifeType (сверстанный под определенное разрешение экрана - как правило это 800 на 600). В блогах чаще всего используется именно этот вариант верстки. То ли его легче сделать, то ли он красивее смотрится, то ли просто это нынче в моде. В общем это неважно. Приступим собственно к началу! Итак, для начала качаем мой приготовленный шаблон >>> (Он сделан на основе моего шаблона) Чтобы поменять дизайн данного шаблона, необходимо изменять следующие файлы:
Способ 1. Замена картинок. Самое простое и быстрое - это закачать свои картинки с таким же названием и размером как и в шаблоне. В шаблоне используются следующие картинки:
Ну и конечно же открываем файл style.css и меняем цвета ссылок под свой дизайн. Способ 2. Свой дизайн Легче конечно будет изменить мой шаблон. Увеличить к примеру шапку, добавить верхнее меню и т.п. Но если у Вас есть свой полностью сверстанный дизайн и Вы хотите вставить его в свой блог... здесь конечно задачка будет посложнее. Шапку сайта, до главного контента (новостного блока) вставляйте в файл header.template. Правую колонку в файл footer.template. Низ сайта в файл sidebar.template. Ну и наконец в файле post.template можно полностью видоизменить то, как будет отображаться главный контент. А также будте аккуратны в файле style.css - не удалите ничего лишнего! Style.css. Я не буду описывать подробно, что внутри этого файла, т.к. полное описание было в Части 1. Аналогично вносим изменения и здесь. Внутри файла вставлены мои комментарии. Блоки. Все блоки находятся в файле sidebar.template. Начало и конец каждого блока обозначены комментариями. Вы можете их удалять или менять местами. |
Добрый день! Спасибо за урок. Но к сожалению я не сильна в кодах( Мне очень нравится ваш шаблон с божьими коровками, который у меня и стоит -http://marishka.primorye.name/ Но проблема в том, что мои открытки туда не влезают. Вы не могли бы сделать фон для записей немного шире. или подскажите, как это сделать. Заранее спасибо.
Отправить комментарий