css Changer kode

[Zafar Iqbal]

Hei.

 

Søkte på forumet fant ikke noen lignende spm.

Jeg ønsker å legge en css changer på siden min.

Med eks 3-4 knapper avhengig av hvormange css jeg skal ha.

 

Jeg ønsker eks å bytte bakgrunnsfarger, bilde og link farge.

 

Klikker jeg på de forkjellige knappene endres fargene på hele siden.

 

Noen som har oppskriften.

[PoleCat]

Denne bruker jeg, baserer seg på JavaScript.

[Zafar Iqbal]

Denne bruker jeg, baserer seg på JavaScript.

Hei der.

 

Takk for tipset.

Har ghort det som står der, vet ikke hva jeg gjør feil, men jeg får det ikke til?

 

Forslag

 

Du har ikke link til noen side med touturial slik at det step by step vises hvordan det gjøres.

Endret 26. november 2004 av Zafar Iqbal

[PoleCat]

Hei,

 

Ta en titt på koden til bloggen min, så blir sikkert ting enklere. De delene som teller her er:

 

<link href="style-new.css" rel="stylesheet" type="text/css" title="personal">
<link href="style.css" rel="alternate stylesheet" type="text/css" title="original">

Forteller at style-new.css er default stilark som skal velges, og at style.css er et alternativt stiark. Som du ser har de også hver sin tittel, slik at JS vet hva den skal velge.

 

<script type="text/javascript" 
src="styleswitcher.js"></script>

(JS-fil lastes ned fra lenken jeg gav deg over.)

 

<a href="#" onclick="setActiveStyleSheet('original'); return false;">Original</a>
<a href="#" onclick="setActiveStyleSheet('personal'); return false;">Personlig</a>

Selve lenkene som bytter stilark.

 

Skal du bare bytte noen deler av stilarket, vil det bli noe àla:

<link href="style.css" rel="stylesheet" type="text/css">
<link href="blue.css" rel="stylesheet" type="text/css" title="style1">
<link href="red.css" rel="alternate stylesheet" type="text/css" title="style2">
<link href="green.css" rel="alternate stylesheet" type="text/css" title="style3">

 

Der style.css inneholder hva som er likt for alle tre. style.css og blue.css vil bli valgt som default her.

[Lokaltog]

Jeg liker ikke JS-metoden så godt, så jeg har laget meg en variant i PHP. Om du har støtte for PHP på serveren din så anbefaler jeg metoden du finner på http://www.unrealized.org/guide/php/stilskifte/ .

[Zafar Iqbal]

Hva skal stå ved # tegnet?

 

<a href="#" onclick="setActiveStyleSheet('personal'); return false;">Personlig</a>

[PoleCat]

Hva skal stå ved # tegnet?

 

<a href="#" onclick="setActiveStyleSheet('personal'); return false;">Personlig</a>

Det er vel der bare for å lenke til "noe" i det hele tatt, slik at det blir "klikkbart".

Jeg har ingenting annet enn "#" iallefall.

[Zafar Iqbal]

Hva skal stå ved # tegnet?

 

<a href="#" onclick="setActiveStyleSheet('personal'); return false;">Personlig</a>

Det er vel der bare for å lenke til "noe" i det hele tatt, slik at det blir "klikkbart".

Jeg har ingenting annet enn "#" iallefall.

hei igjen

 

tussen takk for tipsene men jeg får det ikke til å fungerer, kansje det er noen feil instillinger på serveren?

 

Har fulgt og gjort nøyaktig slik du beskrev det ovenfor.

[JohnRichard]

Kanskje du har deaktivert JavaScript

[Zafar Iqbal]

nå funka det tusen takk

 

bruker cute news og hadde none css linker liggende der som overstyrte fungerer nå takk så mye