Das Markup
<ul id="navi">
<li><h3>Ueber Mich</h3></li>
<li><a href="#" title="link mit Wunschtext">link mit wunschtext</a></li>
<li><a href="#" title="link mit Wunschtext">link mit wunschtext</a></li>
<li><a href="#" title="link mit Wunschtext">link mit wunschtext</a></li>
<li><h3>Weiteres</h3></li>
<li><a href="#" title="link mit Wunschtext">link mit wunschtext</a></li>
<li><a href="#" title="link mit Wunschtext">link mit wunschtext</a></li>
</ul>
Das Stylesheet
<style type="text/css">
ul#navi {
background-color:#[color:"red"](hexwert fuer doofes pink)[/color];
width:200px;
color:#fff;
}
ul#navi li {
background-color:#[color:"red"](hexwert fuer doofes pink)[/color];
width:50px;
color:#000;
/*margin-top:10px;*/
/*margin-right:10px;*
/*margin-bottom:0;*/
/*margin-left:10px;*/ }
</style>
Das was da in [color:"red"]Klammern[/color] steht einfach mit einem Sechstelligen Farbwert ersetzen (#FFC0CB)< das waere z.b. ein Pink.
So oder so aehnlich. Je nachdem wie du deine Abstaende zwischen den einzelnen Punkten bestimmen willst, solltest du die auskommentierten Margin wieder einbinden (/* */ weg machen.)
Und wenn du das in Knuddels verwenden willst, dann musst du die Umbrueche entfernen und das hintereinander weg schreiben, sonst geht da nix ^^