Por cambiar un poco he reemplazado el viejo layout por uno que he encontrado en thefulcrum. Le he hecho algunas modificaciones para que sea un poco más mio y menos de su dueña pero aún así, tal y como lo encontré, está genial.

Detalles:

- Mientras lo modificaba descubrí como añadir mi propio texto [o imágenes] en la sidebar. Antes estaba acostumbrado a meter los div junto con los css y por eso ahora andaba tan perdido. Después de buscar por el editor me fijé que había un apartado que ponía Sidebar y dentro de él una caja de texto para añadir información extra. Resulta más cómodo porque así el código de css no queda tan grande y si cambias el layout esa parte se quedaría tal y como está y no haría falta tocarla.

- Otra cosa que me ha gustado del sistema S2 es que permite poner imagenes al final de la página [conocidas como footer]. Queda mucho más elegante y así no da la impresión de diseño incompleto que dan los layouts sin footer.

- ¡Por fin tengo calendario!

Y bueno, si queréis echar un vistazo al diseño original, arriba tenéis el link de la comunidad. Hay otros diseños también muy buenos y explicados paso a paso para que los instaleis en vuestros journals [si queréis hacer cambios ya es cosa vuestra el hacer experimentos].

¡Felices fiestas a todos!

Pues al final me he cansado de pelearme con LJ para arreglar los fallos de Ratón-Botón-Central y Ventana-Escalada. Vi por casualidad una comunidad llamada cartonage y de entre los layouts que ofrecía hubo uno que me gustó particularmente: éste. Como no he practicado con el S2 pues esta vez me he dejado guiar pero ya me conocéis, no me gusta que los demás hagan las cosas por mí así que he partido de ese código y he remodelado por completo el diseño para que se quede como lo tengo ahora. Aún así, gran parte del mérito es para la creadora del layout pues el código es inmenso y apenas tuve que tocar unas pocas cosas. Lo que más me gustó del layout [y de las opciones que ofrece S2] es que puedes modificar los dibujitos que salen junto a un usuario, junto a una comunidad, el candado de solo amigos o el ojo de privado. El de usuarios y comunidad los adapté del msn por si no se nota mucho xD.

Una duda que me asalta ahora que empiezo con el S2 es si puedo colocar los links de la sidebar a través del código como hacía antes porque ahora tuve que ir a una página especial de LJ para añadir los links y no me gustó mucho [y sobretodo pierdo las imágenes pequeñas de mis layouts que me gustaba tenerlas ahí]. Seguiré investigando.

La imagen del header la hice fijándome en una carcasa negra del Nokia N72 y bueno, aunque no me importaba mucho antes [porque apenas los uso más que nada] ahora por fin tengo los tags a la vista y no quedan mal ahí :D.

¿Será verdad? ¿Realmente he conseguido que se vea en IE/Firefox/Opera sin problemas? empezando cuenta atrás para entrar en modo eufórico: 5... 4... 3... 2... 1...

¡¡¡SI!!! ¡¡¡LO CONSEGUÍ!!! xD

Todavía no está acabado del todo, tengo un problema en firefox y es que no muestra una de las imágenes de fondo [me deja sin medio árbol :S]. En IE y Opera funciona perfecto. Como es lo único que falta lo cambio ya. Encontré una solución en everything_lj pero no me vale ya que lo arregla en firefox pero me hace un desastre en los otros dos.

El problema radica en el z-index y position:absolute/relative. Le indico que coloque la imagen por debajo del texto (z-index:-1) pero el firefox interpreta eso de otra forma y no muestra la imagen. Todavía no tengo muy claro la diferencia entre position:absolute y position:relative. Espero encontrar algo mejor que lo que vi, porque aquello me dio la impresión de que requería reorganizar todo el layout :S.

También he añadido los layouts que he hecho en la sidebar con pequeñas imágenes que así queda más llamativo :D.

