HTML шаблоны сайтов и просто примеры / приёмы верстки.
Далее будет рассмотрен пример того, как можно прижать подвал / footer к низу страницы. Сразу отмечу, что способ этот стандартный, а значит кроссбраузерный, т.е. без всяких сомнительных CSS хаков. Даже в IE (по крайней мере в IE8) будет работать.
Посмотреть рабочий примерСмотрим скриншот:
Данный материал содержит достаточно объемный кусок CSS, который описывает пример создания объемной кнопки на HTML, реагирующей на нажатие мышкой эффектом вдавливания. Иными словами button при клике выделится цветом и чуть продавится «внутрь» веб-страницы.
Данная заметка содержит небольшой обзор готового шаблона для сайта под названием Cheese Mousso, который состоит из 4 прекрасно сверстанных веб-страниц.
На главной странице помимо двух колонок с последними новостями сайта и фотогалереей есть промо-область, где выделено место по краткое описание проекта и демонстрационный видеоролик.
Текущая заметка содержит пример разметки на HTML для получения трех-колоночной сетки с картинками, заголовками, описаниями и кнопками из ненумерованного списка с CSS фреймворком под названием Twitter Bootstrap.
Текущая заметка содержит пример верстки контактной формы для сайта средствами CSS фреймворка под названием Twitter Bootstrap. Стоит отметить, что дополнительных стилей здесь прописывать не понадобится.
Данная не самая информативная заметка содержит наипростейший, но вполне пригодный к использованию, пример разметки на HTML для создания кроссбраузерного линейного градиента с оттенками желтого и белого цветов.
Сегодня рассмотрим небольшой трюк для верстальщиков, который позволяет добиться вертикального выравнивания блока по центру, практически кроссбраузерного.
Пожалуй я начну с небольшой демострационной иллюстрации:
Свежие комментарии