Hintergrund per Klick ändern? [Frage!]

  • Hallo Community,
    Ich habe gerade auf Habboschlumpf.de gesehen, das man dort den Hintergrund per Klick ändern kann.
    Das ganze möchte ich auch auf meiner Webseite machen.

    Ich nehme mal an das dies CSS / HTML ist.
    Ich suche jemanden der weiß wie man so etwas macht, und mir es mal "eben" schnell erklärt.


    Danke im Voraus.

    Haterkommentare könnt ihr euch sparen. Sie werden nicht beachtet.


    Слово – серебро, молчание – золото.

  • Das ist ziemlich simple.
    Du brauchst einen Styleswitcher.js und paar Codes
    die du im HEAD-Bereich einfügst.
    Du brauchst 2 .css Dateien indem einem ist z.B
    der Hintergrund anders und die Boxen oder etc.
    Durch den wird halt eine .css Datei ausgewählt und in den Cookies gespeichert.


    Im Hide findest du alles :D
    Der Code im HEAD-Bereich

    Spoiler anzeigen

    <link rel="stylesheet" type="text/css" href="css/design.css" /> <- Normales Design / Wenn man die Seite das erste mal öffnet
    <link rel="stylesheet" type="text/css" href="css/design.css" title="standart" /> <- Style zum Auswählen / Normal
    <link rel="alternate stylesheet" type="text/css" href="css/style2.css" title="style2" /> <- Style 2 zum Auswählen
    <link rel="alternate stylesheet" type="text/css" href="css/style3.css" title="style3" /> <- Style 2 zum Auswählen
    <link rel="alternate stylesheet" type="text/css" href="css/style4.css" title="style4" /> <- Style 2 zum Auswählen
    <script type="text/javascript" src="js/styleswitcher.js"></script> <- Styleswitcher / Man muss die styleswitcher.js in einen Ordner tun und auch hier
    richtig verlinken gilt auch für die CSS-Dateien

    Die könnt ihr auch anders nennen aber ich finde das so simpler.

    Die Verlinkung / Button oder sonstiges
    <a href="#" onclick="setActiveStyleSheet('standart'); return false;"><img src="BILDLINK" title="Wechsel das Design zu: Farbe"></a>
    <a href="#" onclick="setActiveStyleSheet('style2'); return false;"><img src="BILDLINK" title="Wechsel das Design zu: Farbe"></a>
    <a href="#" onclick="setActiveStyleSheet('style3'); return false;"><img src="BILDLINK" title="Wechsel das Design zu: Farbe"></a>
    <a href="#" onclick="setActiveStyleSheet('style4'); return false;"><img src="BILDLINK" title="Wechsel das Design zu: Farbe"></a>


    Download vom Stylewitcher:
    Klick hier um auf die Downloadseite zu gelangen
    EDIT:: Wegen der Weiterleitung funktioniert es nicht!
    Dieser Link ist richtig. Kopieren ist am besten :D
    mediafire.com/?3el4kwa8wkmpt6b

    Virustotal? Klick hier

    Ich hoffe das hat euch geholfen :D

    7 Mal editiert, zuletzt von Grockie (20. Dezember 2012 um 20:08)

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!