Gå til innhold

Trenger hjelp med koder til CSS skifter...


Anbefalte innlegg

Har laget meg en hjemmeside som jeg ble veldig godt fornøyd med. Så nå har jeg tenkt å ta skrittet litt lengre å legge inn flere styles på siden. Slik at den som surfer på den kan selv velge hvordan han vil at den skal se ut.

 

Så jeg spurte litt på webkafeen-tråden og fikk en link til denne siden. Jeg prøvde meg litt fram, men fant ut at det ikke var så enkelt som det s å ut til. (Værtfall for meg :roll: )

 

Så det jeg lurer på om det er noen her som kunne ha forklart meg hvordan jeg setter inn kodene slik at det blir rett...

Jeg er på en måte av den typen som liker Tine youghurt... (Få det inn med teskjee, for de som ikke tok den :p )

 

Håper det er noen smarte folk der ute som kan hjelpe meg... :thumbup:

Lenke til kommentar
Videoannonse
Annonse

Har prøvd en del nå, men jeg får det ikke til å fungere :mad:

Skjønner ikke hva det er jeg gjør feil. Legger ved koden på siden min slik at dere kan få se hvordan det er...

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Øyvinds Hjemmeside - Hovedsiden</title>
<style type="text/css" title="Style" media="screen">
@import "design.css", "design2.css";
a:link {
text-decoration: none;
color: #000000;
}
a:visited {
text-decoration: none;
color: #000000;
}
a:hover {
text-decoration: none;
color:#d99e37;
}
a:active {
text-decoration: none;
color: #000000;
}
</style>

<link rel="stylesheet" type="text/css" href="design.css" title="design 1" />
<link rel="alternate stylesheet" type="text/css" href="design2.css" title="design 2" />
<link rel="alternate stylesheet" type="text/css" href="print.css" title="print" />
<script type="text/javascript" src="styleswitcher.js"></script>

<a href="#" onclick="setActiveStyleSheet('design'); return false;">design</a><br>
<a href="#" onclick="setActiveStyleSheet('design2'); return false;">design 2</a><br>
<a href="#" onclick="setActiveStyleSheet('print'); return false;">print</a>

</head>

 

Når jeg trykker på design2 linken, kommer alt designet på siden bort og det er bare skriften som står igjen.

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
×
×
  • Opprett ny...