bumagi.net

experience.bumagi.net

Статьи / Меню на основе списка

http://experience.bumagi.net/2010/ul_menu.html

Larr; к списку статей. 260410 (последнее изменение 01 декабря 2010). Меню на основе списка. Как с помощью CSS превратить список ссылок в горизонтальное меню. Допустим, у нас есть список ссылок на основные разделы сайта. (На нашем жаргоне меню первого уровня.). Div id=menu1 ul li a href=# О нас /a /li li a href=# Виртуальный хостинг /a /li li b Аренда серверов /b /li li a href=# Размещение серверов /a /li li a href=# Контакты /a /li /ul /div. Внутренним блокам. Вместо этого воспользуйтесь свойствами.

experience.bumagi.net

Статьи / HTML-теги (не закончена)

http://experience.bumagi.net/2010/html_tags.html

Larr; к списку статей. 071110 (последнее изменение 30 ноября 2010). Синтаксис. (Вторая статья из цикла «HTML»). Для чего нужны HTML-теги? HTML-теги придуманы для того, чтобы размечать текст. Поясню, что это значит. Латиницей в угловых скобках. Всякий тег имеет свое название. Названия эти происходят от английских слов и записываются без пробелов маленькими латинскими буквами. Иногда слова берутся целиком:. Хотя чаще используются сокращения:. Здесь имело бы смысл рассказать о. Открывающий тег и закрывающий.

experience.bumagi.net

Статьи / Печать веб-страницы

http://experience.bumagi.net/2010/print_version.html

Larr; к списку статей. 011110 (последнее изменение 13 ноября 2010). Как прикрутить к сайту версию для печати с минимальными усилиями. Сегодня понадобилось сделать версию для печати. Потратил час времени и получил бездну удовольствия от результата. Думаю, что будет не лишним поделиться своим способом создания принт-версий с моими дорогими читателями. Для начала давайте разберемся, что такое принт-версия, кому и когда она бывает нужна, и после этого нам станет понятно, какие к ней предъявлять требования.

experience.bumagi.net

Статьи / С чего начать

http://experience.bumagi.net/2010/mainbox.html

Larr; к списку статей. 240410 (последнее изменение 27 декабря 2010). Какую следует взять основу для верстки. Резиновая верстка c заданной минимальной шириной. Подвал прижат, фиксировання ширина, по центру экрана. Резиновая верстка, задана минимальная ширина, подвал прижат. Сейчас в моде семантическая верстка — таблицы повсеместно заменили дивами с батареей. Прижать подвал к низу окна браузера;. Сделать резиновую верстку;. Установить минимальную ширину сайта;. Высота подвала фиксирована;.

experience.bumagi.net

Статьи / Оформляем заголовки

http://experience.bumagi.net/2010/cufon.html

Larr; к списку статей. 010510 (последнее изменение 04 декабря 2010). Как написать текст любимым шрифтом. Простой способ — сделать картинку и вставить ее с помощью. Его мы не рассматриваем. Способ номер два — вставить ту же картинку. В этом случае нужно сделать такую разметку:. Div id=textAbout h1 span О компании /span /h1 /div. И задать такие стили:. TextAbout h1 {margin: 0;height: высота картинки px;background: url( путь к картинке ) no-repeat 0 0;} #textAbout h1 span {display: none;}. Ставим галочку в ...

experience.bumagi.net

Статьи / defaults.css

http://experience.bumagi.net/2010/defaults_css.html

Larr; к списку статей. 260410 (последнее изменение 03 декабря 2010). Какие стили пригодятся для любой верстки. В каждой своей работе я использую набор стилей, которые нужны для любого сайта. Этот файл я называл defaults.css. По сути, он выполняет функции. Но кроме того содержит ряд стилей, которые я использую в своих приемах верстки. Почему так а не иначе. Я присваиваю такой области класс. И возвращаю блокам внутри класса верхние и нижние отступы, которые были сброшены ранее. Остальные стили по-умолч...

experience.bumagi.net

Статьи / Маскирование

http://experience.bumagi.net/2010/fieldmask.html

Larr; к списку статей. 291010 (последнее изменение 02 ноября 2010). Как проверить значение поля формы на соответствие регулярному выражению. Существуют различные плагины ( masked input plugin. Позволяющие применить маску к полю формы. Но такая маска обладает одним недостатком — она привязывает к полю шаблон с фиксированным количеством символов. С помощью таких плагинов нельзя, например, создать поле для ввода десятичного числа с любым количеством знаков до и после запятой. Несколько слов о настройках.

experience.bumagi.net

Статьи / Оформляем выпадающие списки

http://experience.bumagi.net/2010/sbox_decorate.html

Larr; к списку статей. 100810 (последнее изменение 28 октября 2010). Как сделать селектбокс таким, каким его нарисовал дизайнер. Дизайнерам бесполезно говорить или напоминать о том, что селектбоксы невозможно стилизовать посредством css — все равно они рисуют их с рюшечками и прибамбасами. Чтобы реализовать всю красоту, воплощенную в дизайне, приходится писать скрипты. Когда-то я написал один такой скрипт, и он очень облегчает выполнение данной задачи. Не буду объяснять принцип работы. Теперь начинается ...