Her får du hjelp til å lage hjemmeside med video. Alle verktøy og programmer vi bruker til å lage webside er gratis.
Enkel mouseover effect
Hei,
Noen som vet hva slags kode/hvor jeg finner koden om hvordan man får en underscore under hele linken ved å holde museknappen over linken? Tro dette er en av de alle vanligste effektene å ha på linker.
Slik (CSS)
a {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}Dette bør plasseres i CSS-dokumentet ditt. (Sjekk gjerne ut videoguidene om HTML og CSS, da blir dette mye enklere for deg :)
Hei Tipper da at dette er til din nettsiden suprtilbud. Ser du enda ikke har noen understrek når det kommer til menyen. Du har også valgt å ha HTML og CSS i samme dokument. Dette er noe du burde skille fra hverandre. Dette er ingen vanskelig ting å foreta seg så kan forklare dette veldig enkelt.
Åpne dokumente ditt Så inne i head taggene finner du CSS informasjonen din.
<STYLE type=text/css> CSS - Kondene dine </STYLE>
Dette burde du da flytte over til en egen fil som du kaller: style.css(ordet før punktum er valgfritt men husk å avslutte med .css)
Når denne filen er lagret går du tilbake til HTML/PHP filen din. Der limer du inn:
<link rel="stylesheet" type="text/css" href="style.css" />
Denne linken kobler HTML filen din sammen med CSS filen din. Om du separerer disse tingene er det mye lettere å jobbe med seinere. Ga dette ingen mening gjør som bruker Hjemmeside sa å ta en titt i video guiden ![]()
Tilbake til det du egentlig lurte på:
a{ color:#4682b4; text-decoration:none; } a:hover{ color:#ffcc00; text-decoration:none; }
Definisjon av css kodene dine:
- a = link hvordan en link skal se ut på din hjemmeside
- color = Der har du bestemt at linken skal ha fargen #4682b4
- text-decoration = Er satt til ingenting altså den skal se helt vanelig ut.
- a:hover = Dette er hvordan teksen vil se ut når du holder over den.
- color = Du har da bestemt at den skal endre farge til
- #ffcc00 text-decoration = Her må du endre fra none til underline
Gjør du det vil det da se slik ut:
a{ color:#4682b4; text-decoration:none; } a:hover{ color:#ffcc00; text-decoration:underline; }
Selv foretrekker jeg litt mer pusterom i kodingen, en du har på den nettsiden samt. et helt annet oppsett.
PS: Sorry rottette innlegg men var veldig rare måter å få frem kodene på en hva jeg er vant til venner meg sikkert til det og blir nok mer ryddige poster fra meg fremover. Må nesten gå og legge meg nå xD
Hjemmeside: Jeg har fikset så kodene ser pene og rene ut ![]()

flott, hvor skal jeg plassere den i dokumentet?