mehrere Styles auf eienr Homepage ?!

Dieses Thema im Forum "Webentwicklung" wurde erstellt von bionicle, 19. August 2005 .

Schlagworte:
Status des Themas:
Es sind keine weiteren Antworten möglich.
  1. Diese Seite verwendet Cookies. Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies. Weitere Informationen
  1. #1 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
     

  2. Anzeige
  3. #2 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
     
  4. #3 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?!
     
  5. #4 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]
     
  6. #5 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?
     
  7. #6 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>";
    }
     
  8. #7 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*
     
  9. #8 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>
     
  10. #9 22. August 2005
    Ahja! Könntest du mir das auch in der Liste machn nicht mit den rudnen Kreisen sondern eine auswahlleiste?
     
  11. #10 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>
     
  12. #11 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>
     
  13. #12 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
     
  14. #13 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?
     
  15. #14 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
     
  16. #15 23. August 2005
    ok danke 8 ist raus
     
  17. #16 23. August 2005
    erledigt

    ~ closed ~
     

  18. Videos zum Thema
Die Seite wird geladen...