Hi,
Ich habe da mal etwas vorbereitet. ;)
Für die Hintergrundfarbe habe ich diesen Code verwendet;
<style type="text/css">.hintergrund { background-color:#20e20e }</style />
<p class="hintergrund">[B]Testeintrag<br />Um mal zu schauen, wie so etwas aussieht.[/B]
Das fettgedruckte ist der Bereich, wo der Textinhalt eingetragen wird, der im Textwidget angezeigt werden soll.
Für eine Hintergrundgrafik habe ich diesen Code verwendet;
<div style="background-image:url(http://www.google.de/logos/2011/pierre_de_fermat-2011-hp.jpg); margin:0px; padding:10px" />
<p>[B]Der Text<br />ist aber jetzt nicht so gut zu sehen, also dann besser eine andere Grafik.[/B]</div />
Beim oberen Code wird eine CSS Klasse mit der Bezeichnung hintergrund angelegt und dort dann die Hintergrundfarbe durch den mit der # versehenen Sechs Stelligen Hexcode vergeben.
Es gehen auch 3 Stellen, wie zum Beispiel #fff für Weiß, aber ich kann jetzt nicht genau sagen, ob dies auch für Zwischentöne geht, da müsste man mal nach Farbtabellen suchen.
Du musst bei den Klassenbezeichnungen eigentlich nur eine Regel beachten.
Keine Klassenbezeichnung darf doppelt vergeben werden.
Und so sieht das ganze dann in Aktion bei meiner Lokalen Installation aus;
http://imageshack.us/photo/my-images/705/textwidgets.jpg/
Ich hoffe ich habe es jetzt nicht zu kompliziert gemacht und konnte dir ein wenig weiterhelfen. ;)