/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
a:hover i forskellige farver med CSS
Fra : Simonbk


Dato : 28-11-04 15:22

Hej igen,

Er der nogen der kender et trick - eller ved om det overhoved er
muligt - lave en hover-effekt i forskellige farver, således at
teksten hover rød et sted, gul et andet og blå et tredje sted?

På forhånd tak!

/Simon

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

 
 
Simon Lyngshede (28-11-2004)
Kommentar
Fra : Simon Lyngshede


Dato : 28-11-04 16:02

On Sun, 28 Nov 2004 14:22:12 +0000, Simonbk wrote:

> Hej igen,
>
> Er der nogen der kender et trick - eller ved om det overhoved er
> muligt - lave en hover-effekt i forskellige farver, således at
> teksten hover rød et sted, gul et andet og blå et tredje sted?
>

Du kan bare give dine CSS tag forskellige navne

<a href="" class="tag1">En farve</a>
<a href="" class="tag2">En anden farve</a>

a.tag1:hover{
color: FARVE1;
}

a.tag2:hover{
color: FARVE2;
}


--
Simon Lyngshede
simon@giraf.spiceweasel.dk
Remove long necked animal.


Knud Gert Ellentoft (28-11-2004)
Kommentar
Fra : Knud Gert Ellentoft


Dato : 28-11-04 16:05

Simonbk skrev:

>Er der nogen der kender et trick - eller ved om det overhoved er
>muligt - lave en hover-effekt i forskellige farver, således at
>teksten hover rød et sted, gul et andet og blå et tredje sted?

Mon ikke du burde kigge lidt rundt omkring på html.dk, når du nu
bruger siden?

http://www.html.dk/tutorials/css/lektion6.asp
http://www.html.dk/tutorials/css/lektion7.asp
--
Knud
Topposter du svar, så ryger du på min ignoreringsliste.
Svar under det du citerer og citer kun det du svarer på - tak.
http://usenet.dk/netikette/citatteknik.html

Jesper Frandsen (28-11-2004)
Kommentar
Fra : Jesper Frandsen


Dato : 28-11-04 16:09


"Simonbk" <simonbk@hum.ku.dk> skrev i en meddelelse
news:41a9df14$0$66394$14726298@news.sunsite.dk...

> ... lave en hover-effekt i forskellige farver, således at
> teksten hover rød et sted, gul et andet og blå et tredje sted?

Du kan lave lige så mange :hover klasser som du vil, du skal blot give dem
nogle klassenavne (class):

Evt:

Linktype 1 (alm. links):

a:link, a:visited, a:active { egenskaber}
a:hover {egenskaber}

Linktype 2:

a:flink, a:fvisited, a:factive {egenskaber}
a:fhover {egenskaber}

Og så linker du på følgende måde til alle de links som ikke skal være
standard (Linktype 1)

<a class="flink" href="din_side.htm">Din Side</a>

osv.

--
Jesper Frandsen

http://www.9am.dk/
Din guide til Hjemmesiden





Peter Anskjær (28-11-2004)
Kommentar
Fra : Peter Anskjær


Dato : 28-11-04 16:22

"Simonbk" <simonbk@hum.ku.dk> skrev i en meddelelse
news:41a9df14$0$66394$14726298@news.sunsite.dk...
> Hej igen,
>
> Er der nogen der kender et trick - eller ved om det overhoved er
> muligt - lave en hover-effekt i forskellige farver, således at
> teksten hover rød et sted, gul et andet og blå et tredje sted?
>
mon ikke man kunne lave noget som:
<a href="link">gul<span class="red">rød</span><span
class="green">grøn</span></a>

og i css:
a {
color: #000;
}
a:hover {
color: #ff0;
}
a:hover .red {
color: #f00;
}
a:hover .green {
color: #0f0;
}

> På forhånd tak!
>
Selv tak. Hele understregningen bliver gul i dette tilfælde, hvis du
tilføjer text-decoration: underline; til red og green får du forskellige
farver. Linkkoden er ikke særligt læsbar, men effekten er der.

Mvh
Peter



Peter Anskjær (28-11-2004)
Kommentar
Fra : Peter Anskjær


Dato : 28-11-04 17:10

"Peter Anskjær" <peter@_fjern_dette_nskjaer.dk> skrev i en meddelelse
news:41a9ed23$0$86734$edfadb0f@dread11.news.tele.dk...
>
>> På forhånd tak!
>>
> Selv tak. Hele understregningen bliver gul i dette tilfælde, hvis du
> tilføjer text-decoration: underline; til red og green får du forskellige
> farver. Linkkoden er ikke særligt læsbar, men effekten er der.
>
Jeg har muligtvis misforstået spørgsmålet, det kan Simon nok fortælle.

Mvh
Peter



Søg
Reklame
Statistik
Spørgsmål : 177552
Tips : 31968
Nyheder : 719565
Indlæg : 6408849
Brugere : 218887

Månedens bedste
Årets bedste
Sidste års bedste