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?
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?
**** {
background-image:url(bild);
}
**** a:hover {
background-image:url(ny bild);
}
Okej och sen hur gör jag dom länkade då?
Jag skulle ha gjort hela j*vla layouten för dig.
Men sen så började du bara dampa. O.o
↗ till inläggetHej 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äggetOkej 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>
Vad menar du med valfritt namn?
Där i valfritt namn kan du skriva t.e.x next eller nästa :P
↗ till inläggetVad 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.
.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?
↗ till inläggetVarför inte en konstant?.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?
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.
Vill du vara med i diskussionen?
Bli medlem Logga in