Div. codes voor links

Plaats onderstaande code in 'wijzig mijn stylesheet'

Er kunnen 2 verschillende codes worden toegevoegd aan stylesheet. Een code voor een afbeelding/foto als achtergrond of een code voor één en dezelfde kleur als achtergrond. De eerste code is voor een afbeelding/foto en de tweede code is voor één en dezelfde kleur.

a:hover {background-image:url(hier komt de afbeeldings-URL);}
a:hover {background-color: hier komt de gewenste kleur, zoals pink, blue, black}

Plaats onderstaande code in 'wijzig mijn stylesheet' voor  een foto/afbeelding als achtergrond:

ahover.jpg

Plaats onderstaand code in 'wijzig mijn stylesheet' voor één en dezelfde kleur als achtergrond:

ahover2.jpg

Als alles (na wens) is ingevuld hoeft men alleen nog op 'opslaan' te klikken.

Dan hebben we nog een code voor randen rondom de links:

Plaats ook onderstaande code in 'wijzig mijn stylesheet'

a:hover {border-color:#666666; border-width:2px; border-style: solid;BORDER-BOTTOM: #666666 2px solid;}

De blauwe codes geven de randen een gewenste kleur. De paarse benaming kan worden veranderd waardoor de randen een ander uiterlijk krijgen.

Je kunt kiezen uit: outset, inset, solid, double, groove, dashed, ridge, dotted 

ahover3.jpg

Met de oranje waarde geef je aan hoe dik de bovenstaande vormgeving van je randen moeten zijn. Verhoog het getal en de randen worden breder. Als alles (na wens) is ingevuld hoeft men alleen nog op 'opslaan' te klikken.

PS: de code voor de randen rondom de links kunnen worden gecombineerd met één van bovenstaande codes. Code voor de achtergrond foto/afbeelding of code voor achtergrond in één en dezelfde kleur.

Liefs moo89

466 x gelezen, 0

reacties (0)