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



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

С прошлого урока дизайн немного изменился. Все правки вы найдете в прилагающихся файлах проекта.

На данный момент мой вариант дизайна выглядит следующим образом:

template4

А осталось нам нарисовать совсем не много, вывод полного поста и дизайн комментариев.

Приступим

Для начала я совсем не много уменьшил блок контента с текстом в высоту, убрал ссылку справа: «Ваш комментарий», а так же убрал ссылку «Читать дальше» и поднял вверх ссылки на соц. закладки. После добавил строку с тегами, рубриками и список похожих постов.

Получилось следующие:

full_post_1

Осталось добавить вывод комментариев.

Я люблю, когда комментарии идут с чередованием цвета фона, в данном случае это будет синий(#1480ba) и желтый(#f0de14), прозрачность для них я поставил на 5%.

Вот, что у меня получилось:

full_post_2

На этом все. В ближайшее время выложу стать по верстке. Ждите.

Файлы проекта.



    None Found

Теги: ,

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