как сделать активную ссылку?

26

М.Сергей

8 ноября 2006, 13:34

4388

отцы web, или лучше так акулы web-программирования!

подскажите, как сделать в html при наведении ссылку (картинку), чтобы она либо слегка затемнялась (тускнела) либо выделалась другим фоном?

пасиба!

42

corpse

8 ноября 2006, 13:35

#1

в css прописать....

108

Bush

8 ноября 2006, 13:40

#2

a {background:url(image.gif) no-repeat}

a:hover {background:url(image2.gif) no-repeat}

МС

26

М.Сергей

8 ноября 2006, 13:40

#3

круто!! а как?

вот например есть сайт www.webempire.ru , весь статический, сам пока только начинаю, хочется немножко красоты добавить, флэш-не знаю... но собираюсь учить...

что нужно прописать, чтобы при наведении на например пункты меню, картинка выделялась бы красным фоном?

165

Mmonger

8 ноября 2006, 13:41

#4

М.Сергей:
отцы web, или лучше так акулы web-программирования!

подскажите, как сделать в html при наведении ссылку (картинку), чтобы она либо слегка затемнялась (тускнела) либо выделалась другим фоном?

пасиба!

a{color:#ff0000;background:#0000ff}

a:hover{color:#0000ff;background:#ff0000}

Всё будет хорошо, но мы приложим усилия!

O

46

Orlangur

8 ноября 2006, 13:41

#5

Тут смотрите. Да и вообще сайтик изучите...

Я иногда на их форум после умакса захожу, и даже не верится, что на обоих форумах в принципе одинаковые люди из одной страны :)

64

Sadie

8 ноября 2006, 13:41

#6

В коде:


<a href="..." class="menu" target="_top">...</a>

В CSS:


a.menu:link{color:white;}
a.menu:visited{color:white;}
a.menu:active{color:black;}
a.menu:hover{color:black;}

Новости без комплексов (http://www.kompleksov.net/) | ЖЖ (http://sad-sadie.livejournal.com/)

165

Mmonger

8 ноября 2006, 13:45

#7

М.Сергей:

что нужно прописать, чтобы при наведении на например пункты меню, картинка выделялась бы красным фоном?

Смотря какую картинку, если саму картинку с пунктом меню, то стилем, если в другом месте - яваскриптом, предварительно задав картинке id.

МС

26

М.Сергей

8 ноября 2006, 13:46

#8

Bush:
a {background:url(image.gif) no-repeat}
a:hover {background:url(image2.gif) no-repeat}

спасибо!

попробую!

МС

26

М.Сергей

8 ноября 2006, 13:48

#9

спасибо всем за оперативность!

мне нравится этот форум!!!!!

МС

26

М.Сергей

8 ноября 2006, 15:07

#10

Orlangur:
Тут смотрите. Да и вообще сайтик изучите...
Я иногда на их форум после умакса захожу, и даже не верится, что на обоих форумах в принципе одинаковые люди из одной страны :)

спасибо :)

Переиграть и победить: как анализировать конкурентов для продвижения сайта

В 2023 году Одноклассники пресекли более 9 млн подозрительных входов в учетные записи