PHPhulp.nl PHPhulp.nl
35k+ leden Over PHPhulp Offerte opdracht Contact
A

kleuren van link ...

Door Altin op 08-04-2006 21:30
274 views
stomme vraag wss :P
maar ik weet niet hoe je dit doet :D
ik heb deze css
a:link{
color:#ffbc01;}
a:visited{
color:#ffbc01;}
a:active{
color:#ffbc01;}
a:hover{
color:#ffbc01;}

nu wil ik dat somige links deze kleuren hebben :
a:link{
color:#ffbc02;}
a:visited{
color:#ffbc02;}
a:active{
color:#ffbc02;}
a:hover{
color:#ffbc02;}

Hoe zet ik deze dan in een class ofzoiets ?
Biij voorbaat denk :)
A
ArendJan
08-04-2006 21:37
Dan moet je allebei de "bestandjes" een naam geven bv. color1 en color2 ...

dan maak je ze zo op:

color1{

a:link{
color:#ffbc01;}
a:visited{
color:#ffbc01;}
a:active{
color:#ffbc01;}
a:hover{
color:#ffbc01;}

}

en

color2{

a:link{
color:#ffbc02;}
a:visited{
color:#ffbc02;}
a:active{
color:#ffbc02;}
a:hover{
color:#ffbc02;}

}

en dan roep je ze bij de betreffende links zo op:

<div class='color1'>

of <div class='color2'>

A
Altin
09-04-2006 11:04

tnx :) maar nee, dit had ik al geprobeert, maar het werkt niet ... ze staan niet eens in de lijst met classes in dreamweaver :(

imnd nog sugesties aub ?
M
Mebus Hackintosh
09-04-2006 11:10
a.menu:link
a.menu:visited
a.menu:active
a.menu:hover

<a href="" class="menu"></a>

GR. mebus!
Jan Koehoorn
09-04-2006 11:18
Als je een aparte class wilt maken voor links met een andere kleur, ga je zo te werk:


  a:link, a:visited {
    /* kleur1 */
  }
  a:hover, a:active {
    /* kleur2 */
  }

  a.special:link, a.special:visited {
    /* kleur 3 */
  }
  a.special:hover, a.specia:active {
    /* kleur 4 */
  }


Links die je nu anders dan standaard wilt kleuren geef je de class special mee:

<a href="#" class="special">
A
Altin
09-04-2006 16:38
nice :)
ik zie het
bedankt :D

Reageren

Inloggen om te reageren