Каталог статей
Меню сайта

Категории статей
Это интересно [3]
web-дизайн [9]

Форма входа

Поиск по статьям


» Каталог статей » web-дизайн
Посылайте красиво

Посылайте красиво
Ссылки выглядят так скучно: подчеркнутый текст или мудреный адрес...
А ведь можно сделать свои ссылки интересными и красивыми. Для этого достаточно прописать свой стиль для каждой. Вот шаблон кода ссылки:
<a href="" style="">...</a>

Что вставлять в кавычки после a href вы знаете, это адрес. А вот в кавычках после style можно написать и фон, и курсор, и шрифт... Все, что вам подскажет фантазия! А правила подскажу я.
Итак, для начала избавимся от подчеркивания: text-decoration: none;
Результат: Эта ссылка не подчеркнута.
Теперь изменим цвет ссылки: color: #00E800;
Получится ссылка зеленого цвета: Эта зеленая ссылка не подчеркнута.
Сделаем для ссылки фон: background: #C0C0C0;
Наша зеленая ссылка на сером фоне: Вот так.
Фоном может быть и картинка, даже анимированный gif: background: url('http://img.liveinternet.ru/images/attach/2/5388/5388657_linkback.gif');
Чем больше текста, тем лучше виден фон: Вот такой простой текст ссылки с красивым фоном)).
И напоследок изменим шрифт: font-family: Mistral, Monotype corsiva;
Здесь главное не перестараться с экзотикой, прописать на всякий случай альтернативу: Просто ссылка, а намудрили-то!...
Чтобы увеличить шрифт, добавьте font-size: 16pt; (к примеру):
Так будет лучше видно, правда?
Что еще осталось, курсоры? Об этом можно прочитать здесь. Удачных вам ссылок!!!

Источник: http://www.liveinternet.ru/journalshowcomments.php?journalid=698244&jpostid=11507509
Категория: web-дизайн | Добавил: donadecasa (26.03.2006) | Автор: Donadecasa
Просмотров: 2166 | Комментарии: 1 | Рейтинг: 5.0 |

Всего комментариев: 0
Имя *:
Email *:
Код *: