ESTUVE BUSCANDO CÓDIGOS DE MENÚ, CON UN ASPECTO DIGITAL, O ALGO COMO MÁS PROFESIONAL, PERO NO TUVE UNA BÚSQUEDA SATISFACTORIA, AÚN ASÍ, ENCONTRÉ ESTE MÁGNIFICO CÓDIGO QUE SE PONE EN UN ELEMENTO html-javascript EN LA PARTE DE DISEÑO DE TU PLANTILLA.
<style>#MainMenu
{
height:27px;
background: #FFFFFF;
margin:0;
border-style: solid;
border-color:#9AB6D2;
border-top-width:0;
border-right-width:0;
border-bottom-width:3px;
border-left-width:0;
}
#tab
{
margin:0;
top:0;
}
#tab ul
{
margin:0;
padding:0;
list-style:none;
float:left;
}
#tab li
{
display:inline;
float:left;
margin:0 1px 0 0 ;
padding:0;
}
#tab a
{
background: url("http://img222.imageshack.us/img222/461/bright115ow7.gif") no-repeat right top;
margin:0;
padding:0;
text-decoration:none;
border:0;
display:block;
float:left;
}
#tab a span
{
display:block;
background:url("http://img233.imageshack.us/img233/1986/bleft115rc5.gif") no-repeat left top;
padding:0 22px 0 22px;
font-family:Arial, Helvetica, sans-serif;
font-size:11;
color:#FFFFFF;
font-weight:bold;
line-height:27px;
}
#tab a:hover,#tab li.item_active a
{
background-position:right bottom;
border-color:;
}
#tab a:hover span,#tab li.item_active a span
{
background-position:left bottom;
color:#016599;
font-weight:bold;
font-style:normal;
text-decoration:none;
}
.dropmenudiv
{
position:absolute;
top:0;
float:left;
display:block;
visibility:hidden;
border-style: solid;
border-color:#9AB6D2;
border-top-width:0;
border-right-width:0;
border-bottom-width:3px;
border-left-width:0;
background: #FFFFFF;
color:#FFFFFF;
z-index:100;
text-decoration:none;
padding:0;
}
.dropmenudiv ul
{
margin:0;
padding:0;
list-style:none;
}
.dropmenudiv li
{
display:inline;
margin:0;
padding:0;
}
.dropmenudiv a:link, .dropmenudiv a:visited
{
width:180px;
margin:0 1px 0 0 ;
padding:0;
display:block;
border:0 solid ;
color:#FFFFFF;
background:url("http://img233.imageshack.us/img233/1986/bleft115rc5.gif") no-repeat left top;
font-weight:bold;
font-style:normal;
text-decoration:none;
}
.dropmenudiv a span
{
float:left;
display:block;
line-height:27px;
background:url("http://img222.imageshack.us/img222/461/bright115ow7.gif") no-repeat right top;
padding:0 22px 0 22px;
font-family:Arial, Helvetica, sans-serif;
font-size:11;
color:#FFFFFF;
}
.dropmenudiv a span
{
float:none;
}
.dropmenudiv a:hover
{
border:0 solid ;
background-position:left bottom;
font-weight:bold;
font-style:normal;
text-decoration:none;
color:#016599;
}
.dropmenudiv a:hover span
{
background-position:right bottom;
color:#016599;
font-weight:bold;
}
</style>
<div id="MainMenu">
<div id="tab">
<ul>
<li class="item_active"><a href="http://www.ELBALCONDEJAIME.BLOGSPOT.com"><span>Sobre mi</span></a></li>
</ul>
</div>
</div>
hola jaume qurido he estado intentando poner este en el blog de "Mercedes" cambiandole a colores naranjas y no me sale, sólo me sale ...sobre mi...y en azul, en verdad qué torpe soy aajjaja
miles de besitos cariño
merchy
mertxy, el color no se puede cambiar ya que está hecho con imagenes y no con códigos de color.
En cuánto a lo de los enlaces, para agregar más enlaces y no tener sólo el de "Sobre mi" agrega esta línea las veces que quieras:
<li class="item_active"><a href="URL DE TU BLOG"><span>TITULO DEL MENU</span></a></li>
Y no digas que eres torpe, tod@s debemos aprender ;-)
Hola Jaime como estas,sabes que desde hace dias estaba por escribirte, para decirte que muchas gracias por ofrecer todos estos contenidos que han sido de mucha utilidad, he creado dos blogs y toda la informacion la he sacado de aqui, si queres verlos 1. pecadosexoykarma.blogspot.com;
2. sistemasreal.blogspot.com;
saludos
Hola Anónimo. Acabo de adentrarme en tus blogs y me han gustado bastante, sobre todo el segundo. Veo que instalaste el menú deslizante lateral ;).