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


Фотогалерея для сайта на HTML / CSS

Данный материал содержит пример реализации простой красивой фотогалереи для сайта на чистом HTML5 / CSS. Изображения выводятся ненумерованным списком, при наведении на картинку курсора мышки пользователям в накладываемом поверх неё слое будет отображено описание картинки. Выглядеть все это будет примерно так, как показано на следующем скриншоте окна браузера:

Фотогалерея для сайта на HTML

Скачать рабочий пример
(далее…)

Опубликовано 9-08-2013 в 14:38

Минималистичные HTML шаблоны. Свежая подборка.

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

1. HTML шаблон Symfoni

HTML шаблон Symfoni

Для верхнего главного меню сайта доступны краткие описания. Слайдер анимирован простым съезжанием картинок справа налево. Напротив логотипа, представленного текстом есть несколько иконок социальных сетей, оформленных в общем стиле данного дизайна. Помимо главной сверстаны ещё несколько страниц, в т.ч. с типографикой.

Скачать
(далее…)

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

Как прижать 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













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

  • krasnov8953: к записи Не работает как мне кажется строчка $newTvId = $ »
  • Dimanski: к записи ничего не понимаю. Ставлю ModX на хостинг r01.ru »
  • Дмитрий: к записи Спасибо! Очень выручили. С битриксом беда, а прав »
  • леонид: к записи как сделать что были в ряд? у меня получается по о »
  • Администратор: к записи Статический IP. »
  • Steel: к записи Администратор, вы данную проблему решили подключен »
  • Дмитрий: к записи Хотел узнать как прикрутить данное окно (http://re »

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