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

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



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



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


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



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

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

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

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



Все предельно просто и аккуратно, слева копирайт, справа счетчик.

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



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

Добавлено: 02 Марта 2015 22:05:19 Добавил: Андрей Ковальчук Нравится 0

Добавить