As the graphic is a vertical one you could, 4 example: cut every segment in a .gif or .png image. And (with perl) use a table to fix them in every cell of the same column. Those segments might be transparent with only their particular white background. Later, every table´s cell would have a different class name that would address to certain characteristics in it's background color. But since the picture's background color is always white, and only the solid is transparent. By changing the cell's background, programatically, you could change the segment's color.
Your script should change the CSS class color, and by this, you might change that segment's color. Or you might need to change several classes' colors, and that is the same effect with a lot of table cells with that same color.
Posts are HTML formatted. Put <p> </p> tags around your paragraphs. Put <code> </code> tags around your code and data!
Titles consisting of a single word are discouraged, and in most cases are disallowed outright.
Read Where should I post X? if you're not absolutely sure you're posting in the right place.
Please read these before you post! —
Posts may use any of the Perl Monks Approved HTML tags:
You may need to use entities for some characters, as follows. (Exception: Within code tags, you can put the characters literally.)
- a, abbr, b, big, blockquote, br, caption, center, col, colgroup, dd, del, div, dl, dt, em, font, h1, h2, h3, h4, h5, h6, hr, i, ins, li, ol, p, pre, readmore, small, span, spoiler, strike, strong, sub, sup, table, tbody, td, tfoot, th, thead, tr, tt, u, ul, wbr
Link using PerlMonks shortcuts! What shortcuts can I use for linking?
See Writeup Formatting Tips and other pages linked from there for more info.
| & || & |
| < || < |
| > || > |
| [ || [ |
| ] || ] ||