Configuración:
.
Biología
.
Botánica
.
Tecnología
.
Sociedad
A mis trece años de edad, el día 2 de Diciembre de 2007 inicié ‘El Balcón de Jame’. Este humilde espacio, cuyo secreto siempre fue el de compartir sin recibir nada a cambio, me dio la oportunidad de conocer un mundo nuevo, un entorno en el que me sentía yo mismo.

Hoy, 17 de abril de 2011 finalizo esta etapa de mi vida con una gran sonrisa y junto al recuerdo que este blog y cada unos de vosotros me habéis concedido.

He sido bloggero.

Jaime Trujillo Escobedo.

MENÚ CON ASPECTO "DIGITAL"

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.



EL CÓDIGO ES ESTE:

<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>

mertxy dice...

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

Jaime Trujillo Escobedo dice...

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 ;-)

Anónimo dice...

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

Jaime Trujillo Escobedo dice...

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 ;).

Escribe tu comentario en la entrada...

El Balcón de Jaime fue terminado el 17 de abril de 2011. Leer despedida.

Me gustaría conocer tu opinión. El comentario será moderado y en breve se publicará.

Si deseas incluir un enlace utiliza este código:

<a href="Dirección de tu página">Titulo del enlace</a>

Para publicar un código haz uso del Conversor de entidades.

Intenta escribir sobre algo relacionado con el artículo. Si no lo haces, podría tardar en responderte.

¿Problemas al comentar? Utiliza el formulario antiguo