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


HTML фреймы — тег frameset

Данная заметка содержит несколько примитивных примеров использования фреймов в HTML — теги <frameset> и <iframe>. Напомню, что первый из них формирует структуру вторых на веб-странице.

Пример 1.

Три вертикальных фрейма: первый шириной под 300 пикселей, второй — 180 пикселей, а третий резиновый:

HTML фреймы - теги Frame и Frameset
(далее…)

Опубликовано 14-03-2013 в 16:00

Кроссбраузерный CSS градиент

Представляю читателям red-book-cms.ru пример CSS кода для создания по-настоящему кроссбраузерного CSS градиента. Цвет заливки пусть будет светло-зеленый, травянистого оттенка.

Internet Explorer:

Кроссбраузерный CSS градиент - Internet Explorer

(далее…)

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

Цветные CSS-кнопки ссылки

Пример реализации простых кнопок ссылок с градиентной заливкой зеленым, красным и синим цветами, а также закругленными краями. Проработаны стили «баттонов» при наведении курсора.

CSS кнопки-ссылки

Все комментарии в CSS разделены на следующие три части:

  • Default style — стиль кнопки по умолчанию.
  • Buttons — простые HTML кнопки-ссылки.
  • Buttons with a gradient — кнопки с градиентом.

(далее…)

Опубликовано 13-03-2013 в 15:13

Нумерованные списки в HTML

Сегодняшний материал включает в себя несколько простых примеров объявлений нумерованных списков в HTML. Итак, смотрим коды данной памятки по валидной верстке. (далее…)

Опубликовано 5-03-2013 в 14:14

Ненумерованные списки в HTML

Заметка содержит простые примеры создания ненумерованных списков в HTML. Итак, смотрим коды данной памятки по валидной разметке.

Ненумерованные списки в HTML

Одноуровневый ненумерованный список:

<ul>
  <li>Яблоки</li>
  <li>Груши</li>
  <li>Апельсины</li>
</ul>

Одиночный элемент списка выделяется конструкцией <li> и </li>. Начало и конец всего ненумерованного списка обрамляются тегами <ul> и </ul>. (далее…)

Опубликовано 4-03-2013 в 17:00

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

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

Simple

HTML5 шаблоны - Simple

Относительно простой (в сравнении с коммерческими продуктами) светлый HTML5 стиль от веб-дизайнеров с СhocoTemplates. Подвал и шапка голубого цвета, центральная область практически белая.

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

Опубликовано 28-02-2013 в 16:52

Красивые HTML кнопки-ссылки

Данная заметка представляет собой, разложенный «на запчасти» сниппет на CSS, который позволяет использовать красивые HTML кнопки-ссылки в двух цветовых схемах, как показано на картинке ниже:

HTML кнопки-ссылки
(далее…)

Опубликовано 28-02-2013 в 08:01













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

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

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