X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость ( Вход | Регистрация )

Открыть тему
Тема закрыта
> Гиперссылки, Гиперссылки на картинке в шапке
VostrVL
VostrVL
Topic Starter сообщение 16.4.2012, 21:41; Ответить: VostrVL
Сообщение #1


Новичок
*

Группа: Viewer
Сообщений: 5
Регистрация: 10.3.2012
Поблагодарили: 0 раз
Репутация:   0  


Здравствуйте, форумчане. Подскажите, пожалуйста, как сделать гиперссылку в шапке (пример _http://www.rusmedserver.ru) чтоб именно текст на фоне картинки в шапке был ссылкой и менял цвет при наведении мыши. В инете искал, встречал лишь как делать именно ссылки - заключать в теги, либо ссылку с картинки. Буду благодарен.
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Burn282
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


--------------------


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Skreep
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;
}


--------------------


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


 



RSS Текстовая версия Сейчас: 16.12.2017, 13:22
Дизайн