Un nuevo diseño, mucho mejor que el anterior [eso del web 2.0 no va conmigo xD].

Lo bueno es que, mientras lo hacía, he aprendido la diferencia entre margin, padding y right/left/top/bottom. Padding es el espacio interior [por dentro del borde], margin es el espacio exterior [por fuera del borde] y se podría decir que identifica a la posición virtual. Si ponemos margin-left:20px quiere decir que nos desplazamos 20 puntos hacia la derecha desde donde se encontraba actualmente [si por ejemplo se trataba de una tabla que estaba colocada en el centro, se desplazará 20 pixels desde el centro]. El left/right/top/bottom sirve para indicar la posición "física" de lo que vayamos a mover. Si se tratara de una tabla sería el número de píxeles desde el borde del monitor hasta donde queremos que comience la tabla. Ésta idea se puede extrapolar a todos los objetos html [tablas, div, images] con lo que conseguimos definir la posición más adecuada para todos los objetos de nuestra web.

La imagen de cabecera la encontré en deviantart que tiene un detalle curioso: aunque parece un ojo no lo es, es un poste reflejado en un charco pero da el pego muy bien. Le hice algunos retoques para dejarla tal y como está ahora.

A raíz de un comentario acerca del color naranja de mi layout he pensado en hacer una votación para elegir el tono del journal. Solo tenéis que dejar un comentario con la versión que más os guste [luego decidiré yo si acepto el resultado de la votación o no pero eso es otro tema :P].

( Posibilidades )

Votad al diseño que más os guste comentando en esta misma entrada. Además, si añadís un buen argumento por el que debería ponerlo vuestro voto puede valer más xD.

¡Buf! he cambiado el diseño del livejournal y no veáis lo que me ha costado el jodido. En vez de darme problemas el IE como a todo el mundo los que me daban problemas eran los otros dos el Opera y el Firefox. Si subía las tablas para ocultar en el firefox la basura que mete lj detrás de la imagen de cabecera en Opera se ocultaba los títulos de las entradas. Al final lo arreglé metiéndole 15px al padding que parecía que el Opera si lo reconocía y el firefox no. Luego tuve que ajustar el margen de la tabla por eso en firefox [o mejor dicho, en mi firefox] se ven las entradas descentradas. Prefiero que me quede bonito para el Opera que es el que uso yo [faltaba más, mi Journal y tengo que ponerlo bonito para los demás, JA].

Pues eso. Me decidí por cambiarlo. Este diseño ha dado bastantes vueltas por muy sencillo que parezca. Quería hacerle un diseño parecido a uno que había visto en la guía del Final Fantasy XII pero todos los experimentos que probé me salieron mal así que decidí volver al diseño inicial [uno que había hecho completamente en photoshop para ver el resultado, cosa que creo que haré a partir de ahora porque te da una visión final del trabajo muy exacta].

Me ha costado porque apenas he tenido tiempo para dedicarle. Ahora mismo solo tengo libre los fines de semana y los estoy dedicando a dormir xD. Pero bueno, ya está listo y creo que ha quedado bastante bien [modestia aparte y eso].

Lo que todavía no he conseguido solucionar es que cuando pulso la rueda del ratón para desplazar la página, en el IE y el Firefox, el contenido de la misma desaparece si me desplazo a la derecha. ¿Alguien tiene idea de por qué pasa eso? seguiré investigando.

¡Si me han hecho caso y todo! :OOOO

Hoy me ha llegado la contestación al mail que le mandé a los de livejournal y como podréis comprobar, en la página de actualizar diario ya no pone "Encribir" como ponía antes. Ahora tenemos un magnífico "Publicar" bien escrito. Y todo gracias a mí :D

Si es que lo sabía. Hago un diseño nuevo y ¿dónde lo cuelgo? bueno, lo dejo para que le echéis un vistazo. No está del todo acabado y hay algunas cosillas que quedan por retocar:

Haz click en la imagen para ampliar