Función: Ver el título de la imagen al posicionar el puntero del mouse sobre ella.



<img src="DIRECCION DE LA IMAGEN" title="TITULO DE LA IMAGEN">

Cuando queremos modificar los colores de nuestro layout siempre se nos presenta el problema (por lo menos a mi xD) de tener que recurrir a algún editor de imágenes para obtener el código del color necesario. Esta pagina (que creo nunca habia mencionado) nos resulta muy util porque presenta una gran gama de colores y sus respectivos códigos (incluso sus nombres) pero es un poco engorroso estar tratando de ubicar el color exacto. Y tampoco podemos "capturar" cualquier color que veamos en otras páginas y no sepamos cual es (aunque con Firefox se puede acceder al código de fuente).

Leyendo un tutorial en mintyapple descubrí este programita compatible con Firefox:

ColorZilla
Advanced Eyedropper, Color Picker, Palette Viewer
and other colorful goodies for your Firefox

Web de Descarga: http://www.colorzilla.com/firefox/
Tips de Ayuda: http://www.colorzilla.com/firefox/help.html

Aunque está en inglés, su funcionamiento es bastante simple. Todavía estoy investigándolo, pero si a alguien le es util, podría hacer un tutorial (cuando termine de entenderlo, claro xDDD)

Nota: el tutorial es este, una guia completa sobre CSS con índice y todo, hecho por das_porno_uke

Estos códigos forman parte del grupo de "códigos quisquillosos", que como los del color del texto seleccionado, no sirven para nada en cuanto a lo práctico pero hacen que nuestro elejota se vea más lindo y original que el resto xD.

Agregando los siguientes códigos al CSS de nuestro journal se puede cambiar el color y la fuente el nombre de usuario que aparezca en nuestras entradas:

.ljuser a b { background-color: ; color: #FF5EA3; border: 0px solid #D82070; font-family: "times new roman"}

Cambiar el color del fondo y el texto de los elementos y texto seleccionado es muy fácil, solo tienen que agregar los códigos:

::-moz-selection { background: #5C1F40; color: #EB468E; }

Donde:
- background: es el color del fondo
- color: es el color del texto seleccionado

Copia este código en la información de tu perfil o en el blurb del siderbar:

Layout made by <lj user=riddley> @ <lj comm=layoutlandia>

El resultado debería ser:

Layout made by riddley @ layoutlandia

Este código es el que se usa generalmente para dar crédito cuando usamos imagenes o cosas de otro usuarios, solo basta por cambiar el nombre por el del usuario correspondiente y listo :D

¿Odian el degradé aburrido de la barra de navegación que aparece sobre los elejotas? Pasé interminables horas buscando códigos para personalizar los colores y nunca los encontré. Y como de costumbre, cuando estaba tratando de hacer otra cosa la solución apareció mágicamente frente a mis ojos, y verán lo simple que es:

( instrucciones )

Importante: Variando esos valores, afecta también todas las tablas del journal.

( información adicional )

Nota: todo esto que ustedes leen acá está basado en la experimentación, de manera que hay muchísimas posibilidades y variantes para cambiar el look de nuestras tablas; estos datos son solamente una guía para resolver los problemas más grandes :)

Preguntas, problemas, sugerencias, todos bienvenidos en este post.

Famoso cuadrito para escribir códigos sin que livejournal crea que de verdad queremos que los interprete como tales xD.

<textarea rows="X" cols="XX"></*textarea>

Nota: Eliminar el asterisco (importante!)

Importante:

rows="X" (cantidad de líneas o "renglones")

cols="XX" (cantidad de columnas o cantidad de caracteres por línea.

Ejemplo: El recuadro que contiene el código tiene 3 líneas y 50 caracteres por línea.

Link en una imagen sin que salga el borde: (LOL!)

Ejemplo:

Con link y con bordes:

Con link y sin bordes:

<a href="YOURLINK" class="pic"><img src="YOURPIC" width="XXX" heigth="XXX" border="0"></a>

Importante: class="pic" y border="0"

Otro dato: width="XXX" heigth="XXX" (para crear una vista previa de la imagen o reducirle el tamaño sin tener que usar una imagen diferente. No pierde calidad por la reducción)

Información General sobre la Comunidad layoutlandia:

Layoutlandia es una comunidad creada por riddley para no ahogarse en su vaso de agua y tener sus amados códigos css al alcance de sus garras cuando olvide cómo usarlos.

Esta comunidad está dedicada exclusivamente a tutoriales sobre los códigos css de los layouts y demás códigos html para livejournal.

No es necesario el crédito por la información en sí (es decir, si corrigen algo en sus layouts con la ayuda de esta comunidad no es necesario que lo aclaren, porque sería ridículo xD) porque los códigos no son propiedad de nadie, pero la publicidad siempre es buena :D

Si es obligatorio dar el crédito para los layouts que publico aquí porque son de mi autoría (para saber cómo dar crédito, dirigirse a este link). Dichos layouts están disponibles únicamente para aquellos que son miembros de la comunidad.

Algunos tutoriales estan hospedados en otra comunidad (cuteness_attack) pero con el tiempo iré mudando toda esa información a esta. Si algún link está roto o no los envía donde dice que lo hace, no duden en avisar y solucionaré el problema a la brevedad.