ADMIN ADMIN 31 Enero 2010 13:53:52 Verde
Seguiré poniendo cosas de este blog, pero en nuestra fábrica. Voy a crear una etiqueta que se llamará verde, todos los documentos relacionados con la "Customización de este blog" estarán agrupados en el ESLUG Factory con esta etiqueta.
Ahora mismo lo cuelgo, así como está ahora (con faltas de ortografía incluidas).
Solo me falta una pijada a nivel de cambio de idioma, el resultado de la búsqueda, pero hay tengo un problemilla, si meto acentos en el agente (un agente en ruso o java, que para mi es lo mismo) hace cosas raras, o sea "Page" se queda en raro, es que poner "Pagina" sin acento no queda muy fino, lo prefiero en raro.
El resto creo que está todo OK, otra cosa es que no te guste el diseño, pero para eso estoy poniendo estas entradas, cambia templates, píntalos a tu gusto, añade tus propios templates.
Le voy a poner la etiqueta "Pijadas" a esta entrada, motivo ???:
Ya he comentado que si quieres que el blog ajuste, tienes que andar con cuidado con el tamaño de las imágenes, pues esta entrada tiene una imagen de 1000px y el blog no se rompe, la ajusta.
Cómo se hace eso ???.
Si te has leido las entradas anteriores deberías saberlo, para los que no leen (escanean) lo verán en esta entrada si se bajan el blog (Ojo ¡¡¡ no es obligatario bajárselo)
Comentarios [0]
Ahora mismo lo cuelgo, así como está ahora (con faltas de ortografía incluidas).
Solo me falta una pijada a nivel de cambio de idioma, el resultado de la búsqueda, pero hay tengo un problemilla, si meto acentos en el agente (un agente en ruso o java, que para mi es lo mismo) hace cosas raras, o sea "Page" se queda en raro, es que poner "Pagina" sin acento no queda muy fino, lo prefiero en raro.
El resto creo que está todo OK, otra cosa es que no te guste el diseño, pero para eso estoy poniendo estas entradas, cambia templates, píntalos a tu gusto, añade tus propios templates.
Le voy a poner la etiqueta "Pijadas" a esta entrada, motivo ???:
Ya he comentado que si quieres que el blog ajuste, tienes que andar con cuidado con el tamaño de las imágenes, pues esta entrada tiene una imagen de 1000px y el blog no se rompe, la ajusta.
Verde que te quiero verde
Cómo se hace eso ???.
Si te has leido las entradas anteriores deberías saberlo, para los que no leen (escanean) lo verán en esta entrada si se bajan el blog (Ojo ¡¡¡ no es obligatario bajárselo)
Comentarios [0]
Este template se usa en todos los Page Templates.
Ya he contado como cambiar los colorines en una entrada anterior, pero este blog hace una cosa "rara", me explico:
Si creamos una WebPage y ponemos el enlace en el Banner, debería resaltar que estamos en esa página.
Mientras escribía esta entrada he arreglado esa cosa rara, ahora cuando pincho en Autor, cambia el color para indicarnos que estamos en esa página.
Es igual que vayamos a la página usando el menú superior, que usemos el desplegable, lo resaltara.
Cómo se hace esto ??? mírate el Banner y el ahead de la WebPage autor.htm, la cosa no tiene mucho misterio. Para ver el ahead de una WebPage (o cualquier entrada) tienes que desplegar "HTML Options".
Otra pijada del Banner. (aprovecho para crear la etiqueta Pijadas, hay muchas pijadas que comentar)
Le he puesto un par de enlaces, al blog del ESLUG y a nuestra fábrica, pero los muestra en la misma ventana.
Si los quieres sacar fuera solo tienes que poner el Target en la url.
Lo acabo de poner en el enlace a la fábrica.
Relacionado con esto comentaré que en un foro que me estaba currando (ahora hay otro miembro del ESLUG trabajando en este tema) le hice una pequeña trampa, el objetivo era que sonará la canción de los Beatles todo el tiempo que estuvieras enredando (en este blog se para al cambiar de página). Problema ??? si no usas el Target en los enlaces fuera de la base de datos, sonará forever and ever.
Este enlace demuestra lo que estoy contando
Comentarios [0]
Ya he contado como cambiar los colorines en una entrada anterior, pero este blog hace una cosa "rara", me explico:
Si creamos una WebPage y ponemos el enlace en el Banner, debería resaltar que estamos en esa página.
Mientras escribía esta entrada he arreglado esa cosa rara, ahora cuando pincho en Autor, cambia el color para indicarnos que estamos en esa página.
Es igual que vayamos a la página usando el menú superior, que usemos el desplegable, lo resaltara.
Cómo se hace esto ??? mírate el Banner y el ahead de la WebPage autor.htm, la cosa no tiene mucho misterio. Para ver el ahead de una WebPage (o cualquier entrada) tienes que desplegar "HTML Options".
Otra pijada del Banner. (aprovecho para crear la etiqueta Pijadas, hay muchas pijadas que comentar)
Le he puesto un par de enlaces, al blog del ESLUG y a nuestra fábrica, pero los muestra en la misma ventana.
Si los quieres sacar fuera solo tienes que poner el Target en la url.
Lo acabo de poner en el enlace a la fábrica.
Relacionado con esto comentaré que en un foro que me estaba currando (ahora hay otro miembro del ESLUG trabajando en este tema) le hice una pequeña trampa, el objetivo era que sonará la canción de los Beatles todo el tiempo que estuvieras enredando (en este blog se para al cambiar de página). Problema ??? si no usas el Target en los enlaces fuera de la base de datos, sonará forever and ever.
Este enlace demuestra lo que estoy contando
Comentarios [0]
ADMIN ADMIN 30 Enero 2010 18:30:34 Page Templates
Este Template parece un poco inútil, pero solo lo parece.
Es el que muestra el enlce de la propia entrada en la HomePage, si haces clic en el título lo muestra solo usando este template.
Qué pasa si le quito el enlace en las entradas que muestra la HomePage, lo dejo solo con el tíitulo pero sin enlace ???.
A bote pronto parece que no pasaría nada (me voy a olvidar de los RSS que por cierto me falta ponérselos).
Para qué necesito mostrar solo el documento ???
La respuesta no tiene nada que ver con los comentarios (para eso usa otro Template).
Dejo aquí la pregunta, si algún listo se atreve a contestar, here estoy.
Pago una botella de sidra al que lo acierte.
Bueno, después de la pregunta, sigo contando este template.
Se diferencia bien poco de la Home Page, podríamos decir a bote pronto que la diferencia está en que la HomePage usa "además" un Item Template, pero este template tiene lo del Item "inside".
Como me voy dejando cosas por el camino, aprovecho para decir como cambiar el tamaño del texto (el de las entradas).
El blog tiene unos tamaños globales, pero yo se lo he metido en el #Content, 13px, pon el valor que quieras.
La verdad es que no queda muy fino diferentes tamaños de texto (a no ser que sea un título o algo que queramos resaltar), se supone que si ponéis una tetra más grande deberías cambiar también el de los menús de arriba y izquierda, si os habéis leído las entradas anteriores se supone que debéis saber hacerlo.
Qué pasa que tú no lees ??? tú escaneas, en ese caso te diré que tienes que modificar estas cosas, #menuiz, #tablaleft y #tablaright.
Qué más puedo contar de este template ???, creo que poco más, bueno si, voy a contar una pijada más. Imaginaros que tengo la HomePage con un montón de entradas (esto se controla en el documento de configuración, pestaña "Advanced",Number of Items to Show), además el LeftSideBar tiene mogollón de etiquetas, enlaces y archivos. La HomePage no quedará mal, pero si nos vamos a una entrada a pelo (mostrada con este template) quedara un poco raro, me explico:
Verás un peazo menú izquierdo y una entrada que igual solo tiene un par de líneas.
Comó arreglamos esto ??? muy fácil, copy/paste del LeftSideBar en la vista de BlockTemplates, ya tenemos dos que se llaman igual, cambia el nombre al que más rabia te de, quítale cosas (por ejemplo, las etiquetas) déjalo a tu gusto.
Vete al PageTemplate Document y en lugar de LefSideBar pon el tuyo.
Esto es válido para todos los Page Templates, cada uno puede mostrar un menú izquierdo a gusto del comsumidor.
Comentarios [0]
Es el que muestra el enlce de la propia entrada en la HomePage, si haces clic en el título lo muestra solo usando este template.
Qué pasa si le quito el enlace en las entradas que muestra la HomePage, lo dejo solo con el tíitulo pero sin enlace ???.
A bote pronto parece que no pasaría nada (me voy a olvidar de los RSS que por cierto me falta ponérselos).
Para qué necesito mostrar solo el documento ???
La respuesta no tiene nada que ver con los comentarios (para eso usa otro Template).
Dejo aquí la pregunta, si algún listo se atreve a contestar, here estoy.
Pago una botella de sidra al que lo acierte.
Bueno, después de la pregunta, sigo contando este template.
Se diferencia bien poco de la Home Page, podríamos decir a bote pronto que la diferencia está en que la HomePage usa "además" un Item Template, pero este template tiene lo del Item "inside".
Como me voy dejando cosas por el camino, aprovecho para decir como cambiar el tamaño del texto (el de las entradas).
El blog tiene unos tamaños globales, pero yo se lo he metido en el #Content, 13px, pon el valor que quieras.
La verdad es que no queda muy fino diferentes tamaños de texto (a no ser que sea un título o algo que queramos resaltar), se supone que si ponéis una tetra más grande deberías cambiar también el de los menús de arriba y izquierda, si os habéis leído las entradas anteriores se supone que debéis saber hacerlo.
Qué pasa que tú no lees ??? tú escaneas, en ese caso te diré que tienes que modificar estas cosas, #menuiz, #tablaleft y #tablaright.
Qué más puedo contar de este template ???, creo que poco más, bueno si, voy a contar una pijada más. Imaginaros que tengo la HomePage con un montón de entradas (esto se controla en el documento de configuración, pestaña "Advanced",Number of Items to Show), además el LeftSideBar tiene mogollón de etiquetas, enlaces y archivos. La HomePage no quedará mal, pero si nos vamos a una entrada a pelo (mostrada con este template) quedara un poco raro, me explico:
Verás un peazo menú izquierdo y una entrada que igual solo tiene un par de líneas.
Comó arreglamos esto ??? muy fácil, copy/paste del LeftSideBar en la vista de BlockTemplates, ya tenemos dos que se llaman igual, cambia el nombre al que más rabia te de, quítale cosas (por ejemplo, las etiquetas) déjalo a tu gusto.
Vete al PageTemplate Document y en lugar de LefSideBar pon el tuyo.
Esto es válido para todos los Page Templates, cada uno puede mostrar un menú izquierdo a gusto del comsumidor.
Comentarios [0]
ADMIN ADMIN 30 Enero 2010 17:41:04 Home Page
Bueno, creo que en los documentos anteriores he contado casi todo el contenido de la Home Page.
La cosa sería más o menos así.
Arriba el HTMLTop, solo tiene código.
Debajo, el Banner.
Más abjo está lo de Recientes, el RecientesHTML Template.
A la izquierda el LefSideBar.
Bueno, se me olvidaba, el HTMLBottom, la parte de abajo que solo tiene una imagen.
Y lo más importante "Las entradas".
En teoría la Home Page solo usa estos Block Templates, si me cepillo es resto, tendré líos en la búsqueda, el archivo, los documentos a pelo ( mucha gente lo llama permanet link), pero si abro el blog en la Home Page con solo los templates que hemos visto, se supone que tendría que verse.
Pues no señor ¡¡¡, se verán cosas, pero las entradas estarán missing.
Hay un Item Template que solo se usa en la Home Page, el Default Item, es el que nos muestra el contenido de las entradas.
Échale un vistazo para ver como está organizado, cambia en la hoja de estilos lo que creas conveniente, el título, el color de fondo, etc, etc.
Qué no te gusta el montaje de este Item Template ???.
Cópia el contenido del que trae la plantilla a pelo y pégalo en lugar de que tiene ahora.
No problems, he mantenido todo el código en la hoja de estilos para que funcione sin problemas.
Comentarios [0]
La cosa sería más o menos así.
Arriba el HTMLTop, solo tiene código.
Debajo, el Banner.
Más abjo está lo de Recientes, el RecientesHTML Template.
A la izquierda el LefSideBar.
Bueno, se me olvidaba, el HTMLBottom, la parte de abajo que solo tiene una imagen.
Y lo más importante "Las entradas".
En teoría la Home Page solo usa estos Block Templates, si me cepillo es resto, tendré líos en la búsqueda, el archivo, los documentos a pelo ( mucha gente lo llama permanet link), pero si abro el blog en la Home Page con solo los templates que hemos visto, se supone que tendría que verse.
Pues no señor ¡¡¡, se verán cosas, pero las entradas estarán missing.
Hay un Item Template que solo se usa en la Home Page, el Default Item, es el que nos muestra el contenido de las entradas.
Échale un vistazo para ver como está organizado, cambia en la hoja de estilos lo que creas conveniente, el título, el color de fondo, etc, etc.
Qué no te gusta el montaje de este Item Template ???.
Cópia el contenido del que trae la plantilla a pelo y pégalo en lugar de que tiene ahora.
No problems, he mantenido todo el código en la hoja de estilos para que funcione sin problemas.
Comentarios [0]
ADMIN ADMIN 30 Enero 2010 16:25:00 El footer
Si quitamos este Block Template parece que no pasa nada, ojo ¡¡¡ me refiero a quitarlo de cualquier página, porque si nos lo cepillamos, como no exite, al cargar la página sale como un pecao en la parte de abajo (el pecao es el nombre del template).
Claro, si eres un "listo" de HTML y ves el código, verás que algo hace.
En mi caso como no soy un listo me lo cepillé.
Cómo me enteré que en mi blog pasaba algo raro ???.
La base de datos de control de visitas me decía que no me visitaba ni mi madre. Cogno ¡¡¡ que cosa más rara, si mi madre me visita todos los días, estará enferma ???.
No recuerdo si ClustrMaps, también se voy afectado.
Pues no señor, mi madre seguía visitándome, su salud era perfecta, el problema es que si no cierras la págima html se considera una carga imcompleta, error de principiante.
Ahora tiene una imagen de Lastres (por cierto, si vienes a Asturias, date una vuelta por ese pueblo, pero no te lleves un bocata de casa).
Para quitarle la imagen y poner la tuya, busca #imagen2 en la hoja de estilos.
Cambia el tamaño (altura) márgenes, bordes, etc,etc.
Otra cosa, si decides dejar el tamaño fijo del blog, me refiero a la anchura (explicado en un documento anterior) la anchura de la imagen debería ser más o menos como la del blog, lo digo por el rendimiento.
Comentarios [0]
Claro, si eres un "listo" de HTML y ves el código, verás que algo hace.
En mi caso como no soy un listo me lo cepillé.
Cómo me enteré que en mi blog pasaba algo raro ???.
La base de datos de control de visitas me decía que no me visitaba ni mi madre. Cogno ¡¡¡ que cosa más rara, si mi madre me visita todos los días, estará enferma ???.
No recuerdo si ClustrMaps, también se voy afectado.
Pues no señor, mi madre seguía visitándome, su salud era perfecta, el problema es que si no cierras la págima html se considera una carga imcompleta, error de principiante.
Ahora tiene una imagen de Lastres (por cierto, si vienes a Asturias, date una vuelta por ese pueblo, pero no te lleves un bocata de casa).
Para quitarle la imagen y poner la tuya, busca #imagen2 en la hoja de estilos.
Cambia el tamaño (altura) márgenes, bordes, etc,etc.
Otra cosa, si decides dejar el tamaño fijo del blog, me refiero a la anchura (explicado en un documento anterior) la anchura de la imagen debería ser más o menos como la del blog, lo digo por el rendimiento.
Comentarios [0]
Lo que hay debajo de la paisana con la brocha.
El nombre del Block Template lo he dejado como viene en el template, LeftSideBar.
La anchura se lo da el #ColLeft, creo que son 200px, podríamos decir que es lo único que tiene anchura fija en la Home Page, el resto todo ajusta.
Las etiquetas y el archivo se actualizan cuando se refrescan los indices (hay una acción en la vista del documento de configuración para forzar la actualización de índices).
Los enlaces son documentos que puedes crear en la parte de configuración del blog. Tienes otra acción en la vista de enlaces para refrescar el contenido.
Cómo cambiar tamaño, colores, etc ???
Busca #menuiz en la hoja de estilos.
La música.
Este Block Template contiene la música, borra el código.
Comentarios [0]
El nombre del Block Template lo he dejado como viene en el template, LeftSideBar.
La anchura se lo da el #ColLeft, creo que son 200px, podríamos decir que es lo único que tiene anchura fija en la Home Page, el resto todo ajusta.
Las etiquetas y el archivo se actualizan cuando se refrescan los indices (hay una acción en la vista del documento de configuración para forzar la actualización de índices).
Los enlaces son documentos que puedes crear en la parte de configuración del blog. Tienes otra acción en la vista de enlaces para refrescar el contenido.
Cómo cambiar tamaño, colores, etc ???
Busca #menuiz en la hoja de estilos.
La música.
Este Block Template contiene la música, borra el código.
Comentarios [0]
ADMIN ADMIN 30 Enero 2010 10:25:46 El desplegable
Bueno, esto es Made in SIDRA400, la plantilla no tiene nada de eso.
Para cambiarle el fondo, tamaño, etc, etc, busca "SELECT" en la hoja de estilos, verás un código facilito, modifícalo a tu gusto.
Porqué se pira para la derecha ???
En la primer base de datos en el código (lo podeís ver en #arribabarra") le decía, "position absolute", en principio diganos que no problems, pero si dejamos el blog en tamaño fijo, en una peazo pantalla como la de mi iMac, se nos pirará siempre a la derecha, se saldrá del blog, (ejemplo, el campo de búsqueda del ESLUG, pero en el ESLUG queda bien porque el Header ajusta).
En esta nueva versión he cambiado el este código, le pongo en "Float Left" y usando los márgenes (en #arribabarra) lo pongo justo donde quiero.
El contenido del desplegable ???.
Me temo que eso tiene que ser a pelo, en el Block Template Banner puedes ver el código HTML y el JavaScripts.
He intentado jugar con el "Target" para que algunos enlaces me los muestre en otra ventana, pero no he sido capaz (de momento).
Modifica los enlaces a tu gusto.
Una cosa referente a los enlaces.
Si enlace es fuera de tu servidor, tendrás que poner la url completa, pero imagínate que quieres mostrar una WebPage de tu blog, por ejemplo, tu página de autor. En ese caso vale con que pongas "Autor.htm", ya pondrá el resto de la ruta (icluido el dx) el blog.
Ojo¡¡¡ con el asqueroso IE 6.0 (asqueroso, con perdón), esto de poner solo el nombre de la WebPage no funciona, bueno, yo paso un poco del IE, pero me gusta ver las putadas que nos hace Microsoft a la gente que andamos con desarrollos web, si donde vas a colocar el blog hay mucho IE 6.0, pon la ruta completa.
Comentarios [0]
Para cambiarle el fondo, tamaño, etc, etc, busca "SELECT" en la hoja de estilos, verás un código facilito, modifícalo a tu gusto.
Porqué se pira para la derecha ???
En la primer base de datos en el código (lo podeís ver en #arribabarra") le decía, "position absolute", en principio diganos que no problems, pero si dejamos el blog en tamaño fijo, en una peazo pantalla como la de mi iMac, se nos pirará siempre a la derecha, se saldrá del blog, (ejemplo, el campo de búsqueda del ESLUG, pero en el ESLUG queda bien porque el Header ajusta).
En esta nueva versión he cambiado el este código, le pongo en "Float Left" y usando los márgenes (en #arribabarra) lo pongo justo donde quiero.
El contenido del desplegable ???.
Me temo que eso tiene que ser a pelo, en el Block Template Banner puedes ver el código HTML y el JavaScripts.
He intentado jugar con el "Target" para que algunos enlaces me los muestre en otra ventana, pero no he sido capaz (de momento).
Modifica los enlaces a tu gusto.
Una cosa referente a los enlaces.
Si enlace es fuera de tu servidor, tendrás que poner la url completa, pero imagínate que quieres mostrar una WebPage de tu blog, por ejemplo, tu página de autor. En ese caso vale con que pongas "Autor.htm", ya pondrá el resto de la ruta (icluido el dx) el blog.
Ojo¡¡¡ con el asqueroso IE 6.0 (asqueroso, con perdón), esto de poner solo el nombre de la WebPage no funciona, bueno, yo paso un poco del IE, pero me gusta ver las putadas que nos hace Microsoft a la gente que andamos con desarrollos web, si donde vas a colocar el blog hay mucho IE 6.0, pon la ruta completa.
Comentarios [0]
ADMIN ADMIN 29 Enero 2010 16:38:04 Recientes
Bueno esto es un poco más rollo, pero nada complicado.
Todo el código esta en el Block Template Recientes HTML, pero claro, para cambiarle los colores tienes que ir a la hoja de estilos (of course).
Busca #tablaleft y #tablaright.
Si son iguales a nivel de funcionamiento, no sobra una ???.
Pues no, si te fijas en el Block Template, he creado una tabla con dos celdas, para que me queden medianamente ajustadas, necesito jugar con los márgenes y el padding.
Cada tabla arriba usa una clase también diferente, busca #pestanas y #pestanas1.
Cada tabla muestra 5 Entradas y 5 comentarios, usa el documento de configuración para cambiarlo (Pestaña formating), por esa razón no le he dado tamaño a esto.
Si te fijas en la Home Template (Page Template), hay una cosa que se llama fondo, si buscas #fondo en la hoja de estilos entenderás para que vale.
Comentarios [0]
Todo el código esta en el Block Template Recientes HTML, pero claro, para cambiarle los colores tienes que ir a la hoja de estilos (of course).
Busca #tablaleft y #tablaright.
Si son iguales a nivel de funcionamiento, no sobra una ???.
Pues no, si te fijas en el Block Template, he creado una tabla con dos celdas, para que me queden medianamente ajustadas, necesito jugar con los márgenes y el padding.
Cada tabla arriba usa una clase también diferente, busca #pestanas y #pestanas1.
Cada tabla muestra 5 Entradas y 5 comentarios, usa el documento de configuración para cambiarlo (Pestaña formating), por esa razón no le he dado tamaño a esto.
Si te fijas en la Home Template (Page Template), hay una cosa que se llama fondo, si buscas #fondo en la hoja de estilos entenderás para que vale.
Comentarios [0]
ADMIN ADMIN 29 Enero 2010 16:26:44 Menú
Busca "arribabarra" en la hoja de estilos (lo he comentado, además el texto esta en color naranja".
Cámbiale el tamaño, color, margenes etc, a tu gusto.
Comentarios [0]
Cámbiale el tamaño, color, margenes etc, a tu gusto.
Comentarios [0]
ADMIN ADMIN 29 Enero 2010 16:24:06 La paisana
Busca, #logo en la hoja de estilos, pon tu imagen y dale el tamaño que más te guste, bordes, margenes, etc, etc .
Ojo ¡¡¡ dentro tiene el código del buscador, el padding de #logo lo uso para dejar el campo de búsqueda en el lugar que más me interese.
Comentarios [0]
Ojo ¡¡¡ dentro tiene el código del buscador, el padding de #logo lo uso para dejar el campo de búsqueda en el lugar que más me interese.
Comentarios [0]