mehrere Styles auf eienr Homepage ?!

bionicle · 19. August 2005

Hallo!
Wie kann man sodass auf der Page ein Style Wechsel machen kann?! Und dann der Style einfach gewechselt wird ?

1) Jede Page neu machen
2) nur ein CSS Datei wechsel

Wie geht das überhaupt?!

Lg Bionicle

10 Bewertung

Anzeige

reborn_child · 20. August 2005

Du codest deine Seite xhtml 1.0 konform, sodass du deine style angaben nicht in der eigentlichen html datei, sondern einer externen css datei hast. Diese kannst du dann per PHP auswechseln lassen.

BSP:

hell.css

Code:

body {
 background: #7B9DC4;
}

dunkel.css

Code:

body {
 background: #2D2D2D;
}

index.php

PHP:

 
[...]
 <?php
  if(isset( $_GET [ 'hell' ])) {
     $farbe  =  "hell" ;
     $farbe2  =  "dunkel" ;
} else {
     $farbe  =  "dunkel" ;
     $farbe2  =  "hell" ;
}
  ?>
     <style type="text/css" media="all">
            @import "<?php  echo  $farbe ;  ?>.css";
    </style>
[...]

(nur als kleine anregung)

r_c

bionicle · 20. August 2005

das geht über CSS ?

das heißt ich muss farben von meinem design ändern etc sodass es von css style rausgenommen wird ?

das geht so ..
z.B class="name" ?

Und
wenn ich den Code

<?php
if(isset($_GET['hell'])) {
$farbe = "hell";
$farbe2 = "dunkel";
} else {
$farbe = "dunkel";
$farbe2 = "hell";
}
?>
<style type="text/css" media="all">
@import "<?php echo $farbe; ?>.css";
</style>

eingebe wird es Online nicht angezeigt?!

Fallen Angel · 21. August 2005

du kannst es ja auch so machen :

PHP:

    <?
  $v1 = 'style1.html' ;
  $v2 = 'style2.html' ;
echo  '<a href=\"' . $v1 . '\">Style1</a>' ;
echo  '<a href=\"' . $v2 . '\">Style2</a>' ;
  ?>

[/PHP]

bionicle · 22. August 2005

Du bekommst ne 10,wenn du mir sagst ob das auch richtig ist

<?
$v1='style1.css';
$v2='style2.css';
echo '<a href=\"'.$v1.'\">Style1</a>';
echo '<a href=\"'.$v2.'\">Style2</a>';
?>

Also ich will das man CSS Dateien wechseln kann!

Oder die Frage,wie würdest du es machn mit einem Styleauswahl??
Mit CSS wäre es schnell? oder naja Vorschläge?

Fallen Angel · 22. August 2005

aso du willst das nicht ne neue seite mit style geöffnet wird sonder sofort auf der einen aso ja dann geht das so :

also am einfachsten:
Du machst zwei radio's einen nennst du hell und einen dunke und dann ein senden button dann der code:
if ($hell) {
echo "<link rel=stylesheet href=hell.css type=text/css>";
} elseif($dunkel) {
echo "<link rel=stylesheet href=dunkel.css type=text/css>";
}

bionicle · 22. August 2005

Du machst zwei radio's einen nennst du hell und einen dunke und dann ein senden button dann der code:

was meisnt du damti

würdest du mir das machn ? die beiden radios was isn das ? *g*

Fallen Angel · 22. August 2005

PHP:

 
<html>
<head>
</head>
 
<body>
 
 <?
   
  if ( $hell ) {  // Wenn Hell gewählt ist wird hell.css aufgerufen
  echo  "<link rel=stylesheet href=hell.css type=text/css>" ;  //.css datei ändern
  } elseif( $dunkel ) {  // Wenn Dunkel gewählt ist wird dunkel.css aufgerufen
  echo  "<link rel=stylesheet href=dunkel.css type=text/css>" ; //.css datei ändern
  } 
  ?>
 <form name="form1" method="post" action="">
  <p>
    <input type="radio" name="hell" value="1">
