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


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="/"> 
</head>  
<body> 
  <p><a href="dlya-chego-nuzhen-teg-base-href-http-example-com.html">Ссылка</a></p>
</body>
</html>

(далее…)

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

HTML шаблоны для сайта-резюме + PSD макеты

Небольшая подборка, состоящая из 5 HTML шаблонов для небольших одностраничных сайтов, которые обычно создаются под онлайн-резюме.

HTML шаблон Resume

HTML шаблон Resume

Дизайн выполнен в стиле бумажного листа формата A4, который закреплен поверх темно-синей обложки на металлической заклепке. В шаблон встроена кнопка Наверх и небольшое портфолио из картинок, всплывающих средствами JavaScript.

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

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

Шаблоны на HTML5: часть 3

Третья часть моей небольшой подборки красивых HTML5 шаблонов для сайтов различной тематики.

1. Interio:

HTML 5 шаблон Interio

В комплекте с титульной веб-страницей к этому HTML5 шаблону идут ещё четыре макета — для контактной формы, прайс-листа, описания услуг и каталога. Центральную область домашней page занимает текстура под дерево.

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

Опубликовано 26-03-2013 в 10:42



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

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

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

Blogroll:

  • купить. →

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