На данный момент у нас готов фон и шапка будущего шаблона. Дабы не терять время зря сразу приступим к дизайну сайдбара.
Ширина сайдбара примерно 320px при ширине шаблона 1010px. Виджеты разделяются между собой с помощью заголовков:
Как видите ни чего сложного в сайдбаре нет. Фон «#fafafa», виджеты разделяются между собой своими заголовками, шрифт «Tahoma» размер 22 и цвет «#a9acb8». Справа от ссылок иконка:
Сами же ссылки — это текст «Tahoma», размер 12, цвет «#2583b7».
C сайдбаром закончили, переходим к контенту.
Не стану рассказывать вам, как я делал его, кому интересно посмотрят в файле проекта, или попробуют сами повторить.
Желательно всегда заполнять шаблон, что бы посмотреть, как он будет выглядеть в рабочем состоянии.
Это было лирическое отступление, продолжим, ведь осталось совсем не много, а именно футер.
Я долго думал, каким его сделать. И вот, что получилось:
Все предельно просто и аккуратно, слева копирайт, справа счетчик. Стиль для футера можно найти в моей подборке стилей.
По окончанию 3-х уроков мы имеем:
Файлы проекта на данном этапе.