Подчеркивание при наводке на ссылку курсором - Форум
Страница 1 из 11
Форум » Форум веб мастеров » uCoz » Подчеркивание при наводке на ссылку курсором
Подчеркивание при наводке на ссылку курсором

BALCETUL
VIP
Сообщений 729
+
+3772
-
Ваши награды 4
BALCETUL написал: В ответ пользователя BALCETUL Написано 25 Сентября 2014 в 20:00
Сообщение № 1
Кто может порописать стиль на этой страничке? Чтобы при наводке курсора на ссылку ссылка подчеркивалась...


код страницы:
Код
<style>
.body {color: #fff;}
a {color: #fff; font-size:16px;}
a:hover {text-decoration: none;}
.download {color:red;}
.download a {color:#369;}
</style>

<div style="border:1px solid #778899; background:#6186ad; -webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px; padding:4px; position:center;">
  <span style="padding:3px; color: #fff;">

<noindex><div align="center">
<table width="50%">
  <tr>
Последние моды для Farming Simulator 2013
  <td>  
$MYINF_9$
</td>
  </tr>  
  </table>  
</div></noindex>
   
</span>
</div>  

<br>

<div style="border:1px solid #778899; background:#f4f4f4; -webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px; padding:4px; position:center;">
  <span class="download">
<center>
<script type="text/javascript">
function ono(name)
{
  var start=location.search.indexOf("?"+name+"=");
  if (start<0) start=location.search.indexOf("&"+name+"=");
  if (start<0) return '';
  start += name.length+2;
  var end=location.search.indexOf("&",start)-1;
  if (end<0) end=location.search.length;
  var go='';
  for(var i=start;i<=end;i++)
  {
  var c=location.search.charAt(i);
  go=go+(c=='+'?' ':c);
  }
  return unescape(go);
}
{
  document.write('<a href='+ono('link')+'><h2>Download - Скачать</h2></a>');
document.write("<p>Не знаете как установить мод, тогда посетите эту <a href='http://gameste.at.ua/forum/9-14-1#19' target=_blank>страницу</a> или задайте вопрос на форуме.</p>");
document.write("<p>Не знаете как скачивать с максимальной скоростью Яндекс диска? тогда посетите эту <a href='http://gameste.at.ua/forum/9-20-1#26' target=_blank>страницу</a> или задайте вопрос на форуме.</p>");
document.write("<p>Не знаете как добавить много денег? для (Farming Simulator 2013) тогда посетите эту <a href='http://gameste.at.ua/forum/9-21-1#27' target=_blank>страницу</a> или задайте вопрос на форуме.</p>");

  document.write('');
}
</script>
</center>
  </span>
</div>

Добавлено (25.09.2014, 20:00)
---------------------------------------------
разобрался

«Пред. тема След. тема»

Paul
Пользователи
Сообщений 12
+
0
-
Ваши награды 0
Paul написал: В ответ пользователя Paul Написано 19 Ноября 2014 в 03:04
Сообщение № 2
Цитата
<style>  
.body {color: #fff;}  
a {color: #fff; font-size:16px;}  
a:hover {text-decoration: none;}
  
.download {color:red;}  
.download a {color:#369;}  
</style>


то что выделил замени на:

Цитата
a {color: #fff; font-size:16px;text-decoration: none;}  
a:hover {text-decoration: underline;}


псевдокласс :hover определяет состояние ссылки (или то, как себя будет вести ссылка), когда курсор будет наведен на непосредственно ссылку. Из этого следует, что нам нужно добавить к атрибуту text-decoration добавить значение (в твоем случае заменить "none") на underline.
Underline - подчеркивание текста.

Добавлено (19.11.2014, 03:04)
---------------------------------------------

В общем, необходимо к a:hover добавить (заменить) атрибут text-decoration со значением underline, чтобы при наведении на ссылку она подчеркивалась.
Итог:
Код
a {color: #fff; font-size:16px;text-decoration: none;}    
a:hover {text-decoration: underline;}
Форум » Форум веб мастеров » uCoz » Подчеркивание при наводке на ссылку курсором
Страница 1 из 11
Поиск:
Топ пользователей: