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.

Aprovechar el crosscol 2ª parte

miércoles, 30 de abril de 2008

Hace unos días explicaba que había usado esta zona muerta del blog para que en el Blog-roll, (el blog que cierra la colección Utilidades), la menubar y la cabecera no se dieran de hostias por usar el mismo espacio.

Y aunque añadí la cabecera a la zona del crosscol, al no configurarle el CSS, menubar y cabecera acabaron juntas, en la parte del código HTML, bajo el header-wrapper.

Me quedó rondando por el coco que si añadía el código CSS del crosscol, podría poner la menubar bajo la cabecera, aprovechando realmente esta zona y estuve pensando en la manera en que podía hacerlo.

Hoy he añadido esto al CSS de la plantilla de ése blog.

/*Crosscol
----------------------------------------------*/
#crosscol-wrapper {
height:30px;
margin-top:0;
margin-$endSide:0;
margin-bottom:0;
margin-$startSide:0;
padding-$endSide:0;
padding-bottom:0;
}

(Las medidas las he copiado del Header-wrapper aunque luego lo he redimensionado según las necesidades).

En el HTLM he pegado el código de la menubar en el crosscol, con lo que este código ha quedado así:

<div id='crosscol-wrapper' showaddelement='no'
style='text-align:center'>

<b:section
class='menubar' id='menubar' maxwidgets='1' showaddelement='yes'>

<b:widget id='LinkList1' locked='true' title='Menubar'
type='LinkList'/>

</b:section>
</div>
He dejado el widget de la cabecera en el sitio que le corresponde y he borrado el de la menubar de donde estaba.
Y he hecho vista previa.

¡¡¡¡¡¡SISISISISIISIIIIIII!!!!!!!

Tan solo he tenido que redimensionar la cabecera y la zona del crosscol para que ambas cosas queden bien colocadas, se vean bien con los dos navegadores y no le disputen el espacio a nada de lo que hay en el blog.
¡Que parecían crios empujándose!

P.S. Agradezco nuevamente a J.Miur de Vagabundia que lo explicara.
Editado: 17 de mayo
Hoy estaba preparando una plantilla con dos columnas más una widebar y las herramientas de edición de la menubar, la echaban hacia abajo.
Se me ha ocurrido ponerle al código del crosscol el ancho y que éste fuera un poco superior al del outer-wrapper.
¡De fábula!
Así que si te sucede lo mismo, miras en cuanto está el ancho de tu blog y añades esta línea bajo la de height
width: 0000px; teniendo en cuenta donde están los ceros has de poner la medida de tu blog, más unos 40 píxels para las herramientas.

Imprime esta entrada

4 comentarios. ¿Quieres añadir el tuyo?

  1. Vesta ha dicho
  2. ¡Hola preciosa!

    Estoy por aquí aún y leyendo tu blog, se me ha ocurrido preguntarte si existe en algún lugar un "Glosario o Diccionario" de términología bloggers.

    Verás, no sé cómo le irá a los demás (aunque es obvio, que mucho mejor que a mi) pero, me pierdo mucha parte de tu explicación porque desconozco muchos términos, como por ejemplo: "crosscol", "redimensionar", "menubar, "wrapper", "blog-roll", "dots", "scroll lateral", ...ect, etc, etc.

    ¿Sabes si existe un glosario de términos donde poder acudir?

    De seguro, que de saberlo quien lo sabrías eres tú.

    Gracias por atenderme y disculpa si te he importunado, pero es que confío mucho en ti, amiga.

    Un besote,

    Vesta, desde mi corazón.

  3. Eulalia ha dicho
  4. Hola Vesta:

    No se si existe eso que dices, pero no eres la primera persona que lo pregunta.

    Se que cuando empezamos todas estas palabras nos suenan a chino, y tengo en mente crear este glosario explicando más que su significado, a que corresponde cada palabreja de estas.

    Dadme tiempo, que tengo en marcha varias cosas, y lo haré.

    De momento puedo decirte que crosscol no se qué signufica exactamente pero define una zona que queda bajo la cabecera donde a menos que se lo añadas, no hay nada.

    Redimensionar es cambiar las medidas de algo.

    menubar es la barra-menú que tengo debajo del título del blog donde puedes pinchar en los enlaces para ir a otros blogs.

    wrapper es el equivalente a contenedor y se utiliza en los códigos para definir una zona concreta que contenga otras zonas.

    blog roll significa lista de enlaces.

    dots es el nombre de una plantilla, (esa que tiene unos puntos grandes, amarillos y verdes, puedes verla en seleccionar plantilla nueva)

    scroll es una barra que sube y baja o se mueve a derecha e izquierda para que se vea lo que no cabe en la pantalla, el scroll lateral es el que hay a la derecha para subir y bajar.

    Ya te digo que con algo de toempo haré este glosario del que hablas, y lo apoyaré con imágenes para que podais comprender mejor qué es cada cosa.

    Un beso.

  5. Andriana ha dicho
  6. Hola Elualia, estoy intentando poner menubar a plantilla minima he puesto el codigo css y no se donde poner la parte html del codigo y otra cosa he puesto lo de width: 00Xpx porque la sidebar se quedo a un extremo y la main-wrapper a otro y no cambio nada
    Gracias

  7. Andriana ha dicho
  8. Hola Elualia, no respondas por perder el tiempo, Ya lo he visto "Tunear la Minima", no se porque siempre me meto donde no debo Un Saludo

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