Это цитата сообщения
Donadecasa Оригинальное сообщениеСсылки выглядят так скучно:
подчеркнутый текст или мудреный адрес...
А ведь можно сделать свои ссылки интересными и красивыми. Для этого достаточно прописать свой стиль для каждой. Вот шаблон кода:
...
Что вставлять в кавычки после 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; (к примеру):
- Так будет лучше видно, правда?
Что еще осталось, курсоры? Об этом я уже рассказывала
здесь.
Удачных вам ссылок!!!