Background - Style von Webseite ändern

Seraphius · 02/05/2011, 14:19

Guten Tag liebe Member
Ich bastle im Moment eine html Webseite.
Jetzt kam ich auf die Idee mit einem Button den Style meiner Webseite zu ändern.
z.B. Bei der Webseite Piratenboard.net kann man zu unterst Style ändern drücken.
So etwas möchte ich auch machen...
Am besten wäre es natürlich mit CSS/HTML, aber geht auch mit Java/Jquery.
Nur bitte nicht mit php, besitze noch keinen kenntnisse darin.

NotEnoughForYou · 02/05/2011, 14:20

also es geht mit css / html eig ganz einfach, jquery müsste au gehn

Seraphius · 02/05/2011, 17:57

Und wie?
Habe jetzt für jedes neue Design eine neue home seite gemacht.
also:
Index.html
Index2.html
etc.

Krakatoas · 02/05/2011, 18:33

Solche Fragen gehören immer noch in den Coders-Bereich.

>moved to

<

yym3 · 02/07/2011, 00:26

PHP Code:


			
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Farben</title>
</head>
<script type="text/javascript">

    function changeBackground()
    {
        var min = 0;
        var max = 255;
        var f1 = Math.round((Math.random()* (max-min)));
        var f2 = Math.round((Math.random()* (max-min)));
        var f3 = Math.round((Math.random()* (max-min)));
        document.body.style.backgroundColor = "rgb("+f1+", "+f2+", "+f3+")";
        
    }

</script>
<body>
<form method="post" action="">
<input type="button" id="change" onclick="changeBackground()" value="Klick mich und Es Passiert was!" />
</form>
</body>
</html>

Hab hier mal was kleines getippt~
Erstellt eine Zufalls Farbe immer wenn man auf den Button Klickt^^

Lieben Gruß

(bin noch JavaScript neuling :/ )

Strean · 02/09/2011, 12:05

also er will was mit html erstellen und keine hochkomplexen <== scherz javascript mist da drinne haben =/

theoretisch wäre eine idee das du ein OnClick event( ist zwar auch javascript aber easy) auf den button setzt und bei click einfach ein bestimmtes css aufrufst oder per inline stylesheet den background änderst wäre meines achtens nach am einfachsten

yym3 · 02/09/2011, 13:36

Quote:

Originally Posted by Dr. Foto

Nein, mit Java geht es nicht.
Es geht nur mit Javascript, bitte nicht verwechseln, denn das ist was völlig anderes!

Quote:

Originally Posted by Strean

also er will was mit html erstellen und keine hochkomplexen <== scherz javascript mist da drinne haben =/

theoretisch wäre eine idee das du ein OnClick event( ist zwar auch javascript aber easy) auf den button setzt und bei click einfach ein bestimmtes css aufrufst oder per inline stylesheet den background änderst wäre meines achtens nach am einfachsten

PHP Code:


			
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Farben</title>

</head>

<script type="text/javascript">



    function changeBackground()

    {

        var min = 0;

        var max = 255;

        var f1 = Math.round((Math.random()* (max-min)));

        var f2 = Math.round((Math.random()* (max-min)));

        var f3 = Math.round((Math.random()* (max-min)));

        document.body.style.backgroundColor = "rgb("+f1+", "+f2+", "+f3+")";

        

    }



</script>

<body>

<a href="#" onClick="changeBackground()">Klick mich und es Passiert was!</a>

</body>

</html>

wie schon vorhin gepostet habe ist das en simpler lösungsvorschlag einfach mit JS :>
Ruf en OnClick auf und ändert per zufall dir farbe

Strean · 02/10/2011, 10:36

Quote:

Originally Posted by yym3

PHP Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Farben</title> </head> <script type="text/javascript"> function changeBackground() { var min = 0; var max = 255; var f1 = Math.round((Math.random()* (max-min))); var f2 = Math.round((Math.random()* (max-min))); var f3 = Math.round((Math.random()* (max-min))); document.body.style.backgroundColor = "rgb("+f1+", "+f2+", "+f3+")"; } </script> <body> <a href="#" onClick="changeBackground()">Klick mich und es Passiert was!</a> </body> </html>

wie schon vorhin gepostet habe ist das en simpler lösungsvorschlag einfach mit JS :>
Ruf en OnClick auf und ändert per zufall dir farbe

OnClick war doch auch mein vorschlag