Mejorando el blog del ESLUG, el menú (Episodio final)
Martín Ortega  Abril 9 2021
Martín Ortega  Abril 9 2021
Con esto acabo la Temporada, yo creo que el ESLUG lo que necesita son entradas sobre las novedades del producto, Fix Pack, etc.
Me gustaría empezar con Domino Volt, pero tengo complicado conseguir el producto y no quiero comprometer a nadie, cuando estaba en IBM lo tenía fácil, me podía descargar lo que me diera la gana, a ver si HCL saca una versión para jubilatas 2.0 (free of course).


Bueno, voy a contar lo último, el menú.

Pensaba crear un blog para cambiar el del ESLUG pero lo que estoy haciendo en ir cogiendo lo que me gusta de los ejemplo que estoy creando y ir modificando el blog actual.

He creado uno nuevo solo para el menú, son dos Block Templates y una hoja de estilos, pero la hoja de estilos es solo para el menú, hago un copy/paste y después solo tengo que modificar los Page Templates.

Desde luego yo sigo utilizando la CSS de W3, pero le he quitado un montón de código, todo lo relacionado con chapa y pintura lo quiero controlar yo, me he encontrado con una pega gorda, como he puesto tres bloques, según voy bajando la resolución me obliga a hacer cambios, claro yo lo que quiero es que el javascript que cierra el menú funcione igual que el que hay actualmente en el ESLUG, al hacer clic en la parte que se oscurece debe cerrar el menú, eso me ha obligado a dar un tamaño al contenedor del menú, no se si me explico, quizás lo mejor es que ponga el enlace al ejemplo donde tengo el menú, pero está en pelotas aunque el menú funciona en todas las resoluciones que es realmente lo que me interesa, lo estoy afinando para ponerlo en el ESLUG.


Otra cosa, el en la parte de abajo de este ejemplo incompleto hay cuatro contenedores (con demasiados colorines), esto es hardware puro como consecuencia de mi obsesión en que los contenedores tengan la misma altura al margen de su contendido.

Estos contenedores tienen anchuras relativas pero con porcentajes absolutos, el principal es 100% y el resto 25%, no problem, pero a mi me gusta que tengan borde, eso rompe los porcentajes, lo que he hecho es que el borde sea una imagen de 1px, del mismo color que el borde del principal, que se sitúe a la derecha y que repita hacía abajo, pero no todos los contenedores necesita tener borde, hay que tener en cuenta que el principal ya lo tiene, por consiguiente el contenedor de la derecha no lo necesita, hardware total y encaje de bolillos.

Son cuatro Block Templates, de manera que si el usuario mete el contenido que le de la gana a cada Block Template  los contenedores tendrán siempre la misma altura.


Bueno con esto acabo esta serie, no quiero aburrir a la gente, igual la continuo pero en mi blog, el ESLUG es para cosas serias.

Aquí os dejo el enlace del ejemplo, pero como he dicho está en bolas, es solo para el que quiera ver el menú que pondré en este blog cuando llueva.


El enlace

Actualizado un rato más tarde.
Me acabo de traer los dos Block Templates del nuevo menú y la css pero por si las flowers lo he probado en la página de miembros.
Cambiar los Templates en la página y añadir la hoja de estilos, 1 minuto.
Arreglar el pifostio (cuando probé se veía fatal) 5 minutos.
El problema era que el ESLUG usa tres tamaños (@media) y la nueva hoja de estilos tiene cuatro.

Aquí podéis ver el resultado

Blog for DummiesBlog para TorpesESLUG

Mejorando el blog del ESLUG, el menú (Episodio final)