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ú vertical de papel

Ayer por la mañana construí este precioso menú. Es un menú vertical con estilo papel. Al pasar el cursor el color del papel cambia y hace de este menú un resultado muy elegante...

DEMO

Ponerlo en tu blog es muy sencillo, simplemente sigue los pasos:

Diseño>edición HTML>expandimos artilugios

Busca la etiqueta ]]></b:skin> y encima pega estos bloques de CSS:

#menupapel ul li {
float:left;
font-weight:bold;
margin-right:3px;
padding-left:3px;
}

ul li, ol li {
list-style-type:none;
list-style-position:inside;
list-style-image:none;
}

#menupapel ul li a {
text-decoration:none;
text-align:center;
background:transparent url(http://i695.photobucket.com/albums/vv317/elbalcondejaime/2e517gl.jpg?t=1245960308) no-repeat scroll 0 0;
color:#6e6e6e;
display:block;
width:102px;
height:45px;
line-height:45px;
}

#menupapel ul li a:hover {
color:#575757;
background:transparent url(http://i695.photobucket.com/albums/vv317/elbalcondejaime/255s8k6.jpg?t=1245960307) no-repeat scroll 0 0;
}

Guarda cambios.

Diseño>añadir gadget>html-javascript

Pega este código:

<div id="menupapel">
<ul>
<li><a href="ENLACE1">TITULO 1</a></li>
<li><a href="ENLACE2">TITULO 2</a></li>
<li><a href="ENLACE3">TITULO 3</a></li>
<li><a href="ENLACE4">TITULO 4</a></li>
<li><a href="ENLACE5">TITULO 5</a></li>
<li><a href="ENLACE6">TITULO 6</a></li>
</ul>
</div>

Sustituye...

ENLACE X por la direccíon de tu web o blog, por ejemplo http://google.es/

TITULO X por el título del enlace.

Por último guarda el gadget y muévelo al lugar que más te guste (debajo o encima de las entradas, encima del footer / pié del blog...).

Alvado Analía dice...

Excelente trabajo, Jaime!
Argentina te saluda y celebra tus creativas mañanas… el menú de papel ha quedado precioso

http://garabatotierno.blogspot.com/

Un saludo cordial,

Analía garabato

Jaime Trujillo Escobedo dice...

Analía garabato, cuánto me alegra oir tus palabras =) que bien que te haya gustado el menú de papel ^_^

¡Saludines!

^(.)^ You me and a cup of tea ^(.)^ dice...

Buenas Jaime. Me ha gustado mucho cómo ha quedado el menú de papel, se adapta perfectamente al estilo y temática de mi blog. Seguiré usándolo. Muchas gracias por estos trucos, los principiantes en blogger agradecemos este tipo de ayuda.

Jaime Trujillo Escobedo dice...

Y lo mejor de todo es que, aunque la barra lateral o el lugar en el que lo coloquemos no afectará a su estructura ya que los "botones" se colocarán en distintas posiciones (vertical, horizontal).

Yo agradezco enormemente los comentarios, You me and a cup of tea.

^(.)^ You me and a cup of tea ^(.)^ dice...

Es lo menos que puede hacerse Jaime, agradecer.
Salu2.

Jaime Trujillo Escobedo dice...

Recibe un fortísimo abrazo, You me and a cup of tea ^^.

FILÁ NOSOTRAS dice...

Jaime, he puesto este menu en un blog y fue perfecto.
ahora lo puse en otro y no salen las imagenes a ver si puedes echarle un vistazo el blog es: http://lomasnueve.blogspot.com/ muchas gracias

FILÁ NOSOTRAS dice...

Jaime te cuento ya me funciona el menu pero tengo en ñla cabecera del blog una raya negra de otro menu que tenia, y no lo puedo quitar ¿sabrias donde esta el error? gracias

Jaime Trujillo Escobedo dice...

Me alegra mucho, Filá Nosotras. Por cierto, en breve resolveré tu consulta.

Jaime Trujillo Escobedo dice...

Filá Nosotras, prueba a realizar lo siguiente...

Busca este bloque en tu plantilla y añade las líneas que ves en negrita:

.header-bloque {
background:none repeat scroll 0 0 #000000;
border:1px solid #288CF0;
padding:10px;
text-align:center;
display:none;
visibility:hidden;

}

Haz vista previa para comprobar el resultado y guarda la plantilla para terminar.

FILÁ NOSOTRAS dice...

Jaime todo solucionado, eres magico ¡sabes mucho!

Jaime Trujillo Escobedo dice...

Jajaja ¡Muchísimas gracias Filá Nosotras!

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