Design wahl leiste erstellen ( html seite)

  • Design wahl leiste erstellen ( html seite)

    Also Hallo erst mal,
    ich habe eine Frage un zwar habe ich 2 Designs und für meine Seite erstellt und ich will das die Besucher auf der Seite wählen können welches Design sie auf der Seite sehen können.Meine Homepage.
    danke schon im Vorraus :thumbsup:
    Wer das liest liest eine Signatur!!! :D :D :D

  • Hab mal in der Schule von einer Professorin ein Beispiel zu deinen Problem bekommen, und zwar fand ich das bei Klickdichschlau.
    Ich weiß nicht ob ich das einfach so hochladen darf also hast hier nochmal den link dazu klickdichschlau.
    Ich weiß leider nicht mehr ganz genau wo ich das gefunden habe ;)

    mfg
    Dateien

    • css_layouts.rar

      (348,71 kB, 459 mal heruntergeladen, zuletzt: )
    Je mehr Käse, desto mehr Löcher.
    Je mehr Löcher, desto weniger Käse.
    Ergo: Je mehr Käse, desto weniger Käse.

  • C5_Booster schrieb:

    man müsste es mit Saisons und PHP lösen.

    Naja ich denk nicht das man das jetzt unbedingt mit PHP lösen muss, man kann es auch mit Cookis machen. Ich weiß zwar nicht was die bessere Lösung ist, aber für jedes Problem gibt es sowieso meist merher Lösungswege.

    mfg
    Je mehr Käse, desto mehr Löcher.
    Je mehr Löcher, desto weniger Käse.
    Ergo: Je mehr Käse, desto weniger Käse.

  • superolaf100 schrieb:

    Geht das auch so wie hier im Forum? also mit sonem runter geh dings?

    Meinst du das Aufklappen der Boxen? Kann man sicher mit Javascript machen. Aber kenn dazu kein konkretes Beispiel, aber einfach mal in google eingeben "Aufklapbare Boxen Javascript" oder so, und da findest bestimmt genug.

    MfG Rodrog
    Je mehr Käse, desto mehr Löcher.
    Je mehr Löcher, desto weniger Käse.
    Ergo: Je mehr Käse, desto weniger Käse.

  • Rodrog schrieb:

    Naja ich denk nicht das man das jetzt unbedingt mit PHP lösen muss, man kann es auch mit Cookis machen.

    Du weißt aber schon, dass du, um Cookies zu benutzen auch PHP brauchst ( abgesehen von Javascript, das nicht jeder aktiviert hat, weshalb PHP die afaik beste Lösung ist ).

    superolaf100 schrieb:

    Geht das auch so wie hier im Forum? also mit sonem runter geh dings?

    Dieses "runter geh dings" kannst du mit jquery realisieren ( allerdings musst du wissen, dass nicht jeder Javascript aktiviert hat. )
    Alternativ kannst du das ganze ( zwar deutlich hässliger, allerdings kann das so ziemlich jeder sehen ) hiermit machen.

    Nun zu deiner Frage:
    Man kann das einfach mit Cookies machen ( Die Benutzer, die Skins verwenden wollen, müssen eben Cookies aktiviert haben ) und dann jeweils die verschiedenen Styles einbinden.
    z.B. mit

    PHP-Quellcode

    1. <link rel="<?php
    2. switch( $_COOKIE['style'] ){
    3. case "bla": echo "bla.css"; break;
    4. case "asdf": echo "asdf.css"; break;
    5. //case ...
    6. default: echo "main.css";
    7. }
    8. ?>" type="text/css" />


    - Tobi97
    8|

  • Tobi97 schrieb:

    Du weißt aber schon, dass du, um Cookies zu benutzen auch PHP brauchst ( abgesehen von Javascript, das nicht jeder aktiviert hat, weshalb PHP die afaik beste Lösung ist ).

    Okey stimmt da hast recht ;) Ich muss meine Beiträge demnächst gründlicher überlegen bevor ich sie abschicke ;)

    mfg
    Je mehr Käse, desto mehr Löcher.
    Je mehr Löcher, desto weniger Käse.
    Ergo: Je mehr Käse, desto weniger Käse.

  • Ich bekomme das iwie nicht hin kann das jemand machen wäre sehr nett
    Quellcode:
    Spoiler anzeigen




    Meyermeyer11 - WebSite






    MeyerMeyer11

    WebSite








    MeyerMeyer11 - Eilmeldung ...

    Dies ist eine HTML-Testseite von MeyerMeyer11

    Ich habe diese Homepage mit dem Tutorial von OrangeOnBlack gemacht

    Zitat:
    Alle Videos auf YouTube.com/OrangeOnBlack. Alles rund um PCs, Technik und vor allem Spaß an der Freude. Man fragt sich immer noch, welche Themen folgen.
    </article>


    MeyerMeyer11 - Eilmeldung...

    Ich habe jetzt ein Impressum und Videos


    Dein Browser unterstützt kein HTML5!


    Um das Video in Gross zu sehen geht auf Videosoder geht auchhier hin

    Ich suche noch jemanden der mir ein Intro gestalltet wäre nett!

    </article>



    Unsere Sponsoren

    MeyerMeyer11



    Hier ist Platz für Werbung oder Partner

    Unsere Partner

    Ich und Du...

    Wenn ihr Partner werden wollt schick mir eine Mail

    </aside>

    © by MeyerMeyer11 2011






    das ist die index.html ^und
    |
    Spoiler anzeigen
    * {
    padding: 0px;
    margin: 0px;
    font-family: Arial, Verdana, sans-serif;
    }

    body {
    background-color: black;
    width: 800px;
    margin: 25px auto;
    }

    header {
    height: 100px;
    background-color: #ffce1d;
    padding-bottom: 15px;
    border-radius: 10px;
    }

    header h1 {
    font-style: italic;
    font-family: Verdana;
    color: white;
    font-size: 30pt;
    text-align: left;
    padding-left: 50px;
    padding-top: 25px;
    text-shadow: black 1px 1px 4px;
    }

    header h2 {
    font-style: italic;
    font-family: Verdana;
    color: white;
    font-size: 16pt;
    text-align: left;
    padding-left: 480px;
    text-shadow: black 0px 0px 8px;
    }

    nav {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 30px;
    background-color: black;
    border-radius: 10px;
    }

    nav ul {
    list-style-type: none;
    }

    nav li {
    display: inline;
    margin-right: 40px;
    padding-right: 35px;
    padding-left: 35px;
    padding-top: 3px;
    padding-bottom: 3px;
    border-radius: 5px;
    font-weight: bold;
    cursor: default;
    background-color: #ffce1d;
    border: #C0C0C0 3px outset;
    }

    nav li:hover {
    border: #C0C0C0 3px inset;
    }

    nav a {
    text-decoration: none;
    color: white;
    text-shadow: gray 0px 0px 4px;
    }

    nav a:hover {
    color: #808080;
    text-shadow: none;
    }

    section {
    background-color: black;
    width: 575px;
    float: left;
    }

    article {
    border: gray 4px groove;
    padding: 20px;
    text-align: left;
    overflow: auto;
    margin-bottom: 25px;
    margin-right: 30px;
    }

    article h2 {
    font-size: 14pt;
    color: white;
    padding-bottom: 10px;
    letter-spacing: 1px;
    font-weight: bold;
    }

    article p {
    font-size: 12pt;
    padding-bottom: 10px;
    color: white;
    }

    article blockquote {
    font-weight: bold;
    font-style: italic;
    font-size: 10pt;
    padding: 15px;
    background-color: #FFDB4B;
    border-radius: 10px;
    color: black;
    }

    article a {
    color: white;
    text-decoration: none;
    }
    article li {
    font-weight: bold;
    font-style: italic;
    font-size: 10pt;
    padding: 15px;
    background-color: #FFDB4B;
    border-radius: 10px;
    color: black;
    }

    video {
    width: 320px;
    height: 180px;
    float: right;
    padding: 2px;
    border: gray 1px solid;
    border-radius: 5px;
    background-color: #ffce1d;
    }

    aside {
    text-align: center;
    padding-right: 10px;
    width: 155px;
    float: right;
    color: black;
    padding: 35px;
    background-color: #ffce1d;
    border-radius: 15px;
    }

    aside h3 {
    font-size: 16pt;
    padding-bottom: 10px;
    font-variant: small-caps;
    padding-top: 25px;
    }

    aside p {
    font-size: 12pt;
    font-style: italic;
    font-weight: bold;
    color: #E1E1E1;
    }

    aside img {
    width: 100px;
    height: 100px;
    border: none;
    }

    footer {
    clear: both;
    text-align: center;
    padding: 5px;
    background-color: #ffce1d;
    color: black;
    border-radius: 10px;
    }

    footer p {
    font-size: 12pt;
    font-weight: bold;
    font-family: monospace;
    text-shadow: gray 1px 1px 2px;
    }
    das die style.css datei :) ^
    |
    Wer das liest liest eine Signatur!!! :D :D :D

  • Du kannst eine combo Box machen wo du das Style wählen kannst, dann frägst du im Head

    PHP-Quellcode

    1. <?php
    2. if ($_POST['cboStyle']=='style1') {
    3. ?>
    4. <link rel="stylesheet" type="text/css" href="stype1.css">
    5. <?php
    6. }
    7. else { ?>
    8. <link rel="stylesheet" type="text/css" href="stype2.css">
    9. <?php } ?>
    13. Im Body
    14. <select name="cboStyle">
    15. <option>style1</option>
    16. <option>style2</option>
    18. </select>
    Alles anzeigen


    andere Möglichkeit Cookie oder Sessions

    Dieser Beitrag wurde bereits 3 mal editiert, zuletzt von jürgen2009 ()