[PHP/CSS] Zufallsfarben..

01/17/2011 17:15 yym3#1
Hallo Liebe Community,
ich wollt hier mal ein kleines Tutorial Posten wie man Zufallsfarben mit PHP erzeugen kann (als Hintergrund o.ä).

Also.. als erstes erstellen wir uns ein neues Dokument.
Danach schreiben wir da folgendes Rein:

PHP Code:
<?php
/* Wir erstellen uns hier nun 3 Variablen welche per Zufall eine Zahl Zwischen 0 und 255 erstellt. */

$farb_wert1 = mt_rand(0, 255);
$farb_wert2 = mt_rand(0, 255);
$farb_wert3 = mt_rand(0, 255);

/* Nun sorgen wir dafür das Unser Hintergrund eine Farbe bekommt */

echo "<style>body { background-color:rgb(". $farb_wert1 .", ". $farb_wert2 .", ". $farb_wert3 ."); } </style>";

?>
Das war auch schon der Code.
Es werden 3 Zahlen per zufall erstellt zwischen 0 und 255. Die erste Zahl ist der Anteil an Rot, die Zweite an Gelb und die Letzte an Blau (rgb).
Immer wenn die Seite Aktuallisert wird kriegt der User eine andere Farbe zu sicht.
Man kann Natürlich auch die Zahlen einschränken bsp.: 0, 150 .. ist euch überlassen ;).

Hoffe das es sowas noch nicht Gab und es für den einen oder anderen Nützlich ist :P.


Lieben Gruß
01/20/2011 06:51 OneBestMetin#2
Klappt wirklich , kann man auch irgendwie nur einen kleinen Bereich mit zufallsfarben generieren lassen?
Also zb. nicht der Hintergrund sondern 20x20 Pixel soll es sein.
01/20/2011 13:13 Project Rivalry#3
setz is in nen div via html....
01/20/2011 17:17 yym3#4
Quote:
Originally Posted by OneBestMetin View Post
Klappt wirklich , kann man auch irgendwie nur einen kleinen Bereich mit zufallsfarben generieren lassen?
Also zb. nicht der Hintergrund sondern 20x20 Pixel soll es sein.
PHP Code:
<?php
/* Wir erstellen uns hier nun 3 Variablen welche per Zufall eine Zahl Zwischen 0 und 255 erstellt. */

$farb_wert1 = mt_rand(0, 255);
$farb_wert2 = mt_rand(0, 255);
$farb_wert3 = mt_rand(0, 255);

/* Nun sorgen wir dafür das Unser Hintergrund eine Farbe bekommt */

echo "<div style=\"height:20px; width:20px;  background-color:rgb(". $farb_wert1 .", ". $farb_wert2 .", ". $farb_wert3 .");\"></div>";

?>
So müsste es gehen^^