Trucos en el post mediante código HTML

Bueno, ya sabrán que el código HTML está permitido, así que les traigo algunos cosillas divertidas ^^.

Pongan en el post sus dudas ^o^.


¡Suerte!

¿CÓMO SE PONE UN MENSAJE CON FONDO?

Ejemplo de un Mensaje con un Fondo - {Haz click}:

---

1º- Debéis conocer la dirección web de la imagen.

-Si es una imagen sacada de internet podéis hacer click sobre ella y dar a "copiar dirección de la imagen".
-Si es una imagen hecha por vosotros tenéis que subirla a internet. Yo utilizo la web Tinypic aunque hay algunas más. Una vez subís la imagen tenéis que copiar la última dirección que da.

2º- Para poder poner el fondo tenéis que estar escribiendo un mensaje (si no no aparece). Es un botón verde que aparece a la derecha de la presentación cuando se le da a modificar. Aparecerá una ventana en blanco o con muchas letras si ya teníais algo escrito.

3º- En la parte superior del mensaje tenéis que copiar:

Código:

<center>
<table background="xxxxxxxxxxxxxxxx" border="2" bordercolor="#000000" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td align="middle">

¡Importante! Leer

Código:

-Las xxxxxxxxxx se refieren a la dirección web de la imagen que antes hemos copiado y donde la debéis poner.
-border="2" ➡El número hace referencia al marco, si lo queréis más ancho o más estrecho. Si no quieres un borde debes poner "0".
-bordercolor="#000000" ➡Los números/letras hacen referencia al color (por defecto es el negro). En el siguiente post dejo algunos de los colores que podéis encontrar.
-cellpadding="0" ➡El número hace referencia a la distancia entre el borde exterior.
-cellspacing="0" ➡El número hace referencia a la distancia entre el borde interior.
-  ➡Sustituye al "espacio".
-<br> →Reemplaza al "Enter".

4º- En la parte inferior del mensaje tenéis que copiar:

Código:

</tr></tbody></table></center>

---

COLORES PARA EL BORDE:
* NEGRO = 000000
* BLANCO = FFFFFF
* ROJO = FF0000
* VERDE = 00FF00
* AZUL = 0000FF
* CYAN = 00FFFF
* MAGENTA = FF00FF
* AMARILLO = FFFF00
* GRIS = 808080
* ROSA = FF8080
* VIOLETA = 800080
* CELESTE = 80FFFF
* MARRON = 800000
* NARANJA = FF8000
* LAVANDA = 8000FF
* TURQUESA = 00FF80
* ORO VIEJO = BBBB20

Con esos pasos el fondo debería aparecer tal y como deseáis.

➠¿Qué es un scroll box?

Código:


-Se debe reemplazar "1..aaaaa..<br>..bbbb" Por tu texto.
-Width: el largo del scroll box.
-Height: el alto del scroll box.
-Margin-left: lo que mueve el scroll box de izquierda a derecha (por decirlo de alguna manera). Cuanto más mayor sean las cifras más a la derecha se moverá, al contrario sucede con la izquierda.
-<br>: es un salto de línea, es decir, hace lo mismo que el botón "enter" pero como en el código HTML el enter no tiene efecto existe este código.
- : es un espacio.

---

➠Funcionamiento 1 scroll box.
-Escribe en el lugar correspondiente.

➠Código 1 scroll box.

Código:

<div style="float: left; overflow: auto; Width: 149px; height: 71px;
margin-left: 200px;">1..aaaaa..<br>..bbbb
bla..<br>..cccc..<br>..dddd..<br>1..aaaa..<br>..bbbb
bla..<br>..cccc..<br>..dddd..<br>1..aaaaa..<br>..bbbb
bla..<br>..cccc..<br>..dddd..<br></div>

---

➠Funcionamiento 2 scroll box.
-En caso del primer scroll box el "margin-left" sirve para movir a la derecha (al mover el primer scroll box con margin-left también se mueve el segundo scroll box). En caso del segundo, es distinto, el "margin-left" se utiliza para separar este segundo scroll box del primero. (El mover el segundo scroll box no afecta al primer scroll box).

➠Código 2 scroll box.

Código:

<div style="float: left; overflow: auto; Width: 149px; height: 71px;
margin-left: 200px;">1..aaaaa..<br>..bbbb
bla..<br>..cccc..<br>..dddd..<br>1..aaaa..<br>..bbbb bla..<br>..cccc..<br>..dddd..<br>1..aaaaa..<br>..bbbb
bla..<br>..cccc..<br>..dddd..<br></div><div style="float: left; overflow: auto; Width: 149px; height: 71px;
margin-left: 200px;">1..aaaaa..<br>..bbbb
bla..<br>..cccc..<br>..dddd..<br>1..aaaa..<br>..bbbb
bla..<br>..cccc..<br>..dddd..<br>1..aaaaa..<br>..bbbb
bla..<br>..cccc..<br>..dddd..<br></div>

---

➠Funcionamiento 3 scroll box.
-En caso del primer scroll box el "margin-left" sirve para movir a la derecha (al mover el primer scroll box con margin-left también se mueve el segundo scroll box). En caso del segundo, es distinto, el "margin-left" se utiliza para separar este segundo scroll box del primero. (El mover el segundo scroll box no afecta al primer scroll box, en cambio al tercero sí). Y, el tercer scroll box el "margin-left" sirve para separar el tercer scroll box del segundo.

➠Código 3 scroll box.

Código:

<div style="float: left; overflow: auto; Width: 149px; height: 71px;
margin-left: 200px;">1..aaaaa..<br>..bbbb
bla..<br>..cccc..<br>..dddd..<br>1..aaaa..<br>..bbbb
bla..<br>..cccc..<br>..dddd..<br>1..aaaaa..<br>..bbbb
bla..<br>..cccc..<br>..dddd..<br></div><div style="float: left; overflow: auto; Width: 149px; height: 71px;
margin-left: 200px;">1..aaaaa..<br>..bbbb
bla..<br>..cccc..<br>..dddd..<br>1..aaaa..<br>..bbbb
bla..<br>..cccc..<br>..dddd..<br>1..aaaaa..<br><div style="float: left; overflow: auto; Width: 149px; height: 71px;
margin-left: 200px;">1..aaaaa..<br>..bbbb
bla..<br>..cccc..<br>..dddd..<br>1..aaaa..<br>..bbbb
bla..<br>..cccc..<br>..dddd..<br>1..aaaaa..<br>..bbbb
bla..<br>..cccc..<br>..dddd..<br></div>..bbbb
bla..<br>..cccc..<br>..dddd..<br></div>

¡Suerte con los Scrolls!

¿CÓMO HACER QUE UNA IMAGEN HAGA DE ENLACE?

1.- Copia y pega el siguiente código.

Código:

<a href="x1x1x1x1x1x1x1" target="_blank"><img src="xxxxxxxxx">

2.- Sustituye las "x1" por la dirección de la página web a la que quieres que la imagen lleve. A continuación sustituye las "x" por el link de la imagen.

3.- Justo atrás del link de la imagen debes poner.

Código:

</a>

Ejemplo de este foro:

Código:

<a href="http://elreyleon.activoforo.com/forum" target="_blank"><img src="http://img854.imageshack.us/img854/8666/minibanerparafiliarbymu.png"></a>