Архив рубрики: html верстка

HTML верстка web страниц

В данном разделе расположены все новшества с работой Html верстки, которые помогут вам создать лучший адаптивный сайт! Читаем и учимся!

Как сделать — фиксированный/липкий заголовок

Как создать фиксированный заголовок при прокрутке Для удобства работы с сайтом часто разработчики используют фиксированную шапку сайта. Как сделать липки заголовок? достаточно просто, рассмотрим на примере: Шаг 1) добавить HTML: Пример <div class=»header» id=»myHeader»> <h2>My Header</h2> </div> Шаг 2) добавить CSS: Пример /* Style the header */ .header { padding: 10px 16px; background: #555; color: #f1f1f1; }/* Page content */ .content { padding: 16px; } /* The sticky… Читать далее »

Как сделать кликабельный телефон на сайте

С каждым годом стремительно растет количество интернет-пользователей, использующих мобильные платформы. И чтобы не потерять своего клиента, необходимо предоставить посетителю возможность позвонить прямо сейчас. Современные мобильные браузеры могут автоматически делать номер телефона на сайте кликабельным, но это работает не всегда (из-за разных написаний номера телефона). Наверное, многие из вас сталкивались с такой ситуацией, когда, заказывая какой-либо товар в интернет-магазине, приходилось уточнять… Читать далее »

Как сделать баннер для сайта?

Реклама — нужная вещь для любого сайта. Только стоимость инструментов для рекламы бывает выше дохода от нее. Вот тогда многие начинают мудрить, чтоб хоть немного сэкономить. Для таких «мудреных» мы и поведаем, как сделать баннер. Что такое баннеры Под баннером в интернете подразумевается прямоугольное рекламное изображение со статическим или динамическим (анимированным) содержимым. Баннер может включать в себя как текст, так… Читать далее »

Таймер для сайта e-timer.ru

 Таймер для сайта от e-timer Таймер для сайта — модуль от e-timer.ru — является бесплатным генератором таймера отсчета даты для сайта вашего сайта, который можно настроить онлайн. Подобные таймеры используют на сайтах в случае, если требуется необходимость показать посетителям сколько осталось времени до конца акции, начала мероприятия или окончания праздника. Таймеры обратного отсчета достаточно давно стали неотъемлемой частью Landing Page… Читать далее »

ASCII-коды символов

Название Символ ASCII Спец. Табулятор &#009; Перевод строки &#010; Возврат каретки &#013; Пробел &#032; Восклицательный знак ! &#033; Двойная кавычка « &#034; &quot; Знак решетка # &#035; Доллар $ &#036; Процент % &#037; Амперсанд & &#038; &amp; Одинарная кавычка ‘ &#039; Скобка левая круглая ( &#040; Скобка правая круглая ) &#041; Звездочка * &#042; Плюс + &#043; Запятая , &#044;… Читать далее »

Специальные символы HTML

Специальные символы HTML символ html-код десятичный код описание &nbsp; &#160; неразрывный пробел &ensp; &#8194; узкий пробел (еn-шириной в букву n) &emsp; &#8195; широкий пробел (em-шириной в букву m) – &ndash; &#8211; узкое тире (en-тире) — &mdash; &#8212; широкое тире (em -тире) &shy; &#173; мягкий перенос а́ &#769; ударение, ставится после «ударной» буквы © &copy; &#169; копирайт ® &reg; &#174; знак… Читать далее »

Особенности свойства height в процентах

В чем же особенности свойства height в процентах ? Из практики свойство height, если указать его в процентах, покажет высоту относительно родительского блока. Но на самом деле не все так красиво и просто. Естественно для произвольного div элемента height в процентом соотношении работать не будет! Сейчас наша цель – получить вёрстку такого вида: При этом блок в которой находиться левая стрелка должен быть… Читать далее »

4 способа определения мобильных устройств и экранов Retina

      Комментарии к записи 4 способа определения мобильных устройств и экранов Retina отключены

Как осуществить определение мобильных устройств? В наше время нам доступно большое множество различных мобильных браузеров и поэтому не будет лишним оптимизировать сайт и для мобилок. Но чтобы это сделать нам следует определить каким устройством пользуется человек открывший сайт. Существует несколько методов для этого которые мы и рассмотрим: 1. PHP User Agent При открытии браузером вашей страницы, он посылает данные о себе,… Читать далее »