Главные темы. Последние записи с тегом «decorate». Страница 17

Сегодня 29 апреля, понедельник

Какой рейтинг вас больше интересует?

получить код

Главная /

Главные темы

Тэг «decorate»

Cloud

2011-01-20 20:48:59
Печатаю и вешаю на стенку.
+ развернуть текст сохранённая копия

Тэги: blog, decorate, electric, mind, wallpaper

Big Brother is watching you

2011-01-20 17:29:19
В век информационных воин, такой проект как wikileaks, не вызывает особого удивления. Материалы ...
+ развернуть текст сохранённая копия

Тэги: decorate, electric, mind, wallpaper, wikileaks

Big Ben

2011-01-20 11:29:39
Просто красиво.
+ развернуть текст сохранённая копия

Тэги: decorate, electric, mind, wallpaper

Подчеркивание ссылок (text-decoration)

2010-12-11 07:46:59
... : link { text-decoration: none; }decoration: underline;
} + развернуть текст сохранённая копия

Еще с самого начала развития Сети ярко-синий подчеркнутый текст сигнализировал: "Нажмите сюда и перейдете туда". Однако стандартные атрибуты подчеркивания и цветового оформления ссылок - это то, что в первую очередь изменяет любой веб-дизайнер. Подчеркивание - слишком распространенный способ выделения, который уже очень надоел. У нас есть возможность изменить ситуацию, одновременно обеспечив хорошее оформление ссылок.

Полное удаление подчеркивания. Чтобы убрать стандартное подчеркивание, используем свойство text-decoration со значением none:

   a : link { text-decoration: none; }

   Конечно полное удаление подчеркивания может смутить посетителей сайта. Если мы не предусмотрим каких то других визуальных подсказок, то наши ссылки будут выглядеть точно также, как и весь остальное текст веб-страницы. Если мы пойдем этим путем, то нужно обеспечить выделение текста ссылок каким-то другим способом, например, полужирным начертанием, цветом фона, подсказкой в виде рисунка или преобразованием ссылки в имитированную кнопку.

Добавление подчеркивания только при наведении на ссылку указателя мыши. Некоторые веб-дизайнеры убирают подчеркивание для всех ссылок, выделяют их каким то другим способом, а затем включают атрибут подчеркивания только при наведении указателя мыши. Чтобы обеспечить такой эффект, просто удалим подчеркивание ссылок, а затем повторно введем его в псевдокласс :hover:

a : link, a : visited
{
   text-decoration: none;
   background-color: #f00;
}

a : hover
{
   background-color: transparent;
   text-decoration: underline;
}

Использование свойства нижней границы. У нас есть возможность управлять цветом, толщиной или стилем стандартной линии подчеркивания ссылок, которое всегда отображается в виде линии толщиной 1 пиксел того же цвета, что и текст
Большего разнообразия можно добиться путем использования вместо подчеркивания свойства border-bottom
Скрыть обычное подчеркивание и добавить черту в виде пунктирной линии-границы можно следующим образом:

a : link
{
text-decoration: none;
border-bottom: dashed 2px #f55;
}

Чтобы увеличить пустой промежуток между текстом и границей, применяйте свойство padding.