CSS

Простой способ красиво показать title

Простой способ красиво показать описание ссылки при наведении / CSS Tooltip

Это, пожалуй, самый простой способ красиво показывать title ссылки. Причем, все полностью реализовано на CSS. Добавьте код ниже в ваш CSS файл: a:hover { background:#ffffff; text-decoration:none;} /*BG color is a must for IE6*/a.tooltip span {display:none; padding:2px 3px; margin-left:8px; width:130px;}a.tooltip:hover span{display:inline; position:absolute; background:#ffffff; border:1px solid #...
Делаем свой цвет выделяемого текст БЫЛО

Делаем свой цвет выделяемого текст

Этот простой эффект придаст индивидуальность вашему сайту - вместо стандартного выделения вы сможете задать свой цвет! Все что нужно - это добавьте в ваш css файл следующий код: ::selection { background: #50bc6b; /* WebKit, Opera, & IE9 */ color: white;}::-moz-selection { background: #50bc6b; /* Firefox */ color: white;} Естественно, вместо цвета фона "#50bc6b" укажите свой любимый цвет....
стиль гиперссылок и их реакция на наведение мышью

Изменяем стиль гиперссылок и их реакцию на наведение мышью

Поскольку весь Интернет строится на связях, то важным моментом становится стиль ссылки (например, якоря, или тега) как части общего дизайна сайта, стиля сайта и юзабилити. Есть так много вариаций изменения ссылок по типу, цвету, реакции на наведение, цветовым сочетаниям, что я думал, было бы интересно перечислить некоторые из них. Некоторые покажутся вам знакомыми, в то время как другие могут...
пиктограммы для текстовых ссылок на файлы с помощью CSS

Делаем пиктограммы для текстовых ссылок на файлы с помощью CSS

Как добавить картинку для соответствующего типа файла? Причем, не особо утруждаясь? Поможет CSS! http://pooliestudios.com/projects/iconize/ Version 0.5 Это небольшой подключаемый с сайту стилевой CSS файлик и папка с пиктограммами. Совместимость с Firefox (Mac & PC), Camino, Safari, Opera (Mac & PC) & Internet Explorer 7 (в 6 не работает)

Поделитесь этой страницей!

RSS-материал