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


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

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

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

(далее…)

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

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

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

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

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

(далее…)

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

Internet Explorer и box-shadow

Итак, для того, чтобы Microsoft Internet Explorer версии от 8.x и младше начал поддерживать свойство CSS3 под названием box-shadow читателю понадобиться скачать специальный файл с сайта http://css3pie.com.

PIE - progressive Internet Explorer

Вот так будут выглядеть стили:

.test {
  border: solid 5px #08a7e6;
  border-radius: 20px;
  box-shadow: 0 0 10px rgba(8,167,230,0.5);
  behavior: url("PIE.htc"); /* IE < 9 */

(далее…)

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

Border-radius в IE

Как известно браузер Microsoft Interner Explorer  аж до 9-ой версии не поддерживает ряд свойств стандарта CSS3. Одним из самых часто-используемых является border-radius.

Итак, сегодня я покажу вам, как можно «научить» IE отрисовывать скругленные уголки.

IE border-radius

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

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

CSS кнопки: генератор

Сколько времени вы тратите на ручное создание кнопок на HTML? Веб-сервис http://www.cssbuttongenerator.com/ поможет вам сэкономить ресурсы. Он представляет из себя бесплатный инструмент для генерации кроссбраузерных CSS кнопок.

HTML кнопки на CSS - генератор

(далее…)

Опубликовано 14-06-2013 в 12:59

HTML шаблоны для сайта

Заметка представляет собой подборку из нескольких минималистичных HTML шаблонов для сайта от верстальщиков проекта FreeCSSTemplates.org, которые были собраны в 2012-2013 годы.

1. HTML шаблон Angled Theme

HTML шаблон для сайта Angled-Theme

Яркий синий шаблон для главной страницы сайта произвольной тематики. Сверху есть область под прикрепленный контент (выделена серой линией), снизу есть два блока под новостные сводки проекта.

Просмотреть Скачать
(далее…)

Опубликовано 14-05-2013 в 13:50

Для чего нужен HTML тег base

Итак, HTML тег <base> располагается между тегами <head>. Он служит для задания базовой ссылки. Последняя задается атрибутом  href. Там чаще всего указывается линк вида «http://www.example.com».

Пример 1: назначаю базовый линк, равный «http://red-book-cms.ru». Линк откроется по адресу http://red-book-cms.ru/dlya-chego-nuzhen-teg-base-href-http-example-com.html:

<!DOCTYPE HTML>
<html>
<head>
  <meta charset="utf-8">
  <title>Использование тега BASE</title>
  <base href="http://red-book-cms.ru"> 
</head>  
<body> 
  <p><a href="dlya-chego-nuzhen-teg-base-href-http-example-com.html">Ссылка</a></p>
</body>
</html>

(далее…)

Опубликовано 2-04-2013 в 15:53













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

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

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