El Rey León: Comunidad Leonina

¡Hola invitado! Bienvenido a el mejor foro de ERL/TLK.
Espero que te unas o te conectes haciendo click en los botones de abajo.

¡Gracias por visitar el foro!
El Rey León: Comunidad Leonina

Conectarse

Recuperar mi contraseña



Buscar
 
 

Resultados por:
 

 


Rechercher Búsqueda avanzada

Últimos temas
» ¡Foro en peligro!
Vie Ene 02, 2015 4:35 am por Afua

» Hola soy una fan de Ginga
Dom Sep 07, 2014 6:25 pm por AngiTatata

» Alguien a vuelto
Dom Sep 07, 2014 6:21 pm por AngiTatata

» Mensaje para Mufasa
Jue Sep 04, 2014 11:09 pm por Afua

» La tierra de los reyes (Foro amigo)
Jue Sep 04, 2014 9:40 pm por Afua

» ¿A que manada perteneces?
Lun Jun 16, 2014 6:38 am por Afua

» ¿Qué opinas de El Rey León 2?
Vie Sep 06, 2013 11:57 am por pool2

» Buscamos moderadores con...
Vie Sep 06, 2013 12:25 am por Afua

» ¿Se podría utilizar PrideLander, OutLander, en mi foro?
Sáb Mayo 04, 2013 2:57 pm por Darku Demond

¡Ayúdanos a mejorar!
¿Quieres que este foro mejore? ¿Sea más entretenido? Pues si donas créditos podrás hacer al foro un lugar más bonito y mejor. Visita ESTE tema y ayúdanos.
¡Afilia este foro!
Visita este post y entérate de como afiliarnos.
Moderadores
Se buscan moderadores. Envía tus propuestas aquí e infórmate aquí.
Copyright ©
Protected by Copyscape Plagiarism Scanner

No estás conectado. Conéctate o registrate

Trucos en el post mediante código HTML

Ir abajo  Mensaje [Página 1 de 1.]

1tema Trucos en el post mediante código HTML el Sáb Mar 24, 2012 5:40 pm

Mufasa

avatar
Administrador
Administrador
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!



Última edición por Mufasa el Sáb Abr 14, 2012 11:58 am, editado 2 veces


☀ ◊ ☀ ◊ ☀ ◊ ☀ ◊ ☀ ◊ ☀ ◊ ☀ ◊ ☀ ◊ ☀ ◊ ☀ ◊ ☀ ◊ ☀ ◊

BAKA, BAKA, BAKA, BAKA, BAKA, BAKA, BAKA, BAKA, BAKA, BAKA, BAKA, BAKA, BAKA, BAKA, BAKA, BAKA, BAKA, BAKA, BAKA, BAKA, BAKA, BAKA, BAKA, BAKA, BAKA, BAKA, BAKA, BAKA, BAKA, BAKA.

2tema Re: Trucos en el post mediante código HTML el Sáb Mar 24, 2012 6:00 pm

Mufasa

avatar
Administrador
Administrador
¿CÓMO SE PONE UN MENSAJE CON FONDO?

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





Esto es una prueba de un mensaje con un fondo ^o^.                                                                                                        



















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.
-&nbsp; ➡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.


☀ ◊ ☀ ◊ ☀ ◊ ☀ ◊ ☀ ◊ ☀ ◊ ☀ ◊ ☀ ◊ ☀ ◊ ☀ ◊ ☀ ◊ ☀ ◊

BAKA, BAKA, BAKA, BAKA, BAKA, BAKA, BAKA, BAKA, BAKA, BAKA, BAKA, BAKA, BAKA, BAKA, BAKA, BAKA, BAKA, BAKA, BAKA, BAKA, BAKA, BAKA, BAKA, BAKA, BAKA, BAKA, BAKA, BAKA, BAKA, BAKA.

3tema Re: Trucos en el post mediante código HTML el Sáb Mar 24, 2012 6:15 pm

Mufasa

avatar
Administrador
Administrador
➠¿Qué es un scroll box?

Esto es un scroll box.
Un scroll box es un cuadrado con una barra que sube y baja a tu antojo.















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!



Última edición por Mufasa el Dom Mayo 06, 2012 1:27 am, editado 1 vez


☀ ◊ ☀ ◊ ☀ ◊ ☀ ◊ ☀ ◊ ☀ ◊ ☀ ◊ ☀ ◊ ☀ ◊ ☀ ◊ ☀ ◊ ☀ ◊

BAKA, BAKA, BAKA, BAKA, BAKA, BAKA, BAKA, BAKA, BAKA, BAKA, BAKA, BAKA, BAKA, BAKA, BAKA, BAKA, BAKA, BAKA, BAKA, BAKA, BAKA, BAKA, BAKA, BAKA, BAKA, BAKA, BAKA, BAKA, BAKA, BAKA.

4tema Re: Trucos en el post mediante código HTML el Sáb Mar 24, 2012 8:27 pm

Mufasa

avatar
Administrador
Administrador
¿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>


☀ ◊ ☀ ◊ ☀ ◊ ☀ ◊ ☀ ◊ ☀ ◊ ☀ ◊ ☀ ◊ ☀ ◊ ☀ ◊ ☀ ◊ ☀ ◊

BAKA, BAKA, BAKA, BAKA, BAKA, BAKA, BAKA, BAKA, BAKA, BAKA, BAKA, BAKA, BAKA, BAKA, BAKA, BAKA, BAKA, BAKA, BAKA, BAKA, BAKA, BAKA, BAKA, BAKA, BAKA, BAKA, BAKA, BAKA, BAKA, BAKA.

Contenido patrocinado


Volver arriba  Mensaje [Página 1 de 1.]

Permisos de este foro:
No puedes responder a temas en este foro.