Hell  </p>
  <p>    
    <input type="radio" name="dunkel" value="0">
 Dunkel    </p>
  <p>
    <input type="submit" name="Submit" value="Senden">
  </p>
</form>
</body>
</html>

bionicle · 22. August 2005

Ahja! Könntest du mir das auch in der Liste machn nicht mit den rudnen Kreisen sondern eine auswahlleiste?

Fallen Angel · 22. August 2005

PHP:

 
<html>
<head>
</head>
 
<body>
 
 <?
   
  if ( $style  ==  1 ) {  // Wenn Hell gewählt ist wird hell.css aufgerufen
  echo  "<link rel=stylesheet href=hell.css type=text/css>" ;  //.css datei ändern
  } elseif( $style  ==  0 ) {  // Wenn Dunkel gewählt ist wird dunkel.css aufgerufen
  echo  "<link rel=stylesheet href=dunkel.css type=text/css>" ; //.css datei ändern
  } 
  ?>
 <form name="form1" method="post" action="">
  <p>  
    <label></label>
    <select name="style">
      <option value="1">Hell</option>
      <option value="0">Dunkel</option>
    </select>
    <label>    </label>
  </p>
  <p>
    <input type="submit" name="Submit" value="Senden">
  </p>
</form>
</body>
</html>

bionicle · 22. August 2005

und das heißt ich muss meien homepage so konfigurieren das es in eienr css datei ist ?
Ist einfacher!

eine frage noch,dann bekommst endlich deine "10! Bewertung!!

Wie würde die CSS datei ausschauen bw. der code da wenn ich es in css machn will?
also nur mit css einfärben!!!

Code:

<table width="394" border="0" cellspacing="1" cellpadding="2" bgcolor="#000000" height="59" align="center">
 <tr>
 <td bgcolor="#666666" height="21">
 <table width="98%" border="0" cellspacing="0" cellpadding="0" height="17"id="menue" >
 <tr>
 <td width="61%" height="17"><div align="left" class="Stil19"><em>content</em></div></td>
 <td width="61%">&nbsp;</td>
 </tr>
 </table></td>
 </tr>
 <tr>
 <td bgcolor="#808080" height="7"> <font size="1" face="Verdana, Arial, Helvetica, sans-serif" color="#000000">&nbsp; </font> <font size="1" face="Verdana, Arial, Helvetica, sans-serif" color="#000000"> </font> <br>
 <table width="381" border="0">
 <tr>
 <td class="Stil19">Herzlich Willkommen! </td>
 </tr>
 <tr>
 <td class="Stil19">Viel Spass!</td>
 </tr>
 <tr>
 <td class="Stil19">Lg,</td>
 </tr>
 <tr>
 <td>&nbsp;</td>
 </tr>
 <tr>
 <td>&nbsp;</td>
 </tr>
 <tr>
 <td>&nbsp;</td>
 </tr>
 <tr>
 <td>&nbsp;</td>
 </tr>
 <tr>
 <td>&nbsp;</td>
 </tr>
 </table></td>
 </tr>
 </table>

Fallen Angel · 22. August 2005

also für hell machst du ne hell.css für dunkel ne dunkel.css
und dann werden die geladen per klick
eine homepage ist nie in einer css datei css ist ja nur für design

bionicle · 22. August 2005

Ja das weiß ich aber

in der css style z.b grau.css steht folgendes

überschrift-tabelle-farbe{
background-color: #000000;
}

<table width="389" border="0" cellspacing="1" cellpadding="2" class="überschrift-tabelle-farbe" align="center">

das stimmt aber nicht oder?
Wie lautet der richtige Code dafür?

Fallen Angel · 23. August 2005

entweder :
#überschrift-tabelle-farbe{
background-color: #000000;
}

oder:
.überschrift-tabelle-farbe{
background-color: #000000;
}

aber ich meine bei # müsstest du statt den tag class durch id ersetzen

bionicle · 23. August 2005

ok danke 8 ist raus

Basti1086 · 23. August 2005

erledigt

~ closed ~

Nützliche Suchen

mehrere Styles auf eienr Homepage ?!

Videos zum Themenbereich