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.

Modificar el Layout

martes, 24 de junio de 2008

Como sabeis una de las cosas que hago es modificar plantillas de blogger.
Habitualmente les dejo una medida de ancho no demasiado exagerada, pero habida cuenta de que cada vez hay más pantallas que superan los antiguos 800 píxels de ancho, no es extraño que haga algunas de hasta 1000 o 1100 pixels.

Otra de las cosas que suelo hacerles es aprovechar el crosscol para poner la menubar, de esta forma ésta dispone de su propia zona configurable de altura y de anchura.

También es bastante habitual que haga plantillas de 3 columnas, ya que cada vez es mayor su demanda.
Lo que sucede, al unir estas dos características, es que las herramientas empujan una de las columnas hacia abajo y, aunque las visitas ni las ven, a menudo recibo consultas acerca de como remediar este fallo.
Para solucionarlo se me ocurrió hacer que el crosscol fuera 40 píxels más ancho que el resto, con lo que las herramientas quedaban fuera de la zona general del blog y ya no empujaban la sidebar.

El problema surge en la trasera del blog, el Layout.
Al ensanchar el blog, se ensancha también esta zona, pero en lugar de ensancharse por los dos lados lo hace solo hacia la derecha, con lo que el Editar de la menubar queda, a menudo tan a la derecha que el scroll no alcanza a mostrarla.

Ayer hice un par de plantillas más y aprovechando que estaba trasteando en el código se me ocurrió modificar el código del Layout.
Pero la mínima no dispone de este código, así que se lo pegué de otra plantilla.

Para no alargarme demasiado os diré que tras muchos fracasos, logré dar con un código que hace que todo lo que vemos ahí detrás esté bien colocado y a la vista, sin necesidad de scroll horizontal.

Esto fue lo que añadí finalmente: (En azul el código, en cursiva y entre paréntesis la explicación)

/** Page structure tweaks for layout editor wireframe */
body#layout #outer-wrapper { (define la zona total)
padding-top: 0;
width: 900px; (define el ancho total)
}
body#layout #header-wrapper { (define la cabecera)
padding-top: 0;
width: 800px; (al ponerle un ancho inferior al total, siempre se verá el Editar)
}
body#layout #crosscol-wrapper { (define la zona donde pongo la menubar)
padding-top: 0;
padding-bottom: 10px; (con esto evito que las columnas de debajo queden montadas en la menubar)
width: 800px; (al igual que en la cabecera, al ser menor que el total siempre se verá el Editar)
}
body#layout #main-wrapper { (define la zona de las entradas)
padding-top: 0;
width: 400px; (como esta zona no es necesario que se vea muy ancha, al ponerle un ancho inferior a la mitad del total las columnas laterales no quedan mal colocadas)
}

Si necesitas copiarlo y haces un copia y pega, recuerda borrar o no copiar las explicaciones.

Imprime esta entrada

3 comentarios. ¿Quieres añadir el tuyo?

  1. Marian ha dicho
  2. Hola Eulalia, me ha surgido un problema en el layout del blog. Se ha puesto todo en fila india y centrada.
    He copiado tus indicaciones sobre el layout y no surte efecto, sigue igual
    ¿tienes alguna idea? mas que nada es la incomodidad para buscar cosas.
    Gracias y Besitos.

  3. Marian ha dicho
  4. Hola, guapisima. ¿Como te doy coba? ¿te das cuenta?
    ¿¿No se te ocurre nada que pueda arreglar mi problemilla???
    Es un autnetico coñazo tenerlo de esa manera. Gracias. besos

  5. Eulalia ha dicho
  6. Guapisima, no se si en algún momento te respondí a eso o acabé por olvidarlo, pero por si aún estás esperando repuesta te diré que ese problema me ha pasado a mi en algun blog de pruebas y solo lo he remediado cambiando la plantilla por una "normal" y volviéndola a cambiar por la que estaba trasteando.
    Besitos.

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