login  Naam:   Wachtwoord: 
Registreer je!
Scripts > PHP > Handige scripts > kleurenkaart


Reacties op het script kleurenkaart

Offline  Thomas
Gepost op: 06 februari 2007 - 10:11
Moderator



Leuk.

Met de onderstaande snippet kun je tabellen genereren waarin in een X aantal stappen ($steps) van een kleur naar een ander loopt (bijvoorbeeld van rood naar groen). Elke tabel wordt $steps keer gedupliceerd, met de derde kleur als "gradiënt" toegevoegd (bijvoorbeeld blauw).

De ge-outputte HTML kun je opslaan, en middels de bijbehorende stijldeclaratie kun je de grootte van de kleur-blokken wijzigen.

Ook zou je $r, $g en $b kunnen verwisselen, om de "gradiënt" te variëren.

php code - Bekijk de code zonder highlighting - Klap code in 
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2. <html>
  3. <head>
  4. <title>color tables</title>
  5. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  6. <style type="text/css">
  7. <!--
  8. td
  9. {
  10.   font-family: Arial;
  11.   font-size: 8pt;
  12.   height: 20px;
  13.   width: 40px;
  14. }
  15. //-->
  16. </style>
  17. </head>
  18.  
  19. <body>
  20. <?php
  21. $steps = 20; // 255 / 5
  22.  
  23. for($b = 0; $b <= $steps; $b++)
  24. {
  25. 	echo "<table width=\"".($steps*40)."\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\">\n";
  26. 	for($r = 0; $r <= $steps; $r++)
  27. 	{
  28. 		echo "<tr>\n";
  29. 		for($g = 0; $g <= $steps; $g++)
  30. 		{
  31. 			$hex_r = str_pad(dechex(round(($r/$steps)*255)), 2, "0", STR_PAD_LEFT);
  32. 			$hex_g = str_pad(dechex(round(($g/$steps)*255)), 2, "0", STR_PAD_LEFT);
  33. 			$hex_b = str_pad(dechex(round(($b/$steps)*255)), 2, "0", STR_PAD_LEFT);
  34. 			$hex_rgb = $hex_r.$hex_g.$hex_b;
  35.  
  36. 			echo "<td style=\"background-color: #".$hex_rgb."\">".$hex_rgb."</td>\n";
  37. 		}
  38. 		echo "</tr>\n";
  39. 	}
  40. 	echo "</table>\n";
  41. 	echo "<br />\n";
  42. }
  43. ?>
  44. </body>
  45. </html>

Offline  xSc
Gepost op: 06 februari 2007 - 10:39
Onbekend



Grappig gedaan! Waaiers komen altijd goed van pas, maar ik gebruik de waaier van Photoshop meestal ;)

Offline  svm
Gepost op: 06 februari 2007 - 12:27
PHP ver gevorderde



Dit script is eigenlijk bedoeld voor de mensen die geen verstand hebben van HEX (daarmee bedoel ik diegenen die niet uit een code de kleur kunnen herleiden).
Zo heb ik bijvoorbeeld een script gemaakt om zonder programmeerkennis een startpagina te maken/beheren.
Hierbij komt ook HEX te pas voor de kleuren: daarvoor gebruik ik dan deze kaart.

@FangorN:
Ook een mooi script, maar zo'n groot pallet .

Offline  ikki007
Gepost op: 06 februari 2007 - 18:15
Gouden medailleGouden medaille

PHP ver gevorderde



Het voorbeeld klopt niet helemaal  

Offline  svm
Gepost op: 06 februari 2007 - 19:09
PHP ver gevorderde



Hoezo klopt het voorbeeld niet?
Het kan zijn dat het paneel wat groter of kleiner is: dit ligt aan de waarde van de variabel die je aan kunt passen.

Offline  ikki007
Gepost op: 06 februari 2007 - 22:06
Gouden medailleGouden medaille

PHP ver gevorderde



In firefox zie je gewoon een lap code, in internet explorer werkt die wel  

Offline  svm
Gepost op: 07 februari 2007 - 12:10
PHP ver gevorderde



Zal eens kijken...

Edit:
Hij werkt nu wel goed.
Dat komt doordat die hosting geen PHP ondersteund (het was een html-bestand met een PHP-extentie dat voorbeeld).

Offline  mitshell
Gepost op: 10 februari 2007 - 12:57
Nieuw lid



Leuk scripiej, altijd wel handig..:)


Enkel aanvullende informatie, vragen en antwoorden op vragen zijn welkom.
 
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.029s