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
- Logg på eller opprett en konto for å skrive kommentarer
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.
flott, hvor skal jeg plassere den i dokumentet?
Dette bør plasseres i CSS-dokumentet ditt. (Sjekk gjerne ut videoguidene om HTML og CSS, da blir dette mye enklere for deg :)
Å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




Slik (CSS)
a {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
Hjelper folk å lage hjemmeside