• Авторизация


Посылайте красиво)) 29-01-2006 23:24 к комментариям - к полной версии - понравилось!

Это цитата сообщения 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; (к примеру):

Так будет лучше видно, правда?


Что еще осталось, курсоры? Об этом я уже рассказывала здесь.

Удачных вам ссылок!!!
вверх^ к полной версии понравилось! в evernote


Вы сейчас не можете прокомментировать это сообщение.

Дневник Посылайте красиво)) | Zico - Дневник Zico | Лента друзей Zico / Полная версия Добавить в друзья Страницы: раньше»