[Tutorial] Plantilla formato tabla para tu foro
4 participantes
Webmaster y ServiciosPágina 1 de 1.
![[Tutorial] Plantilla formato tabla para tu foro Empty](https://2img.net/i/empty.gif)
[Tutorial] Plantilla formato tabla para tu foro
por Rober 2010-02-24, 08:19
Hola! Aquí empiezo con el tuto:
Ejemplo de resultado
¿Que es todo esto?
![[Tutorial] Plantilla formato tabla para tu foro Codech](https://2img.net/r/ihimizer/img246/6600/codech.png)
Lo que está en rojo: Grosor del borde de la tabla. Poner 0px si lo quieres sin borde.
Lo que está en azul: Valores RGB del color del borde.
Lo que está en verde: La url de las dos imágenes que componen la barra superior de la tabla.
Lo que está en naranja: Color del título.
Donde pone tu Texto aquí, es el texto que saldrá dentro de la tabla.
Donde pone tu título aquí, es el título que habrá en la parte superior de la tabla.
Colores de fondo:
Donde pone "TU TEXTO AQUÍ", un poco antes pone:
Ahí podemos editar esto:
Son los colores RGB, pero yo recomiendo el código de colores Hexadecimales, que son por ejemplo:
Debes tener en cuenta:
- Este botón desactivado![[Tutorial] Plantilla formato tabla para tu foro Aa](https://2img.net/h/i562.photobucket.com/albums/ss61/Roblack7/aa.png)
al editar el código y SIEMPRE antes de enviarlo.
- Asegurarse de que las imagenes tengan un tamaño adecuado para la tabla, sino te quedará muy mal
Tutorial creado por Rober! y Guille!
Crear tu plantilla para anuncios (Foroactivo).
Con este tutorial te ayudamos a crear tu plantilla de anuncios para tu foro de foroactivo.
Con este tutorial te ayudamos a crear tu plantilla de anuncios para tu foro de foroactivo.
Ejemplo de resultado
- Spoiler:
- TU TÍTULO AQUÍ
TU TEXTO AQUÍ- Código:
[table style="border: 1px solid rgb(0, 114, 149);" cellspacing="0" width="100%"][tr][td style="background-image: url(http://pmsc.free.fr/I02/1025114016.png); background-repeat: no-repeat;" height="100" width="152"]
[/td][td style="background: transparent url(http://pmsc.free.fr/I02/1025112115.png) repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; padding-bottom: 15px;"][center][color=#1675bc][b][color=white]TU TÍTULO AQUÍ[/color]
[/b][/color][/center]
[/td][td style="background-image: url(http://pmsc.free.fr/I02/1025112626.png); background-repeat: no-repeat;" width="84"]
[/td][/tr][/table][table style="border-left: 1px solid rgb(0, 114, 149); border-right: 1px solid rgb(0, 114, 149); border-bottom: 1px solid rgb(0, 114, 149);" cellspacing="0" width="100%"][tr][td style="padding-left: 5px; background-color: rgb(255, 255, 255);"]
TU TEXTO AQUÍ
[/td][/tr][/table]
¿Que es todo esto?
Lo que está en rojo: Grosor del borde de la tabla. Poner 0px si lo quieres sin borde.
Lo que está en azul: Valores RGB del color del borde.
Lo que está en verde: La url de las dos imágenes que componen la barra superior de la tabla.
Lo que está en naranja: Color del título.
Donde pone tu Texto aquí, es el texto que saldrá dentro de la tabla.
Donde pone tu título aquí, es el título que habrá en la parte superior de la tabla.
Colores de fondo:
- Parte inferior
Donde pone "TU TEXTO AQUÍ", un poco antes pone:
- Código:
[td style="padding-left: 5px; background-color: rgb(255, 255, 255);"]
Ahí podemos editar esto:
- Código:
rgb(255, 255, 255)
Son los colores RGB, pero yo recomiendo el código de colores Hexadecimales, que son por ejemplo:
Blanco: #FFFFFF
Negro: #000000
Debes tener en cuenta:
- Este botón desactivado
al editar el código y SIEMPRE antes de enviarlo.- Asegurarse de que las imagenes tengan un tamaño adecuado para la tabla, sino te quedará muy mal
Tutorial creado por Rober! y Guille!
Rober
Mensajes : 7090
Humor : Amarillo
Registrado el : 10/03/2008
Agradecido : 185
-
Re: [Tutorial] Plantilla formato tabla para tu foro
por skiNN 2010-05-09, 12:45
Tube un problema, lo puse en mi portal (Chile Addiction) y el titulo y el cuerpo salen en otra fuente D:
Jelp mi! xdd
PD: Ya lo arregle muchas gracias
Jelp mi! xdd
PD: Ya lo arregle muchas gracias
skiNN
- Mensajes : 141 Registrado el : 21/02/2010 Agradecido : 0
-
Re: [Tutorial] Plantilla formato tabla para tu foro
por Rober 2010-05-09, 21:40
Bueno, ya vi que lo arreglastes xD
Nos alegra que te sirva este tutorial
Nos alegra que te sirva este tutorial
Rober- Mensajes : 7090 Humor : Amarillo Registrado el : 10/03/2008 Agradecido : 185
-
Re: [Tutorial] Plantilla formato tabla para tu foro
por Axtrix 2010-05-09, 21:57
Rober, a mi en el portal me desaparecen la imagenes
Te hago un aporte
Te hago un aporte
- Spoiler:
- Titulo
cellspacing=0 width=100% style="border-left: 1px solid #007295;
border-right: 1px solid #007295; border-bottom: 1px solid
#007295;">
Contenido
Post Hecho por
Axtrix!
- Atte, ~Staff GO~
- Código:
[table cellspacing=0 width=100% style="border: 1px solid
#007295;"][tr][td width=152 height=100 style="background-image:
url('http://img265.imageshack.us/img265/6987/51ctcamc.gif');
background-repeat: no-repeat;"][/td][td style="background:
url('http://i62.servimg.com/u/f62/09/02/12/09/repet10.png');
padding-bottom:
15px;"][center][size=20][color=#1675BC][b]Titulo[/b][/color][/size][/center][/td][td
style="background-image:
url('http://i87.servimg.com/u/f87/14/27/78/65/cid_0010.png');
background-repeat: no-repeat;" width="84"][/td][/tr][/table][table
cellspacing=0 width=100% style="border-left: 1px solid #007295;
border-right: 1px solid #007295; border-bottom: 1px solid
#007295;"][tr][td style="padding-left: 5px; background-color: #F7F7F7;"]
Contenido
[/td][/tr][/table]
[table width=100% cellspacing=0 style="border-left: 1px solid #007295;
border-right: 1px solid #007295; border-bottom: 1px solid
#007295;"][tr][td style="text-align: justify; background: #f7f7f7;
padding-left: 5px;"][size=9]
Post Hecho por
[url=http://comunidadgameover.foroactivo.com/profile.forum?mode=viewprofile&u=1][color=#ff6600][b]Axtrix![/b][/color][/url]
- [i][b]Atte, ~Staff GO~[/b] [/i] [/size][/td][td width=50 height=60
style="background:
url('http://img210.imageshack.us/img210/5268/5afclit0.gif');"][/td][/tr][/table]
Axtrix- Mensajes : 799
Localización : Detras de ti!
Aficiones : Jugar a la play Humor : Multiplicate Por Zero!! Registrado el : 09/05/2010 Agradecido : 80
-
Re: [Tutorial] Plantilla formato tabla para tu foro
por Axtrix 2010-05-10, 08:41
- Spoiler:
![[Tutorial] Plantilla formato tabla para tu foro 244228](../users/2014/78/97/71/smiles/244228.gif)
Por favor eviten hacer flood
- Código:
[table style="border-style: solid; border-color: rgb(22, 117,
188); border-width: 1px 1px 2px 2px; background: rgb(241, 175, 132)
url(http://i41.tinypic.com/105pjdh.png) repeat-x scroll center top;
-moz-background-clip: -moz-initial; -moz-background-origin:
-moz-initial; -moz-background-inline-policy: -moz-initial; width:
100%;"][tr][td vertical-align="middle" style="padding-left: 5px;"]
[/td][td vertical-align="middle" style="padding-left:
5px;"][img]../users/2014/78/97/71/smiles/244228.gif[/img] [/td][td
vertical-align="middle" style="padding: 5px 5px 5px 10px;"]
[b]Por favor eviten hacer flood [/b]
[/td][/tr][/table]
Última edición por axtrix el 2010-05-11, 08:41, editado 1 vez
Axtrix- Mensajes : 799 Localización : Detras de ti! Aficiones : Jugar a la play Humor : Multiplicate Por Zero!! Registrado el : 09/05/2010 Agradecido : 80
-
Re: [Tutorial] Plantilla formato tabla para tu foro
por Axtrix 2010-05-10, 08:42
![[Tutorial] Plantilla formato tabla para tu foro Zupft1_th](https://2img.net/h/oi44.tinypic.com/zupft1_th.png) Si se Resolvio tu problema, edita tu mensaje y coloca el ícono de "Resuelto" |
- Código:
[table style="border-style: solid; border-color: rgb(22, 117,
188); border-width: 1px 1px 2px 2px; background: rgb(241, 175, 132)
url(http://i43.tinypic.com/2dv4bwy.png) repeat-x scroll center top;
-moz-background-clip: -moz-initial; -moz-background-origin:
-moz-initial; -moz-background-inline-policy: -moz-initial; width:
100%;"][tr][td vertical-align="middle" style="padding-left: 5px;"]
[/td][td
vertical-align="middle" style="padding: 5px 5px 5px
10px;"][img]http://i44.tinypic.com/zupft1_th.png[/img] [b]Si se Resolvio tu problema, edita tu mensaje y coloca el ícono de "Resuelto"[/b][/td][/tr][/table]
Axtrix- Mensajes : 799 Localización : Detras de ti! Aficiones : Jugar a la play Humor : Multiplicate Por Zero!! Registrado el : 09/05/2010 Agradecido : 80
-
Re: [Tutorial] Plantilla formato tabla para tu foro
por Rober 2010-05-11, 04:57
![[Tutorial] Plantilla formato tabla para tu foro 712440](/users/3312/32/33/51/smiles/712440.gif)
+5 coins por el aporte
Rober- Mensajes : 7090 Humor : Amarillo Registrado el : 10/03/2008 Agradecido : 185
-
Re: [Tutorial] Plantilla formato tabla para tu foro
por Axtrix 2010-05-11, 08:40
De nada. para eso estoy aqui
Axtrix- Mensajes : 799 Localización : Detras de ti! Aficiones : Jugar a la play Humor : Multiplicate Por Zero!! Registrado el : 09/05/2010 Agradecido : 80
-
skiNN- Mensajes : 141 Registrado el : 21/02/2010 Agradecido : 0
-
Re: [Tutorial] Plantilla formato tabla para tu foro
por skiNN 2010-11-14, 10:35
Como puedo hacer para que no salga lo de "Titulo" Solo salga una caja?
skiNN- Mensajes : 141 Registrado el : 21/02/2010 Agradecido : 0
-
Re: [Tutorial] Plantilla formato tabla para tu foro
por Rober 2010-11-15, 01:38
A qué te refieres? a que salga sin lo de abajo?
PD: Cuanto tiempo Skinn
PD: Cuanto tiempo Skinn
Rober- Mensajes : 7090 Humor : Amarillo Registrado el : 10/03/2008 Agradecido : 185
-
Re: [Tutorial] Plantilla formato tabla para tu foro
por Berserker 2010-12-20, 01:01
Muchas gracias te dejo un [+]
Berserker- Mensajes : 257 Localización : En Marte O_o Aficiones : Jugar al fútbol,los videojuegos etc... Humor : Bien,muy bien :D Registrado el : 13/11/2010 Agradecido : 6
Temas similares» [Tutorial]Crear firma para el foro (Photoshop)
» [tutorial] Crear un logo para el foro con 3D studio max y phtoshop
» Plantilla para pedidos
» [Tutorial] Calculadora en el foro
» Una sugerencia para el foro
» [tutorial] Crear un logo para el foro con 3D studio max y phtoshop
» Plantilla para pedidos
» [Tutorial] Calculadora en el foro
» Una sugerencia para el foro
Página 1 de 1.
Permisos de este foro:
No puedes responder a temas en este foro.