Помощь с еффектом ссылки

sashalife sashalife   05.08.2013 23:53   155  
Ребята помогите поставить эффект ссылки. В моём меню ссылки выглядят примерно так :

<a href="https://pr-cy.ru/jump/?url=%2F" style="padding:2px; font-size:15px; color:#336699;" class="bg-animation">Ссылка</a>

Естественно что каждая ссылка имеет свой цвет и размер. Помогите сделать еффект наведения (подчёркивания, обводка, сдвиг) очень желательно цветом...

Возможности работать в CSS файле нет !

Ответы на вопрос (6) Написать ответ
a1alex a1alex   06.08.2013 00:14
пропишите стиль внутри тега
<head>
 <style> 
a.mylink:hover {text-decoration:underline;}
 </style> 
<body>
<a class="mylink" href="https://pr-cy.ru/jump/?url=%2F">Ссылка</a>
</head>
0
a1alex a1alex   06.08.2013 00:15
опечатался выше...
<head>
 <style> 
a.mylink:hover {text-decoration:underline;}
 </style> 
</head>
<body>
<a class="mylink" href="https://pr-cy.ru/jump/?url=%2F">Ссылка</a>
0
sashalife sashalife   06.08.2013 00:20
Можно ли это подчёркивание прописать в самом коде ссылки ?
0
a1alex a1alex   06.08.2013 00:39
В самом коде нельзя.
А чем не устраивает мой вариант? Он не подразумевает использование внешних css файлов
0
sashalife sashalife   06.08.2013 00:48
Вариант супер Я его уже реализовал за что отдельное и ОГРОМНОЕ спасибо! Но мне бы хотелось увидеть ссылки например одну с стилем {text-decoration:underline;}, другую например {text-decoration:none;} ну и т.д. На что хватит возможности и фантазии :))
0
aliiix aliiix   06.08.2013 04:06
<style type="text/css"> a {text-decoration:none;}a.underline:hover {text-decoration:underline;}a.opacity:hover {opacity:0.5}a.background:hover { background-color:#CEE7FF}</style></head>
<body>Эффект при наведении: <a href="https://pr-cy.ru/jump/?url=javascript%3A%3B" class="underline">подчеркивание</a>, <a href="https://pr-cy.ru/jump/?url=javascript%3A%3B" class="opacity">прозрачность</a>, <a href="https://pr-cy.ru/jump/?url=javascript%3A%3B" class="background">фон</a> и <a href="https://pr-cy.ru/jump/?url=javascript%3A%3B" class="opacity underline background">все вместе</a>.
0

Войдите, чтобы написать ответ
Вход Регистрация