AVISO IMPORTANTE

Si quieres un menú como este de los botones, pincha en el que tiene un interrogante. Te llevará a la página de donde saqué el código y si tienes algún problema o duda, su creador te ayudará a resolverlo.

Normas de obligado cumplimiento si me envias un mail pidiendo ayuda/consejo

1ª .- Adjunta SIEMPRE la dirección del blog en el que tengas el problema y procura escribir bien la dirección.

2ª .- Intenta explicar LO MAS CLARAMENTE POSIBLE tu problema.
No pagarás más por escribir más palabras.

3ª . - Si has de contestarme usa la opción RESPONDER.
No abras un nuevo hilo de mensajes.

4ª .- No me envies NUNCA la plantilla si no te la pido.

5ª .- No me envies NUNCA la contraseña.
NO PIENSO ENTRAR A MODIFICARTE NADA.

SI ME DEJAS LA PREGUNTA EN UN COMENTARIO
1º .- Si tienes más de un blog dime en cual está el problema.
2º .- Habilita el perfil para que pueda entrar a ver el blog.
3º .- Si el blog es privado tampoco podré verlo. Invítame.

Y por último: Si quieres que te conteste por mail, envíame la pregunta por mail, mi dirección está en la sidebar, en el botón de arriba que tiene un sobre y en casi todos mis blogs.

Enmarcar una cabecera en esta plantilla.

domingo, 10 de enero de 2010

Matizo en el título lo de "en esta plantilla" ya que la mayoría de plantillas originales de blogger tienen las medidas fijas y se puede poner un marco en el CSS en #header-wrapper.

Pero este modelo no es así.

Es una harbor y al igual que un par más de las que nos ofrece blogger, no tiene medidas definidas en píxels, sinó en % con lo que la cabecera abarca todo el ancho de la pantalla en la que se ve el blog.

Así, si yo miro mi propio blog a toda pantalla, al ser ésta de 1680 píxels el banner ocupa solo la mitad de la pantalla.

Si enmarcara la cabecera a través del CSS, el borde enmarcaría el banner, el garfield y el nuevo menú, ya que está colocado en un gadget en la cabecera, o sea, dentro de #header-wrapper.

Y hoy se me ha metido en el coco enmarcar solo el banner, así que he probado una idea y como podeis comprobar ha funcionado.

¿Como lo he hecho? Sigue leyendo.



Diseño/Edición de HTML. EXPANDIR ARTILUGIOS y buscar esta línea:

<!--Show just the image, no text--> que forma parte del código de la cabecera.

Una vez encontrada, un par de líneas más abajo puedes ver ésto:

<img expr:alt='data:title' expr:height='data:height'
expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl'
expr:width='data:width' style='display: block; border: 4px
ridge #FF6FCF
'/>

Solo verás lo que está en negro.

Le añades el estilo del borde, tal como lo ves aquí en rojo, poniendo el grosor el estilo y el color que prefieras, (estos datos que ves en rojo son los de este blog) y haces vista previa.

Guardas en cuanto lo tengas a tu gusto y ¡listo!.

Imprime esta entrada

5 comentarios. ¿Quieres añadir el tuyo?

  1. Marlen ha dicho
  2. hola Sra. Eulalia,
    primeramente quiero q me disculpe x escribirle en esta entrada es que no encontre otra manera para escribirle.
    Es la primera vez q entro a su pagina quiero felicitarla x este sitio q esta muuy bueno, me ha gustado muuucho. Todo lo q usted a publicada nos sirve de mucho a los blogger MUCHAS GRACIAS!!
    Mire tengo un blog, el blog es relacionado a una tenista, yo publico cosas sobre ella.
    lo q necesito para mi blog es un gadget q tenga el ranking de la tenista o algo asi, para q haci la gente sepa en q ranking esta la tenista. Yo he busca un gadget relaciona a lo q le dije pero no he tenido resultados.
    No se si usted sepa de alguno si es asi le pido de favor q me diga en donde encontrarlo se lo agradeceria muuuchisimo si me ayudara con eso.
    aqui le dejo mi pagina para q vea y me diga si es el ranking lo q le falta o otra cosita. http://maria-sharapova-tenis.blogspot.com/

    muchas gracias x su atención Sra Eulalia.

    espero este bien
    saludos..!!!

  3. Eulalia ha dicho
  4. Hola Marlen:
    Sinceramente no se si exoste este tipo de gadgets. Deberías mirar en la página de gadgets de igoogle.
    En la cabecera de este blog verás un enlace a gadgets. Es otro blog en el que hablo de los gadgets de igoogle y de como encontrarlos.
    Prueba allí.
    Si no existiera tendrías que confeccionar tu misma el ranking basándote en las estadísticas de alguna página oficial de la tenista.
    Ya me contarás.
    Saludos.

  5. SAGITARIOXII ha dicho
  6. !Saludos Eulalia! !como estas! te escribo primero para una observación ,te quedo muy bonita la plantilla nueva ,pero no sé si será a mi individualmente que no puedo abrir el directorio que tienes abajo,porque los botones no lo permite,queria abrir la sección de los gadgets, revisa para ver si es a mi que me sucede.Otra cosa queria saber si tu cedes las maripositas con las florecitas que estan al pasar el cursor ,si las cedes quisiera ponerlas que cayeran en mi cabecera,(digo..del blog)y como se haría.. si no es mucho pedir..ja.ja.ja.
    !chao y gracias!

  7. Eulalia ha dicho
  8. Hola: Me lo habían dicho, pero como entré con explorer no se notaba demasiado el fallo. Acabao de entrar con firefox y he visto a que os referiais, así que he ensanchado un poco los botones, a ver si ahora se puede pinchar en ellos sin que el otro menú fastidie.
    Lo he probado y si, poniendo el ratón en la parte de abajo del botón se puede.
    De todas formas proonto lo pondré abajo este menú, a ver que tal queda.

  9. Loladealmeria ha dicho
  10. Eulalia aki estoy dandote el latazo otra vez. He llegado a traves de faceboock, ¿ como se hace eso de poner los enlaces del blog y que salgan porque a mi na de na. ¿ dime algo?? bsss de primero de años guapetona ( esto es haciendote la pelota)

google-site-verification: google6804ea8a89fbde9f.html
Plantilla creada por laeulalia basada en la harbor de blogger.