Site menu:

Получать обновления
блога на е-мейл:


Свежие записи

Архивы

Здравствуйте!
Меня зовут Екатерина Бокитько:)

Поиск по сайту

Рубрики

Октябрь 2023
Пн Вт Ср Чт Пт Сб Вс
« Ноя    
 1
2345678
9101112131415
16171819202122
23242526272829
3031  


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

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

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

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

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

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

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

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

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

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

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

А вы говорите — мало шаблонов! 🙂


Комментарии

Комментарий от Александр
Когда: 1 марта 2009, 18:58

А мне можешь по мочь с моим блогом, какой размер у моей шапки?))

Пингбек от Моя искренняя благодарность наставникам « Эрике Долгатова.ру
Когда: 11 июня 2012, 18:57

[…] Бокитько — «Как сделать индивидуальный дизайн для блога»Все разжевано тщательным образом — только […]

Написать комментарий: