HTML шаблоны сайтов и просто примеры / приёмы верстки.


Как прижать footer к низу окна

Далее будет рассмотрен пример того, как можно прижать подвал / footer к низу страницы. Сразу отмечу, что способ этот стандартный, а значит кроссбраузерный, т.е. без всяких сомнительных CSS хаков. Даже в IE (по крайней мере в IE8) будет работать.

Посмотреть рабочий пример

Смотрим скриншот:

Как прижать footer на CSS

(далее…)

Опубликовано 12-07-2013 в 10:46

Объемная HTML кнопка

Данный материал содержит достаточно объемный кусок CSS, который описывает пример создания объемной кнопки на HTML, реагирующей на нажатие мышкой эффектом вдавливания. Иными словами button при клике выделится цветом и чуть продавится «внутрь» веб-страницы.

Объемная HTML кнопка

(далее…)

Опубликовано 25-06-2013 в 15:18

Готовые шаблоны для ваших сайтов — Cheese Mousso

Данная заметка содержит небольшой обзор готового шаблона для сайта под названием Cheese Mousso, который состоит из 4 прекрасно сверстанных веб-страниц.

Главная страница:

Готовые шаблоны сайтов - Cheese Mousso - главная страница

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

(далее…)

Опубликовано 19-06-2013 в 13:29

HTML: 3 колонки с картинками

Текущая заметка содержит пример разметки на HTML для получения трех-колоночной сетки с картинками, заголовками, описаниями и кнопками из ненумерованного списка с CSS фреймворком под названием Twitter Bootstrap.

Трех-колоночная сетка с превьюшками с Twiiter Bootstrap

(далее…)

Опубликовано 18-06-2013 в 15:00

Контактная форма на сайт

Текущая заметка содержит пример верстки контактной формы для сайта средствами CSS фреймворка под названием Twitter Bootstrap. Стоит отметить, что дополнительных стилей здесь прописывать не понадобится.

Контактная форма для сайта с Twitter Bootstrap

(далее…)

Опубликовано 18-06-2013 в 13:54

CSS: линейный градиент

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

CSS градиент линейный

(далее…)

Опубликовано 17-06-2013 в 16:09

Позиционирование в CSS: блок по вертикали по центру

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

Пожалуй я начну с небольшой демострационной иллюстрации:

Позиционирование в CSS - текст по вертикали по центру

(далее…)

Опубликовано 17-06-2013 в 15:45



Свежие комментарии

  • Администратор: к записи Николай, посмотрите файл '.htaccess' в корне сайта »
  • Николай: к записи Простите если немного не по теме. Я сделал экспорт »
  • Эрик: к записи Спасибо, помогло) 20 минут мучался) »
  • steblo: к записи спаисбо »
  • Иван: к записи Привет всем, доброго времени суток! Я излазил весь »
  • Александер: к записи Потом пригляделся, вроде Вы не это имели в виду и »
  • Александер: к записи У Вас не русифицируется, потому что не везде включ »

Статистика спама

Blogroll:

  • Поиск квартир в аренду на надежный вариант . Раскрутка сайта цены, elites раскрутка продвижение сайта . →

Последние твиты