Kategorien:

Archiv:

RSS-Feed

Jetzt abonnieren!

Eigenwerbung

Mobiles Webdesign

Mobiles Webdesign
Erscheinungsjahr: 2008
Verlag: Galileo Computing
ISBN-13: 978-3836211536
Jetzt kaufen bei Amazon!

Lesenswert

Alvit Icon bieh myself and i Icon bs-markup Icon CSS4You Icon Designguide Icon Dosenapfel Dr Web Icon EfA Icon Einfach Persönlich Icon Spiekermann Icon Family Guy QUotes Icon Graffitinews Icon F-Log-E Icon Hessendscher Icon Iteso Icon Jeena Paradies Icon Labuschin Icon Lavasign.de Icon Mediengestalter-Blog Icon Jens Meiert Icon SIS Icon Perun Icon Pixelgangster Icon Pixelgraphix Icon Physiofiedler Icon Prägnanz Icon Sebastian Kippe Icon Thomas goes .NET Icon Textformer Icon Uckan Icon Webstandard Icon Webstandards in Germany Icon Werbeblogger Icon Yatil Icon Mehr …

Latest photoblog

photoblog

Blog » Linearer Farbverlauf für Tabellen

Linearer Farbverlauf für Tabellen

10.01.2008

Ich brauchte kürzlich ein Script, welches in einer Tabelle jede Zeile so färbte, dass sich ein Farbverlauf ergab. Vielleicht braucht ja der ein oder andere von Euch vielleicht mal eine ähnliche Spielerei, daher möcht ich das Script nicht vorenthalten:

<?php
/**
 * Erzeugt einen linearen Farbverlauf von einer Farbe zu einer anderen Farbe
 *
 * @author    Manuel Bieh
 * @param     string      Hex-Wert als Ausgangsfarbe
 * @param     string      Hex-Wert als Zielfarbe
 * @param     integer     Anzahl der Zwischenschritte
 * @return    array
 */
function gradient($start, $end, $steps=16) {
 
	if( (strlen($start) != 6) || (strlen($end) != 6) ) {
		return false;
	}
 
	$s[0] = hexdec(substr($start, 0, 2));
	$s[1] = hexdec(substr($start, 2, 2));
	$s[2] = hexdec(substr($start, 4, 2));
 
	$e[0] = hexdec(substr($end, 0, 2));
	$e[1] = hexdec(substr($end, 2, 2));
	$e[2] = hexdec(substr($end, 4, 2));
 
	$diff[0] = $s[0] &gt; $e[0] ? ($s[0]-$e[0])/($steps-1) : ($e[0]-$s[0])/($steps-1);
	$diff[1] = $s[1] &gt; $e[1] ? ($s[1]-$e[1])/($steps-1) : ($e[1]-$s[1])/($steps-1);
	$diff[2] = $s[2] &gt; $e[2] ? ($s[2]-$e[2])/($steps-1) : ($e[2]-$s[2])/($steps-1);
 
	$r[0] = $s[0];
	$g[0] = $s[1];
	$b[0] = $s[2];
 
	for($i=1; $i&lt;=$steps-1; $i++) {
 
		$r[$i] = $s[0] &gt; $e[0] ? $s[0] -= $diff[0] : $s[0] += $diff[0];
		$r[$i] = round($r[$i]);
 
		$g[$i] = $s[1] &gt; $e[1] ? $s[1] -= $diff[1] : $s[1] += $diff[1];
		$g[$i] = round($g[$i]);
 
		$b[$i] = $s[2] &gt; $e[2] ? $s[2] -= $diff[2] : $s[2] += $diff[2];
		$b[$i] = round($b[$i]);
 
	}
 
	$r[$steps] = $e[0];
	$g[$steps] = $e[1];
	$b[$steps] = $e[2];
 
	$count = count($r);
 
	for($i=0; $i&lt;$count; $i++) {
		$color[$i] = str_pad(dechex($r[$i]), 2, '0', STR_PAD_LEFT) . 
str_pad(dechex($g[$i]), 2, '0', STR_PAD_LEFT) . 
str_pad(dechex($b[$i]), 2, '0', STR_PAD_LEFT);
	}
 
	return $color;
 
}
?>

http://manuelbieh.de/www/blog/wp-content/uploads/2008/01/gradient.phps

Wie das aussehen kann, kann man sich hier anschauen:
http://manuelbieh.de/www/blog/wp-content/uploads/2008/01/gradient.examples.php
(http://manuelbieh.de/www/blog/wp-content/uploads/2008/01/gradient.examples.phps)

Viel Spaß damit.

Ein Kommentar zu “Linearer Farbverlauf für Tabellen”

  1. Grafik: GravatarPHP Usergroup Munich » Blog Archive » Farbverläufe mit PHP:

    [...] Bieh hat just einen cleveren Beitrag bzw. ein PHP-Codesnippet veröffentlicht, mit dem er zeigt wie man Elemente (zB. Tabellenzellen) mit Farbverläufen versehen [...]

Die Trackback-URL lautet

Kommentar schreiben