kostenloser Webspace werbefrei: lima-city


2 Design Homepage

lima-cityForumDie eigene HomepageHomepage Allgemein

  1. Autor dieses Themas

    ai-tenshi

    ai-tenshi hat kostenlosen Webspace.

    Ich m?chte gerne dem Besucher die Chance geben, zwischen zwei (oder mehr xD) Designs zu w?hlen.
    Ich meine, das kann man relativ einfach machen, also nur mit irgendeiner Datei .... Ich wei? nicht, wie das funktionieren soll - deswegen frag ich ja - aber irgendwie sollte das doch funktioneren, mehrere Designs zu haben, ohne die Seite komplett in mehrfacher Ausf?hrung zu machen.

    Bitte helft mir!
  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

  3. Hast du die Seite mit php geschrieben?
    Wenn ja, m?sste man noch wissen, wie du das mit dem design ?ndern meinst. Nur Farben ?ndern oder komplett die Struktur?
  4. Autor dieses Themas

    ai-tenshi

    ai-tenshi hat kostenlosen Webspace.

    Nein, php ist ein Buch mit sieben Siegeln f?r mich....

    Also... Ich glaube es reicht erstmal, nur die Farben und Bilder zu ver?ndern (also HG)... Aber es w?re auch sehr interessant, zu wissen wie man total verschiedene Desis machen kann...
  5. tja nur mit html glaub ich wirst du nicht drum rum kommen, alles doppelt zu machen...
    aber mit php oder sogar templates w?rde das einfacher gehen!
    aber vielleicht kann man das auch irgendwie mit javascript machen.... da kenn ich mich aber nicht aus... hab nur mal ein script gesehen, mit dem man die hintergrundfarbe ?ndern kann (der user per men?)...

    EDIT: geht doch mit html...


    <form>
    <input type="radio" name="bgcolor" onclick="document.bgColor='#FF0000'">
    <input type="radio" name="bgcolor" onclick="document.bgColor='lightslategray'">
    <input type="radio" name="bgcolor" onclick="document.bgColor='#A00020'">
    <input type="radio" name="bgcolor" onclick="document.bgColor='#009090'">
    <input type="radio" name="bgcolor" onclick="document.bgColor='#000000'">
    <input type="radio" name="bgcolor" onclick="document.bgColor='orange'">
    <input type="radio" name="bgcolor" onclick="document.bgColor='#0050A0'">
    </form>


    sind einfach so RadioButtons, bei denen, wenn du draufklickst, sich die hintergrundfarbe ?ndert! ..k?nnte man dann nat?rlich auch mit normalen buttons machen!
  6. Mit php w?r das im Grunde ?berhaupt kein Problem, das Design vom Benutzer ?ndern zu lassen.

    Das w?rde dann z.B. so funktionieren:

    Das PHP Script:
    <?
    if(!isset($design) || !isset($bgcolor)){
    $bgcolor = "#FFFFFF";
    }
    if(isset($design) && $design == blue){
    $bgcolor = "#0000FF";
    }
    if(isset($design) && $design == red){
    $bgcolor = "#FF0000";
    }
    ?>

    Das HTML dazu:
    <body bgcolor="<? echo $bgcolor; ?>">

    Die LINKs zum ?ndern der Farbe:
    <a href="?design=blue" target="_self">Blau</a>
    <a href="?design=red" target="_self">Rot</a>


    Hierzu m?sstest du lediglich nur die Endungen deiner Dateien von .html auf .php ?ndern.
  7. Autor dieses Themas

    ai-tenshi

    ai-tenshi hat kostenlosen Webspace.

    @netbat
    ich m?chte keine Radiobuttons... Ich wollte auch nicht nur die HGFARBE ?ndern. Das w?rd eher das Hintergrundbild ver?ndern und die Schriftfarbe/art.....

    @econline
    Kannst du mir erkl?ren, welcher Teil davon was bewirkt? Ich w?rds gern verstehn, und das tu ich grad ?berhaupt nicht....
  8. Also diesen Teil hier, am besten ganz an den Anfang des Quelltextes schreiben, genauer vor den <html>-Tag.

    <?
    if(!isset($design) || !isset($bgcolor)){ //Wenn kein design gesetzt, wird bgcolor = #FFFFFF gesetzt, also Hintergrund wei?.
    $bgcolor = "#FFFFFF";
    }
    if(isset($design) && $design == blue){ //Wenn design gesetzt und design = blue, dann wird der Hintergrund Blau.
    $bgcolor = "#0000FF";
    }
    if(isset($design) && $design == red){//Wenn design gesetzt und design = rot, dann wird der Hintergrund Rot.
    $bgcolor = "#FF0000";
    }
    ?>

    Hinter den // steht die beschreibung.


    Dann muss die Ausgabe an der Stelle im <body>-Tag erfolgen, wo die Hintergrundfarbe definiert wird. Also so:

    <body bgcolor="<? echo $bgcolor; ?>">



    Die Links auf die, die User klicken k?nnen (entweder Textlinks oder kleine Buttons) sehen wie folgt aus:

    <a href="?design=blue" target="_self">Blau</a> //Textlink ver?ndert Hintergrund nach blau!
    <a href="?design=red" target="_self"><img src="button.gif"></a> //Button ver?ndert Hintergrund nach rot!



    Und die Dateien musst du umbennen. Wenn die DAtei bei dir index.html hei?t, musst du die Endung ?ndern. index.html --> index.php

  9. @netbat
    ich m?chte keine Radiobuttons... Ich wollte auch nicht nur die HGFARBE ?ndern. Das w?rd eher das Hintergrundbild ver?ndern und die Schriftfarbe/art.....

    @econline
    Kannst du mir erkl?ren, welcher Teil davon was bewirkt? Ich w?rds gern verstehn, und das tu ich grad ?berhaupt nicht....


    das w?rde nicht das hintergrundbild ver?ndern sondern nur die hintergrundfarbe!
    kA wie du auf hintergrundbild kommst... steht ja z.b.:
    onclick="document.bgColor='orange'"


    Nein, php ist ein Buch mit sieben Siegeln f?r mich....

    Also... Ich glaube es reicht erstmal, nur die Farben und Bilder zu ver?ndern (also HG)... Aber es w?re auch sehr interessant, zu wissen wie man total verschiedene Desis machen kann...


    ich dachte ausserdem dass du php nicht in deine site bringen magst (ich w?rds auch mit php machen)
    und 2. steht da auch dass du bilder ver?ndern willst (was meine l?sung zwar nicht bewirkt aber du hast mir vorgeworfen, dass ich das mache und du es nicht so willst... :blah: aber egal

    falls du doch auch hintergrundbilder oder hintergrundfarben ausw?hlen lassen willst hier econlines version etwas erweitert:
    <?
    if(!isset($design) || !isset($bgcolor)){
    $bgcolor = "#FFFFFF";
    }
    if(isset($design) && $design == blue){
    $bgcolor = "#0000FF";
    }
    if(isset($design) && $design == red){
    $bgcolor = "#FF0000";
    }

    if(!isset($bild) || !isset($pic)){
    $pic = " ";
    }
    if(isset($bild) && $bild == foto1){
    $pic = "./images/foto1.jpg";
    }
    if(isset($bild) && $bild == foto2){
    $pic = "./images/foto2.jpg";
    }
    ?>

    Das HTML dazu:
    <body bgcolor="<? echo $bgcolor; ?>" background="<? echo $pic; ?>">

    Die LINKs zum ?ndern der Farbe:
    <a href="?design=blue" target="_self">Blau</a>
    <a href="?design=red" target="_self">Rot</a>

    Die LINKs zum ?ndern des Hintergrundbildes:
    <a href="?bild=foto1" target="_self">Hintergrundbild1</a>
    <a href="?bild=foto2" target="_self">HIntergrundbild2</a>
  10. Autor dieses Themas

    ai-tenshi

    ai-tenshi hat kostenlosen Webspace.

    @econline
    @____@
    Und ?hm... was is dieses isset($design)? ich kapier das ?berhaupt nicht.... wie setze ich denn ein Design?

    W?rdest du das mal von ganz vorne f?r ganz bl?de erkl?ren? ^^?

    @netbat
    Ich meinte, dass ich das HGbild ver?ndern m?chte und nicht (nur) die Farbe. Ich hab dir garnichts vorgeworfen!!! o.O
  11. :cool:
    ivh w?rde ert einmal php lernen, weil du sonst ?berhaupt nichts kapierst. hier ist zum beispiel ein kurzes tutorial:
    www.php-einfach.de

    ansonsten kann ich nur sagen, dass es do?ch kein problem ist alles neu zzu machn..
    du must ja nur ein paar zeilen ?ndern!

  12. @econline
    @____@
    Und ?hm... was is dieses isset($design)? ich kapier das ?berhaupt nicht.... wie setze ich denn ein Design?

    W?rdest du das mal von ganz vorne f?r ganz bl?de erkl?ren? ^^?


    <?
    if(!isset($design) || !isset($bgcolor)){ wenn die variable design oder die variable bgcolor nicht gesetzt ist,...
    $bgcolor = "#FFFFFF";dann setze die variable bgcolor auf #ffffff (wei?)
    }

    if(isset($design) && $design == red){ wenn die variable design gesetzt und die variable design= red ist, ...
    $bgcolor = "#FF0000"; dann setze die variable bgcolor auf #ff0000 (rot)
    }

    if(!isset($bild) || !isset($pic)){ wenn die variable bild oder die variable pic nicht gesetzt ist,...
    $pic = " ";dann nimm kein bild
    }
    if(isset($bild) && $bild == foto1){ wenn die variable bild gesetzt und bild= foto1 ist, ...
    $pic = "./images/foto1.jpg";dann nimm foto1.jpg in ./images/
    }
    ?>

    Das HTML dazu:
    <body bgcolor="<? echo $bgcolor; ?>" background="<? echo $pic; ?>">echo schreibt etwas auf den bildschirm... oder ?bergibt es eben an html.. und hier werden die variablen geschrieben und gleich im htmlcode verwendet

    Die LINKs zum ?ndern der Farbe:
    <a href="?design=blue" target="_self">Blau</a> ...ein Link der die designfarbe ?ndert! - ?bergibt per get die variable design=blue und l?d die seite neu!


    if isset($design) heist, "wenn die variable $design gesetzt ist, dann mach..."


    @netbat
    Ich meinte, dass ich das HGbild ver?ndern m?chte und nicht (nur) die Farbe.

    achso... dann hab ich das falsch verstanden...

    Ich hab dir garnichts vorgeworfen!!! o.O


    okay okay! ;-)
  13. m*******m

    mich w?rde das auch interessieren ??

    ich w?rde das gerne so wie bei dieser site haben:
    http://www.m-s-g.de.vu

    bitte ebenfalls um hilfe^^
  14. Autor dieses Themas

    ai-tenshi

    ai-tenshi hat kostenlosen Webspace.

    *kopfsch?ttel*
    SRY - bei mir is finsterste Nacht!
    Kann mir jemand den Code zurechtbasten? ^^"

    wenn ich auf der Seite "design1.htm" das erste design habe, dass farblich meinetwegen 0range/wei? ist und eine weitere Seite "design2.htm" mit dem zweiten, schwarz/roten design.
    wie kann ich nun den user auf die einzelnen seiten umlenken und auch daf?r sorgen, dass die unterseiten - die weder f?r das eine noch f?r das andere design formatiert sind - sich farblich anpassen?

  15. *kopfsch?ttel*
    SRY - bei mir is finsterste Nacht!
    Kann mir jemand den Code zurechtbasten? ^^"

    wenn ich auf der Seite "design1.htm" das erste design habe, dass farblich meinetwegen 0range/wei? ist und eine weitere Seite "design2.htm" mit dem zweiten, schwarz/roten design.
    wie kann ich nun den user auf die einzelnen seiten umlenken und auch daf?r sorgen, dass die unterseiten - die weder f?r das eine noch f?r das andere design formatiert sind - sich farblich anpassen?


    Wenn du das jetzt doch auf HTML Ebene machen willst (was ich zwar nicht empfehlen w?rde), dann w?rde ich dir vorschlagen, deine gesamten Dateien in Verzeichnissen mit verschiedenen Designs zu speichern.
    Also:
    design1/index.html
    design1/unterseiten.html

    design2/index.html
    design2/unterseiten.html

    Der Vorteil dabei ist, dass du die Links auf den Unterseiten nicht ?ndern musst (aber das design!). Der Link mit dem designwechsel sieht dann so aus:
    <a href="../design1/index.html" target="_self">Design ?ndern in 1</a>
    <a href="../design2/index.html" target="_self">Design ?ndern in 2</a>

    Die anderen Links mit den Unterseiten:
    <a href="unterseite1.html" target="_self">Unterseite 1</a>

    Hoffe, dass das einigerma?en verst?ndlich dargestellt ist. :thumb:
  16. Als wenn man kein php kann mu? man es eben mit sachen machen die man kann. Bei dir also html!

    Zuerst machst du 1 STartseite wo dan bsp. steht:
    ----------------------------------------------
    Design1 Design2

    Zum starten eins der Design w?hlen
    ----------------------------------------------

    Und dan machst du deine Homepage in 2 verschiedenen Designs.

    Verlinkst die Startseite mit den beiden und machst die STartseite als 1 Seite die der User zu Gesicht bekommst!
  17. Autor dieses Themas

    ai-tenshi

    ai-tenshi hat kostenlosen Webspace.

    oO
    Also soweit ich die beiden letzten Posts verstanden habe, muss ich die Unterseiten doch immer doppelt machen... ~~
  18. Genau. Anders geht es nicht wenn du nicht mit PHP arbeiten willst.

    Ich habe f?r meine Seite auch mehrere Farben:
    http://www.webhosting-4-you.de.vu

    Ansonsten k?nnte man das mit PHP evtl. so kl?ren, das du die Hintergrundbilder in Variablen l?dst und diese dann je nach Auswahl abrufst.

    MfG
  19. Autor dieses Themas

    ai-tenshi

    ai-tenshi hat kostenlosen Webspace.

    :/
    das w?r ne m?glichkeit......
    kannst du das erkl?ren, privateflash?
    und es geht nicht, dass man einzelne bilder aufrufen l?sst? also dass .... unser desi hat drei oder vier bilder einzeln - kleine bilder damits laden sooooooooooooo lange dauert....
  20. t****y

    Ich bim mir ziemlich sicher das es sogar ein Tutorial daf?r gibt, ich bin mir 100% sicher dass ich einen ?hnlichen Thread geschrieben hab, und ich bin mir 100% sicher das dies mit CSS geht, und ich bin mir 100% sicher das googlen auch hilft! Also bitte Suchfunktion benutzen!

    Mit Sessions oder Cookies.
    Cookiebeispiel (zwischen den head):

    <?php
    $style = "$_COOKIE[style]";
    echo "<link rel=stylesheet type="text/css" href="style$style.css">";
    ?>

    und um den cookie zu setzen (ganz oben in der datei [vor <html>]):
    <?php
    setcookie("style","1");
    ?>

    anstatt der 1 kannst du dann 1,2 oder 3 hinschreiben, oder eine Variable...

    Menlow


    jojojo :D
  21. Ich kann JavaScript programmieren :biggrin: und hab schnell a L?sung zusammengeschrieben:
    Scriptteil unbedingt am Ende des Bodys!


    Ich hoff das ist das wass du meinst!

    ps: JavaScripts am Besten mit Frontpage editieren. Da gibts Codevervollst?ndigung f?r JavaScript.
    Diese Funktion ist meiner Meinung nach das einzige Plus von Frontpage gegen?ber zB Dreamweaver.








    <html>

    <head>
    <title>Neue Seite 1</title>
    </head>



    <body id="idBody">

    <!--SEITENINHALT-->

    <h1 id="ueberschrift">?berschrift</h1>

    <!--WEITERER INHALT-->




    <script language="javascript">
    <!--
    //1. Zufallszahlen generieren
    var intRandom = Math.random(); //Das gibt eine Zufallszahl innerhalb von 0 und 1 heraus - also zB 0,224434332
    var intRandom = intRandom * 3; //Die Zufallszahl zwischen 0 und 1 wird Multipliziert - hier hinschreiben, wieviele Designs es gibt
    var intRandom = Math.floor(intRandom); //Das ganze Abrunden -> Kommastellen abschneiden
    //Mit dieser Prozedur werden 3 Zufallswerte erzeugt: 0-2



    //2. Design per CSS je nach gegebener Zufallszahl ver?ndern
    if (intRandom == 0)
    {
    document.getElementById("idBody").style.backgroundColor = "#002233"; //CSS angaben ohne - aber mit Gro?buchstabe danach
    document.getElementById("ueberschrift").style.fontFamily="Tahoma,Arial";
    document.getElementById("ueberschrift").style.color="White";
    }
    if (intRandom == 1)
    {
    document.getElementById("idBody").style.backgroundColor = "#012253"; //CSS angaben ohne - aber mit Gro?buchstabe danach
    document.getElementById("ueberschrift").style.fontFamily="Comic Sans MS,Arial";
    document.getElementById("ueberschrift").style.color="gray";
    document.getElementById("ueberschrift").style.textAlign="center";
    }
    if (intRandom == 2)
    {
    document.getElementById("idBody").style.backgroundColor = "#f23203"; //CSS angaben ohne - aber mit Gro?buchstabe danach
    document.getElementById("ueberschrift").style.fontFamily="arial";
    document.getElementById("ueberschrift").style.color="Green";
    }



    //oder 3. Seite je nach gegebener Zufallszahl laden (einfach Auskommentieren)
    /*
    if (intRandom == 0)
    {
    window.location.href = "seite0.htm";
    }
    if (intRandom == 1)
    {
    window.location.href = "seite1.htm";
    }
    if (intRandom == 2)
    {
    window.location.href = "seite2.htm";
    }
    */
    //-->
    </script>

    </body>

    </html>
  22. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

Login zum Webhosting ohne Werbung!