|
| 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 |
| | |
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
| |
|
|