💬
Logga in
Fuska.se

Hjälp Med Css Knappar

9 svar · startad

Trådstartare #1

Hej jag håller på med min sida och vill ha knappar som byter bild när man håller på dom.

För det ska bli länkar.

kan nån hjälpa mej?

#2

**** {

background-image:url(bild);

}

 

**** a:hover {

background-image:url(ny bild);

}

Trådstartare #3

Okej och sen hur gör jag dom länkade då?

#4

Jag skulle ha gjort hela j*vla layouten för dig.

 

Men sen så började du bara dampa. O.o

Senast ändrad:

#5
↗ till inlägget

Hej jag håller på med min sida och vill ha knappar som byter bild när man håller på dom.

För det ska bli länkar.

kan nån hjälpa mej?

 

 

↗ till inlägget
Okej och sen hur gör jag dom länkade då?

Så här ska det se ut i ditt CSS-dokument, width och height ska justeras till bildens storlek och // och det beskrivning som finns bakom den ska tas bort:

 

.valfrittnamn:link {                
background-image:url(bild);
display: block;
width: 100px;
height: 50px;
}

.valfrittnamn:visited {                
background-image:url(ny bild);
display: block;
width: 100px;
height: 50px;
}

.valfrittnamn:hover {                 
background-image:url(ny bild);
display: block;
width: 100px;
height: 50px;
}

 

Och så här formar du din länkknapp:

<a href="index.html" class="valfrittnamn"></a>

Senast ändrad:

23 Nov 2008
Trådstartare #6

Vad menar du med valfritt namn?

#7

Där i valfritt namn kan du skriva t.e.x next eller nästa :P

#8
↗ till inlägget

Vad menar du med valfritt namn?

.valfrittnamn:link i ditt CSS-dokument kopplar ihop den med class="valfrittnamn" i <a>-elementet i din HTML-dokument. valfrittnamn i CSS-dokumentet kan bytas ut mot ett annat namn, uttryck eller bokstav förutsatt att du lägger detsamma under class="" i <a>-elementet i din HTML-dokument.

 

T.ex.

 

.test:link

<a href="#" class="test">test</a>

 

.hitsugayaaeger:link

<a href="#" class="hitsugayaaeger">test</a>

 

osv.

Senast ändrad:

#9
.valfrittnamn:link i ditt CSS-dokument kopplar ihop den med class="valfrittnamn" i <a>-elementet i din HTML-dokument. valfrittnamn i CSS-dokumentet kan bytas ut mot ett annat namn, uttryck eller bokstav förutsatt att du lägger detsamma under class="" i <a>-elementet i din HTML-dokument.

 

En variabel med andra ord.

 

 

@TS:

 

Om du anger .hitsugayaaeger i CSS dokumentet blir det

 

class="hitsugayaaeger"

 

Om du anger #hitsugayaaeger i CSS dokumentet blir det

 

id="hitsugayaaeger"

 

 

.valfrittnamn a:link, a:visited, a:active {                
     
     background-image:url(bild);
     display: block;
     width: 100px;
     height: 50px;

}

 

Borde inte detta funka lika bra?

25 Nov 2008
#10
↗ till inlägget
.valfrittnamn:link i ditt CSS-dokument kopplar ihop den med class="valfrittnamn" i <a>-elementet i din HTML-dokument. valfrittnamn i CSS-dokumentet kan bytas ut mot ett annat namn, uttryck eller bokstav förutsatt att du lägger detsamma under class="" i <a>-elementet i din HTML-dokument.

 

En variabel med andra ord.

 

 

@TS:

 

Om du anger .hitsugayaaeger i CSS dokumentet blir det

 

class="hitsugayaaeger"

 

Om du anger #hitsugayaaeger i CSS dokumentet blir det

 

id="hitsugayaaeger"

 

 

.valfrittnamn a:link, a:visited, a:active {                
     
     background-image:url(bild);
     display: block;
     width: 100px;
     height: 50px;

}

 

Borde inte detta funka lika bra?

 

Varför inte en konstant?

 

Låt en konstig variant för H vara konstantterm för hitsugaya, ta sedan copyright på det!

Einsteins formel E = mc(i kvadrat) är full av konstanter. Man måste inte vara så dynamisk hela tiden.

Senast ändrad:

Vill du vara med i diskussionen?

Bli medlem Logga in