Avatar billede atman Nybegynder
16. januar 2003 - 23:34 Der er 17 kommentarer og
1 løsning

Samme linkfarve før og efter besøg?

Nogen tips til hvordan jeg for nogle enkelte links på siden kan have andre linkefarver end det hele siden er sat til og så samtidigt bevare den valgte farve efter link er visited?
Avatar billede n!nja Nybegynder
16. januar 2003 - 23:38 #1
Det kan du gøre vha af css. Her kan du finde nogle eksempler: http://www.html.dk/tutorials/css/lektion6.asp
Avatar billede sthen Nybegynder
16. januar 2003 - 23:53 #2
Du kan også angive det i dit body-tag, som f.eks.

<BODY LINK="#FFFFFF" VLINK="#FFFFFF" ALINK="#CCCCCC">

LINK er din "normale" link farve (for links der ikke er besøgt.
VLINK betyder visited links
ALINK betyder ACTIVE LINK
Avatar billede n!nja Nybegynder
16. januar 2003 - 23:55 #3
Indsæt dette mellem dine <head> tags:

<style>
a:link {
    color: #000000;
}
a:visited {
    color: #000000;
}
a:active {
    color: #000000;
}
a:hover {
    color: #000000;
}
</style>
Avatar billede atman Nybegynder
16. januar 2003 - 23:57 #4
Tak for link - men jeg mangler stadig at noget, som ikke fremgår. Specifik har jeg brug for koden til at have a:link hvid og a:visited hvid - og koden skal kun være gældende for eneklte links...ikke hel siden.
Avatar billede atman Nybegynder
17. januar 2003 - 00:00 #5
Prøvede sådan - men det virkede ikke:
<a href="http://www.mitlink.dk"
        style="a:link{text-decoration: none; color: #FFFFFF}" style="a:visited{color: #FFFFFF}">Hyperlink</a>
Avatar billede n!nja Nybegynder
17. januar 2003 - 00:04 #6
Prøver lige at lave et eksempel...
Avatar billede n!nja Nybegynder
17. januar 2003 - 00:05 #7
<html>
<head>
<title>Link test</title>

<style>
a:link.test {
    color: #000000;
}
a:visited.test {
    color: #000000;
}
a:active.test {
    color: #000000;
}
a:hover.test {
    color: #000000;
}
</style>

</head>

<body>

Her er en <a href="#" class="test">test</a>
<br><br>
Her er en <a href="#">test</a> mere

</body>
</html>
Avatar billede sthen Nybegynder
17. januar 2003 - 00:06 #8
OK så laver du det i css

Skriv flg. i den css-fil
A.wu:link        {color:#FFFFFF; text-decoration:overline underline;}
A.wu:visited      {color:#FFFFFF; text-decoration:overline underline;}
A.wu:active      {color:#FFFFFF; text-decoration:overline underline;}
A.wu:hover        {color:#009933; text-decoration:overline underline;}

De links som denne kode skal virke på beskriver du så som f.eks.
<A CLASS="wu" HREF="http://www.din_side.dk">Klik her</A>
Avatar billede n!nja Nybegynder
17. januar 2003 - 00:06 #9
dvs. du skal bare indsætte class="test" i de links du ikke vil have skal ændre sig :-)

// N!NJA
Avatar billede atman Nybegynder
17. januar 2003 - 00:17 #10
prøver at forklare mig selv lidt mere, jeg ønsker GENERELT for hele siden:
Link= default (blue)
Visited= default (purple)
Active= red
Hover= default (blue) underline

Og SPECIFIKT for enkelte links på siden:
Link= white
Visited= white
Active= red
Hover= white underline
Avatar billede n!nja Nybegynder
17. januar 2003 - 00:21 #11
Det gør du sådan her:
----------------------


<html>
<head>
<title>Link test</title>

<style>
a:link.test {
    color: #FFFFFF;
    text-decoration:none;

}
a:visited.test {
    color: #FFFFFF;
    text-decoration:none;

}
a:active.test {
    color: #FF0000;
    text-decoration:none;

}
a:hover.test {
    color: #FFFFFF;
    text-decoration:underline;


}
</style>

</head>

<body>


Her er en <a href="#" class="test">test</a>
<br><br>
Her er en <a href="#">test</a> mere

</body>
</html>
Avatar billede n!nja Nybegynder
17. januar 2003 - 00:22 #12
dvs. de almindelige links ser sådan ud:
---------------------------------------
<a href="#">test</a>



Og de andre ser såldan ud:
--------------------------
<a href="#" class="test">test</a>
Avatar billede atman Nybegynder
17. januar 2003 - 00:24 #13
inden vi nu når en løsning - vil jeg lige sige at jeg opretter et tilsvarende spørgsmål så I begge kan få points - det mangler bare med den fede indsats :-)
Avatar billede atman Nybegynder
17. januar 2003 - 00:36 #14
n!nja<<< vi er kommet tæt på MEN jeg mangler stadig noget - så paster lige hvad jeg søger igen:
Link= default (blue)
Visited= default (purple)
Active= red
Hover= default (blue) underline

Og SPECIFIKT for enkelte links på siden:
Link= white
Visited= white
Active= red
Hover= white underline
Avatar billede atman Nybegynder
17. januar 2003 - 00:49 #15
er løsningen allerede givet og jeg er bare for "tykpandet"?
Avatar billede syvon Nybegynder
17. januar 2003 - 01:01 #16
<html>
<head>
<title>Link test</title>

<style>
.a:link {
    color: #FFFFFF;
    text-decoration:none;

}
.a:visited {
    color: #FFFFFF;
    text-decoration:none;

}
.a:active {
    color: #FF0000;
    text-decoration:none;

}
.a:hover {
    color: #FFFFFF;
    text-decoration:underline;

}
a:link {
    color: blue;
    text-decoration:none;

}
a:visited {
    color: purple;
    text-decoration:none;

}
a:active {
    color: red;
    text-decoration:none;

}
a:hover {
    color: blue;
    text-decoration:underline;


}
</style>

</head>

<body BGCOLOR="#C0C0C0">


Her er en <a href="#" class="a">test</a>
<br><br>
Her er en <a href="#">test</a> mere

</body>
</html>
Avatar billede atman Nybegynder
17. januar 2003 - 01:07 #17
der var den sgu syvon! det virker nu - takker
Avatar billede syvon Nybegynder
17. januar 2003 - 01:10 #18
det var så lidt
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester