[Tutorial] Plantilla formato tabla para tu foro

por **Rober** el 2010-02-23, 21:19

Hola! Aquí empiezo con el tuto:

Crear tu plantilla para anuncios (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!

por skiNN el 2010-05-09, 02: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

por **Rober** el 2010-05-09, 11:40

Bueno, ya vi que lo arreglastes xD

Nos alegra que te sirva este tutorial

por Axtrix el 2010-05-09, 11:57

Rober, a mi en el portal me desaparecen la imagenes

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]

por Axtrix el 2010-05-09, 22:41

Spoiler:

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]

por Axtrix el 2010-05-09, 22:42

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]

por **Rober** el 2010-05-10, 18:57

+5 coins por el aporte

por Axtrix el 2010-05-10, 22:40

De nada. para eso estoy aqui

por skiNN el 2010-05-10, 22:56

Gracias axtrix!

por skiNN el 2010-11-13, 23:35

Como puedo hacer para que no salga lo de "Titulo" Solo salga una caja?

por **Rober** el 2010-11-14, 14:38

A qué te refieres? a que salga sin lo de abajo?

PD: Cuanto tiempo Skinn

por Berserker el 2010-12-19, 14:01

Muchas gracias te dejo un [+]

[Tutorial] Plantilla formato tabla para tu foro

[Tutorial] Plantilla formato tabla para tu foro

Re: [Tutorial] Plantilla formato tabla para tu foro

Re: [Tutorial] Plantilla formato tabla para tu foro

Re: [Tutorial] Plantilla formato tabla para tu foro

Re: [Tutorial] Plantilla formato tabla para tu foro

Re: [Tutorial] Plantilla formato tabla para tu foro

Re: [Tutorial] Plantilla formato tabla para tu foro

Re: [Tutorial] Plantilla formato tabla para tu foro

Re: [Tutorial] Plantilla formato tabla para tu foro

Re: [Tutorial] Plantilla formato tabla para tu foro

Re: [Tutorial] Plantilla formato tabla para tu foro

Re: [Tutorial] Plantilla formato tabla para tu foro