суббота, 19 января 2008 г.

Как сделать индивидуальный дизайн для блога

Хочу поделиться с вами несколькими приемами, которые позволят внести разнообразие в стандартный дизайн блога на blogger.com. Этот сервис предоставляет не так много готовых шаблонов, но тем не менее, при творческом подходе из этих шаблонов можно сделать блог с оригинальным дизайном. Для иллюстрации возьмем за основу шаблон "Sand dollar". Без всяких доработок блог с этим шаблоном выглядит так:



















Все встречали такие блоги с ярко-апельсиновым дизайном во всемирной сети. Какие же возможности разнообразить этот дизайн мы можем использовать?

Давайте для начала поменяем цветовую гамму. Делается это просто. В панели управления блогом выбираем раздел "Шаблон", затем "Шрифты и цвета".

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

Blog Title Background Color (цвет фона заголовка) синим,
цвет заголовка - белым,
Description Background Color (цвет фона для описания блога) - белым,
цвет для описания блога - синим,
цвет для заголовка сообщения - голубым,
цвет ссылки нижнего колонтитула сообщения - голубым,
цвет названия боковой панели - темно-серым,
цвет ссылки на боковой панели - серым,
цвет рамки - белым (она не будет видна).

Сохраняем изменения!

Затем идем в раздел "Шаблон". Изменяем панель Navbar - выбираем для нее легкий серебристый оттенок. В меню добавляем элемент страницы "Картинка" и вкачиваем фотографию морского прибоя. Готово:






















Теперь давайте решим задачку поинтереснее. В фотошопе готовим такую картинку (серый фон выделяет изображение). Пишем название блога прямо на картинке. Размер 844х132.








Затем идем в шаблоны, меняем цвет шапки блога на белый, потом в элементы страницы, жмем "Изменить заголовок". Вкачиваем подготовленную картинку, место размещения - вместо заголовка и описания. Готово!




















А вот что можно сделать из шаблона Minima Stretch, если сделать рамки заголовка белыми, и вкачать в шапку блога картинку размером 928х83.






















А вы говорите - мало шаблонов! :)

4 комментария:

Станислав Спорый комментирует...

Катя, спасибо, обязательно воспользуемся.
И обои суперские, особенно знакомые места.

Анонимный комментирует...

Катя, спасибо.Есть над чем работать, простор для творчества.Буду пробовать.

Ирина комментирует...

Екатерина! Спасибо, очень интересная информация, подумаю, как её прменить.
С уважением, Ирина.

Екатерина Бокитько комментирует...

Посмотрите, как ее уже применили Стас и Таня Спорые: http://www.mlm-inform.blogspot.com/