-Рубрики

 -Подписка по e-mail

 

 -Поиск по дневнику

Поиск сообщений в Xall

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 11.01.2005
Записей:
Комментариев:
Написано: 13603


Посылайте красиво))

Вторник, 31 Января 2006 г. 17:48 + в цитатник
Цитата сообщения 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; (к примеру):

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


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

Удачных вам ссылок!!!

 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку