Gå til innhold

Trykke på knapp = bytte .css fil. How?

-Teddy-

Av -Teddy-
i Programmering og webutvikling

Anbefalte innlegg

-Teddy-

-Teddy-

Skrevet
Skrevet

Jeg har en website nå som jeg er sånn passe fornøyd med... Men jeg vil gjerne ha den i to versjoner! En med svart bakgrunn og hvit tekst og en med hvit bakgrunn og svart tekst. Går det an at ved å trykke på en link på siden så endres .css fila?

 

Hadde vært artig! :)

Lenke til kommentar

Videoannonse

Videoannonse
Annonse
mikk-

mikk-

Skrevet
Skrevet

Det finnes minst t00zen milli00nah måter :)

 

<link rel="stylesheet" media="all" type="text/css" href="<?php
$stil = $_GET['stil'];

switch ($stil) {
case "hvit":
 echo "hvit.css";
 break;
case "blaa":
 echo "blaa.css";
 break;
default:
 echo "default.css";
}
?>">

 

Linker til forskjellige stylesheets:

<a href="<?php echo $_SERVER['PHP_SELF']; ?>?stil=hvit">

Lenke til kommentar
Jernlov

Jernlov

Skrevet
Skrevet

Uten php så kan man:

<head>

<link href="/sheet_.css" rel="stylesheet" type="text/css" title="blue">

<link href="/sheet.css" rel="alternate stylesheet" type="text/css" title="green">

<link href="/sheet2.css" rel="alternate stylesheet" type="text/css" title="red">

</head>

 

<body>

<li><a href="#" onclick="setActiveStyleSheet('blue'); return false;">stil1</a></li>

<li><a href="#" onclick="setActiveStyleSheet('green'); return false;">stil2</a></li>

<li><a href="#" onclick="setActiveStyleSheet('red'); return false;">stil3</a></li>

 

Med denne filen med:

Lenke til kommentar
-Teddy-

-Teddy-

Skrevet
  • Forfatter
Skrevet
Stilvelger

Ikke fått det til å funke selv enda da :dontgetit:

5106253[/snapback]

 

Ikke jeg heller. :dontgetit:

 

Har css filene i en mappe kalt "css" slik som det skal være. Byttet ut det som egentlig skal byttes ut. Får det bare ikke til. :hm:

 

Hva er feil her?

 

 

<?php

$stilark = & $_GET['stilark'];
$self    = & $_SERVER['PHP_SELF'];
$query   = & $_SERVER['QUERY_STRING'];

// Array med titler og filnavn
$styles = array(
   "Bord" => "border",
   "Blå" => "blue"
);

// Plasser navnet på standardstilarket her:
$standard = 'blue';

// Sjekker om COOKIE- eller GET-variabel er satt
if($_COOKIE['stil'] && empty($stilark))
{
   $stil = $_COOKIE['stil'];
}
elseif(!empty($stilark))
{
   setcookie("stil", $stilark, time() + 14400000);
   $stil = $stilark;
   unset($_GET['stilark']);
   foreach ($_GET as $key => $value)
   {
       $newquery .= "&$key=$value";
   }
   header("Location: $self?$newquery");
}
else
{
   setcookie("stil", $standard, time() + 14400000);
   $stil = $standard;
}
?>



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>

<?php

echo '
<link
   rel="stylesheet"
   type="text/css"
   href="css/'. $stil .'.css"
   media="screen" />

';


foreach($styles as $tittel => $filnavn)
{
   echo '
<link
   rel="alternate stylesheet"
   type="text/css"
   href="css/'. $filnavn .'.css"
   title="'. $tittel .'"
   media="screen" />

';

}
?>
<title>Teddy.moo.no</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" >
<link rel="shortcut icon" href="favicon.ico" >
</head>

<body>

<div id="wrap">

<a href="index.html" target="_parent" id="header"><span class="borte"> Teddy ruler </span></a>
<div id="linje"><span class="borte"> Teddy ruler </span></div>
<div id="meny">
	<a href="blog.php" target="_parent" id="blog">
	<span class="borte"> Teddy ruler </span>
	</a>
	<a href="galleri.html" target="_parent" id="galleri">
	<span class="borte"> Teddy ruler </span>
	</a>
	<a href="gjestebok.html" target="_parent" id="gjestebok">
	<span class="borte"> Teddy ruler </span>
	</a>
	<a href="om_meg.html" target="_parent" id="om_meg">
	<span class="borte"> Teddy ruler </span>
	</a>
</div>
<div id="fade"><span class="borte"> Teddy ruler </span></div>

<div id="content">

<!--  SIDEINNHOLD  -->




<p>
Farger/temaer:
</p>

<p>
<?php

foreach($styles as $tittel => $filnavn)
{
   echo '
<a
   href="'.$self.'?'.htmlspecialchars($query).
   '&stilark='.$filnavn.'"
   >'. $tittel .'</a> <br />

';
}

?>
</p>




<h1> Nytt design! </h1>
<p> Har endelig byttet design. Gjesteboka kommer snart, vet ikke helt hvordan jeg skal lage den. Har allerede fått trusler om folk som skal spamme den med meningsløse innlegg, noe jeg selvfølgelig ser frem til. </p>
<p> Er alle tiders om jeg får noen kommentarer i bloggen til hvordan ting kan gjøres annerledes / bedre. Siste nytt er alt dette "blåe" og det er mulig at jeg evt fikser en skinvelger slik at du kan bytte utseendet selv. </p>
Siden er forholdsvis ny og oppdateres fortløpende. Ole Martin poster stort sett news fra apple i bloggen mens jeg poster hva jeg driver med for tiden. 

<!--  SIDEINNHOLD SLUTT  -->

</div> 
</div>
<div id="footer"><span class="borte"> Teddy ruler </span></div>

<!-- Start of StatCounter Code -->
<script type="text/javascript" language="javascript">
var sc_project=987696; 
var sc_invisible=1; 
var sc_partition=9; 
var sc_security="68d5bb12"; 
</script>

<script type="text/javascript" language="javascript" src="http://www.statcounter.com/counter/frames.js"></script><noscript><a href="http://www.statcounter.com/" target="_blank"><img  src="http://c10.statcounter.com/counter.php?sc_project=987696&java=0&security=68d5bb12&invisible=1" alt="site stats" border="0"></a> </noscript>
<!-- End of StatCounter Code -->

<!-- Som noen så fint en gang sa: "You're using HTML like a fucking typewriter!" -->


</body>
</html>

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å
Gå til emneliste
×
×
  • Opprett ny...