Статья 16. Блок «footer». Оформление блока.

Вернувшись к первоначальным урокам, а в частности к статье №2 (самое последнее изображение на странице), вы видите что один из слоёв блока «footer» у нас уже имеется.

Теперь достаточно стилизовать его что бы было какое то соответствие ( в данном макете) с «шапкой» сайта.  Я воспользуюсь «абстрактными» кистями и тонированием участка изображения.

После проведения необходимых «украшательств»  нижняя часть макета выглядит вот так.

Вот такой получился  ФОН блока «footer».  Мне совсем не нравится  место соединения  S-blok и «footer».  Для более симпатичного вида места соединения вставлю в «footer» вот такой кусочек  изображения.

Подниму его повыше. Получится вот так.

Мы сделали фон (background – footer) блока «подвал». Объединяю слои в один слой и сохраняю в папку «footer»

А сам макет нашего шаблона сейчас выглядит вот так.  Для просмотра в полный размер следует «кликнуть» в поле картинки.

Теперь осталось только лишь заполнить блок «подвал» содержимым.  Сделать разметку и согласно разметке внести в созданные блоки необходимые элементы. Сделаем это в следующей статье.  Удачи!  :)