Profil Pimper / Menü mit CSS für Nitestar

Da ja viele noch aus dem alten Blog versuchen das Design zu benutzen, habe ich hier mal ein vollständiges Menü-Design vorgegeben. Dieses könnt ihr mit nur einer Grafike erstellen:

Die Grafik müsste so aussehen:






Wenn ihr eine eigene verwenden wollt, müsst ihr nur die URL http://img512.imageshack.us/img512/7444/ddddddbj5.gif austauschen.

<style type="text/css">

/* Home-Button */

a#link_startseite{padding: 6 0 6 0px; background: url(http://img512.imageshack.us/img512/7444/ddddddbj5.gif) left center;}
a#link_startseite:hover {
background: none;
background: url(http://img512.imageshack.us/img512/7444/ddddddbj5.gif) left center;
}

/* Stadtplan-Button */

a#link_city { padding: 6 0 6 0px; left:602px; width: 70px; background: url(http://img512.imageshack.us/img512/7444/ddddddbj5.gif) right center;}
a#link_city:hover, a#link_city:active {
text-decoration: underline;
background: none;
background: url(http://img512.imageshack.us/img512/7444/ddddddbj5.gif) right center;
}

/* restliche Buttons -- Breite korrigiert*/

a#link_join { left: 42px; width: 70px; }
a#link_mitglieder { left:112px; width: 70px;}
a#link_gruppen { left:182px; width: 70px;}
a#link_partys { left:252px; width: 70px;}
a#link_musik { left:322px; width: 70px;}
a#link_fotos { left:392px; width: 70px;}
a#link_videos { left:462px; width: 70px;}
a#link_blogs { left:532px; width: 70px;}

/* restliche Buttons -- neuen Background */

#top_navigation a {background: none; background: url(http://img512.imageshack.us/img512/7444/ddddddbj5.gif) center center;}
div#top_navigation a.top_link:hover {background: none; background: url(http://img512.imageshack.us/img512/7444/ddddddbj5.gif) center center;}

</style>

Viel Spaß beim Pimpen.

Weitere Hilfe gibt es in der Profil-Pimper-Gruppe hier.