Помощник
 |
|
|
|
|
Сообщение сайта
|
 Гиперссылки, Гиперссылки на картинке в шапке |
VostrVL
|
Сообщение
#1
|
||
|
Участник  Группа: User Сообщений: 105 Регистрация: 10.3.2012 Поблагодарили: 13 раз Репутация:  0 
 |
|
||
 |
|
||
Burn282
|
 17.4.2012, 18:37;
Ответить: Burn282
Сообщение
#2
|
 Новичок Группа: User Сообщений: 33 Регистрация: 12.4.2012 Из: Москва Поблагодарили: 11 раз Репутация: 7
|
(VostrVL @ 16.4.2012, 21:41)  Здравствуйте, форумчане. Подскажите, пожалуйста, как сделать гиперссылку в шапке (пример _http://www.rusmedserver.ru) чтоб именно текст на фоне картинки в шапке был ссылкой и менял цвет при наведении мыши. В инете искал, встречал лишь как делать именно ссылки - заключать в теги, либо ссылку с картинки. Буду благодарен. Кодировка html не меняется в зависимости от шаблона, в котором расположен текст, так что - <head>
<meta charset="utf-8"> <title>Цвет ссылок</title> <style> a { color: #008000; /* Цвет обычной ссылки */ text-decoration: none; /* Убираем подчеркивание у ссылок */ } a:visited { color: #800080; /* Цвет посещённой ссылки */ } a:hover { color: #800000; /* Цвет ссылки при наведении на нее курсора мыши */ text-decoration: underline; /* Добавляем подчеркивание */ } </style> </head> <body> <p><a href="rome.html">Наша ссылка</a> — Наш текст</p> </body> Сообщение отредактировал Burn282 - 17.4.2012, 18:38 -------------------- |
|
|
|
|
Skreep
|
17.4.2012, 19:46;
Ответить: Skreep
Сообщение
#3
|
|
 Новичок Группа: User Сообщений: 37 Регистрация: 27.3.2012 Из: Саратов, РФ Поблагодарили: 14 раз Репутация: 3
|
<div id="header"> <a href="ссылка" title="описание">Тык!</a> </div> #header { background:url('../images/header.png'); } #header a { color: black; } #header a:visited { color: gray; } #header a:hover { color: red; } #header a:active { color: green; }
-------------------- |
|
|
|
|
|
|
|
|
Текстовая версия | Сейчас: 25.4.2024, 18:19 |
