A que te refieres con lo de la flecha? a que te indica cual es la pagina o zona donde te encuentras?
Si es eso, tendrías que hacer algo así
<b:if cond='data:blog.pageType == "index"'>
<li class='current-cat'><a expr:href='data:blog.homepageUrl'>Principal
</a></li> <b:else/>
<li><a expr:href='data:blog.homepageUrl'>Principal
</a></li> </b:if>
<b:if cond='data:blog.pageName == "articulo"'>
<li class='current-cat'><a href='/p/articulos.html'>Artículos
</a></li> <b:else/>
<li><a href='/p/articulos.html'>Artículos
</a></li> </b:if>
<b:if cond='data:blog.pageName == "contacto"'>
<li class='current-cat'><a href='/p/contacto.html'>Contacto
</a></li> <b:else/>
<li><a href='/p/contacto.html'>Contacto
</a></li> </b:if>
....
Donde
current-cat es
#menu li.current-cat a {
/* el estilo correspondiente .. */
}
Si no es eso, bueno.. es lo que entendí.
saludos!!
Esto que me acabas de poner no lo entiendo mucho, pero gracias de todas formas ya lo solucione. Se ve que blogger es un poco tiquismiquis, con los "<il></il> <ul></ul>".
Es decir visualmente se me quedaba:
>Inicio >acerca de >contacto
El simbolo de viñeta.
Pero buscando menus ya hechos por google, me empeze a fijar y encontre lo que buscaba. Os lo pongo:
<style>
#menulineup ul{
list-style: none;
}
#menulineup li{
list-style: none;
text-transform:uppercase;
}
#menulineup a{
float:left;
padding: 10px;
text-decoration:none;
}
#menulineup a:hover{
color:#00CC00;
background-color: #99CCCC;
font-size:20px;
}
</style>
HTML:
<div id="menulineup">
<ul>
<li><a href="#">Inicio</a></li>
<li><a href="#">acerca de</a></li>
<li><a href="#">Contacto</a></li>
</ul></div>
Al parecer me faltaba definir la clase "menulineup a" y colocar un "float:left" y problema solucionado.