Создание дизайна сайта от А до Я. Часть 3



На данный момент у нас готов фон и шапка будущего шаблона. Дабы не терять время зря сразу приступим к дизайну сайдбара.

Ширина сайдбара примерно 320px при ширине шаблона 1010px. Виджеты разделяются между собой с помощью заголовков:

sidebar

Как видите ни чего сложного в сайдбаре нет. Фон «#fafafa», виджеты разделяются между собой своими заголовками, шрифт «Tahoma» размер 22 и цвет «#a9acb8». Справа от ссылок иконка:

marker

Сами же ссылки — это текст «Tahoma», размер 12, цвет «#2583b7».

C сайдбаром закончили, переходим к контенту.

content

Не стану рассказывать вам, как я делал его, кому интересно посмотрят в файле проекта, или попробуют сами повторить.

Желательно всегда заполнять шаблон, что бы посмотреть, как он будет выглядеть в рабочем состоянии.

Это было лирическое отступление, продолжим, ведь осталось совсем не много, а именно футер.

Я долго думал, каким его сделать. И вот, что получилось:

footer

Все предельно просто и аккуратно, слева копирайт, справа счетчик. Стиль для футера можно найти в моей подборке стилей.

По окончанию 3-х уроков мы имеем:

template3

Файлы проекта на данном этапе.



Теги: ,

Комментарии

Оставить комментарий