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í:
He dejado el widget de la cabecera en el sitio que le corresponde y he borrado el de la menubar de donde estaba.<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>
Y he hecho vista previa.
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?
¡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.
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.
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
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
¿Quieres añadir tu opinión?
Gracias por hacerlo