Aqui tienes otra buena opcion si quieres poner un menu en la sidebar de tu blog o web. Con un tono azul cielo, en este menu aparece una flecha (de ahi su nombre,claro) cada vez que pasas el cursor por encima del enlace. Sencillo, elegante y funcional.
Para implementarlo en nuestra pagina, primero añadimos los estilos CSS en el <body> de nuestra plantilla:
Ahora ponemos el siguiente codigo HTML alli donde queramos mostrar el menu (en Blogger, en un gadget HTML/Javascript), modificando lo que esta en rojo para agregar los enlaces, titulo y el texto que queramos:
<div class="bluearrow"> <ul> <li><a class="selected" href="URL ENLACE" title="TITULO">TEXTO</a></li> <li><a href="URL ENLACE" title="TITULO">TEXTO</a></li> <li><a href="URL ENLACE" title="TITULO">TEXTO</a></li> <li><a href="URL ENLACE" title="TITULO">TEXTO</a></li> <li><a href="URL ENLACE" title="TITULO">TEXTO</a></li> <li><a href="URL ENLACE" title="TITULO">TEXTO</a></li> </ul> </div> |
Y nuestro "Blue Arrow" nos quedara asi:
