Как сказал один человек “Сколько шрифты не выставляй, все равно найдется человек, который изменит их размер в своем браузере”. Мысль верна. Но что если предложить пользователю изменить размер шрифтов прямо на сайте? Технология проста и не нова, однако сейчас про нее немного забыли.
Итак, первым делом базовый CSS-файл, который будет использоваться по умолчанию:

/* default font size*/
@import […]

Комментариев:6 »

Предположим у нас есть ссылка вида: <a href=”someurl.com” >. Ни что не запрещает нам добавить к ней атрибут icon со значением “out” <a href=”someurl.com” icon=”out”>, а потом описать его в стилях:
a[icon ^=”out”] {
padding-right: 20px;
background: transparent url(external.gif) no-repeat center right;
}
Ведь в описании селекторов четко говорится:
“шаблон E[foo~=”warning”]Сопоставляется любому элементу E, у которого значением атрибута “foo” является список значений, […]

Комментариев:10 »

Сегодня при верске темы столкнулся с проблемой. Дело в том, что мне необходимо, чтобы перед заголовком поста стоял квадратик.
 

 
Казалось бы ничего сложного - вставляешь картинку в фон заголовка и дело в шляпе:

h1 { background: url(’картинка’) no-repeat left;}
Однако, что будет, если мы увеличим или уменьшим шрифт в браузере? Заголовок изменит свой размер, а картинка отстанется такой же. А […]

Комментариев:16 »

Итак, в продолжении темы CSS привожу еще один пример оформления
Думаю пояснения будут лишними. Да цель моя не научить кого-то (кому надо - научится сам), а поделиться мыслями.
Кроме того, этот вид оформления (назовем его “стикером”) можно использовать для вывода цитат или всего что угодно.
В WordPress’е есть замечательная опция, называемая “произвольные поля.” Как и что с ними […]

Комментариев нет »

Существует несколько способов выделения ссылок. И хотя как бы не советовали ученые мужи оставлять ссылки в их первоначальном девственно-синем цвете, большая часть населения сети этот совет игнорируют. А посему и мы исключением не будем.

Начнем, пожалуй со стандарта. Существует четыре состояния ссылки:

link - состояние покоя
visited - посещенная ссылка
active - активная, т.е. выделенный мышкой, но с убранным […]

Комментариев:5 »

Устав от php-кода, мой взгляд упал на таблицу стилей. И тут я задумался… А ведь здесь можно целую эпопею написать! В связи с этим, родилась мысль написать несколько статей о CSS, в которых рассказать о нескольких интересных приемах оформления, и которые я посвящаю своему другу Alex’y (а то он при упоминании о таблице стилей падает […]

Комментариев:6 »