Menu CSS (Hi5)

Bueno eh aquí un menu para personalizar si hi5:

Spoiler

Código:

<style type="text/css">

/*By: [[RaY]] */
/*By: [G.GK]*/

.sexypanels{
list-style-type: none;
margin: 0;
padding: 0;
width: 180px; /* width of menu */
}

.sexypanels li{
border-bottom: 1px solid white; /* white border beneath each menu item */
}

.sexypanels li a{
background: #333 url(media/sexypanelright.gif) no-repeat right top; /*color of menu by default*/
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana;
display: block;
color: white;
width: auto;
padding: 5px 0; /* Vertical (top/bottom) padding for each menu link */
text-indent: 8px;
text-decoration: none;
border-bottom: 1px solid black; /*bottom border of menu link. Should be equal or darker to link's bgcolor*/
}

.sexypanels li a:visited, .sexypanels li a:active{
color: white;
}

.sexypanels li a:hover{
background-color: black; /*color of menu onMouseover*/
color: white;
border-bottom: 1px solid black; /*bottom border of menu link during hover. Should be equal or darker to link's hover's bgcolor*/
}


</style>

<!--[if IE]>
<style type="text/css">
.sexypanels li a{ /* Menu link width value for IE */
width: 100%;
}
</style>


<ul class="sexypanels">
<li><a href="URL DEL SITIO">TEXTO</a></li>
<li><a href="URL DEL SITIO">TEXTO</a></li>
<li><a href="URL DEL SITIO">TEXTO</a></li>
<li><a href="URL DEL SITIO">TEXTO</a></li>
<li><a href="URL DEL SITIO">TEXTO</a></li>
        
</ul>

esta seria la muestra de como se veria en su perfil:

Spoiler

ahora una breve explicacion para la aplicacion del mismo:

aplicaran todo el codigo en la parte de hi5 "acerca de mí".. en "intereses" no lo eh probado pero estoy seguro de que igual funcionara..

ahora del codigo solo modificaran lo siguiente:

Código:

<li><a href="URL DEL SITIO">TEXTO</a></li>
<li><a href="URL DEL SITIO">TEXTO</a></li>
<li><a href="URL DEL SITIO">TEXTO</a></li>
<li><a href="URL DEL SITIO">TEXTO</a></li>
<li><a href="URL DEL SITIO">TEXTO</a></li>

cambiaran URL DEL SITIO por la URL del sitio a donde quieran que los redireccione una ves dandole click..

ahora cambiaran TEXTO por lo que ustedes quieran mostrar en su menú..

por ultimo si quieren mas renglones ó secciones en el menu solo tienen que agregar o quitar esto:

Código:

<li><a href="URL DEL SITIO">TEXTO</a></li>

creo q eso es mas que obvio asi que no hay mas que decir

si hubiera una duda no duden en ponerla..

espero les guste y les sea de ayuda

saludoz!