Tablas de estilo foroactivo para mejorar nuestras firmas o post

por **AE Filosofo** Lun 27 Ago 2012, 9:13 pm

Tablas de Estilo

Que tal amigos estas son tablas de estilo que pueden utilizar en sus post o firmas, mas que nada para adornarlos y que se vean mas agradables como el que estoy utilizando ahorita lo pueden obtener con el codigo que esta abajo y unicamente para crear su post deben de editar la palabra titulo por el que ustedes deseen y la palabra contenido por el contenido que llevara su post
Código:
[table style="border: 1px solid rgb(0, 114, 149);" cellspacing="0" width="100%"][tr][td style="background: transparent url(http://i62.servimg.com/u/f62/09/02/12/09/repet10.png) repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; padding-bottom: 15px;"][center][size=20][color=#1675bc][b]Título[/b][/color][/size][/center] [/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(247, 247, 247);"][color=black] [size=13][center]Contenido[/center][/size] [/color][/td][/tr][/table]

Este es otro estilo diferente y muy agradable para utilizarlo en post o firmas tambien se puede modificar la imagen por la que ustedes deseen

Código:: [table style="BORDER-RIGHT: 1px solid #1675BC; BORDER-TOP: 1px solid #1675BC; BORDER-LEFT: 2px solid #1675BC; BORDER-BOTTOM: 2px solid #1675BC; background:#f1af84 url('http://i82.servimg.com/u/f82/11/72/76/36/f6d7c310.png') repeat-x top; width:100%;"][tr][td vertical-align="middle" style="padding-left:5px;"][img]http://onlinelife.rpgclassics.com/Glarb/Icons/Bowser.png[/img][/td][td vertical-align="middle" style="padding-left:10px; padding-right:5px; padding-bottom:5px; padding-top:5px;"] Texto o Mensaje Aqui [/td][/tr][/table]

Tablas de estilo foroactivo para mejorar nuestras firmas o post Zupft1_th

Aqui esta otra con un contorno agradable para utilizarla de preferencia en firmas pero eso ya es cosa de ustedes para ver a que la pueden adaptar aqui les dejo el codigo

Código:: [table style="moz-border-radius:15px;-webkit-border-radius:15px;background:url(http://bit.ly/acLmW9);border-radius:15px;border-style:solid;border-width:1px;font-weight:700;margin:10px auto auto;padding:5px;width:90% moz-box-shadow:1px 1px 10px #c39300;-webkit-box-shadow:1px 1px 10px #c39300;border-color:#c39300;box-shadow:1px 1px 10px #c39300;color:#c39300"][tr][td][img]http://i44.tinypic.com/zupft1_th.png[/img][/td][td]Texto[/td][/tr][/table]

Y aqui esta otra un poco mas sensilla que las anteriores pero tambien es muy util aqui el codigo

Código:: [table style="border: solid 2px goldenrod; padding:15px;"][td] Contenido [/td][/table]

Aqui les traigo otra similar a la tercera pero con un contorno de color naranja aqui les dejo el codigo

Código:: [table style="moz-border-radius:15px;-webkit-border-radius:15px;background:url(http://bit.ly/acLmW9);border-radius:15px;border-style:solid;border-width:1px;font-weight:700;margin:10px auto auto;padding:5px;width:90% moz-box-shadow:1px 1px 10px #F60;-webkit-box-shadow:1px 1px 10px #F60;border-color:#F60;box-shadow:1px 1px 10px #F60;color:#F60"][tr][td][/td][td]CONTENIDO[/td][/tr][/table]

NOMBRE DEL TUTO

CONTENIDO DEL TUTORIAL

Código:: [table cellspacing=0 style="border: 1px solid #007295; table-layout:fixed; width: 100%;"][tr][td width=152 height=100 style="background-image: url('http://i62.servimg.com/u/f62/09/02/12/09/fa10.png'); background-repeat: no-repeat;"][/td][td style="background: padding-bottom: 15px;"][center][size=20][color=#1675BC][b]NOMBRE DEL TUTO[/b][/color][/size][/center][/td][td style="background-image:background-repeat: no-repeat;" width="100"][/td][/tr][/table][table cellspacing=0 style="border-left: 1px solid #007295; border-right: 1px solid #007295; border-bottom: 1px solid #007295; table-layout:fixed; width: 100%;"][tr][td style="padding: 5px; background-color: #F7F7F7;"] [size=18][center]CONTENIDO DEL TUTORIAL[/center][/size] [color=darkred][size=18][b]1.Definición:[/b][/size][/color] (Aquí debe ir una breve descripción de lo que se explicará en el tuto) [size=9]Tutorial Creado por : [b]USUARIO[/b] [b]Copyright [color=#00a5cd]iMaster[/color][color=#7cba2c]-53[/color][color=#00a5cd].COM[/color][/b][/size] [/td][/tr][/table]

Tutorial Creado por : USUARIO
Copyright iMaster-53.COM

Y por ultimo no esta demas decirles que pueden jugar con los valores por defecto de esos codigos para aumentar y disminuir el tamaño de la lentra o cambiarle el color a las letras pero eso ya les toca a ustedes averiguarlo espero y les haya gustado este aporte y mas que nada espero que lo utilizen Wink

:D

Cualquier duada favor de postearla aqui en el foro

por **sevilla16espino** Lun 27 Ago 2012, 9:18 pm

gracias master x el dato +1

por .::BADDADDY::. Lun 27 Ago 2012, 9:20 pm

VAMOS A PROBAR AMIGO GRACIAS POR LA NUEVA INFO +1 Ya dejado

por Rinrin01 Lun 27 Ago 2012, 10:15 pm

Muy buen tuto bro

por Master53 Mar 28 Ago 2012, 1:45 am

Tablas de estilo foroactivo para mejorar nuestras firmas o post 71-33

calidad tu aporte mi amigo...... esos son los que a mi me gustan.... :D ... por algo sos el super master.... i mi carnal... Bravo Bien

por **Mackiavelico** Mar 28 Ago 2012, 8:07 am

Nitido men' siempre atento a tus post! Eso es lo que hace mejor el foro' +1

por Gamaandino Mar 28 Ago 2012, 10:50 am

GRACIAS POR TU APORTE ESTA BUENISIMO Aplausos

por Gamaandino Mar 28 Ago 2012, 10:59 am

ME GUSTARIA QUE SIGAS APORTANDO MAS DE ESTOS COSAS ESTO SI SE LLAMA UN BUEN TUTORIAL PERO TANBIEN ESPERO QUE EXPLIQUES UN POCO LO DE CAMBIAR LA IMAGEN Fuego

por Master53 Mar 28 Ago 2012, 12:09 pm

ese cuadro que tu usaste es facil cambiarle la imagen amigo

be el codigo .. suplanta este dato por alguna direccion de la imagen que queras....

[Tienes que estar registrado y conectado para ver este vínculo]

ese dato lo suplantas por la imagen que queras .. cualquier otra duda preguntame... o te lo ago personalmente llo lo que queraas aser

por Abtammuz Mar 28 Ago 2012, 12:29 pm

Voy a poner en practica alguno de estos, gracias +1

por El Chele Mar 28 Ago 2012, 12:34 pm

Buen tuto brother lo provare. 1 Very Good

por liljackal503 Miér 29 Ago 2012, 11:28 am

buena informacion sobre los codigos mi amigo +1 Pintura

por **eltonmes** Sáb 01 Sep 2012, 8:12 am

gracias esta buenisimo este aporte bro

por **walmansito** Dom 02 Sep 2012, 10:06 pm

Gracias amigo

por **Luish** Lun 03 Sep 2012, 6:45 pm

Gracias Xkhrok Master +1 Seguro

por **Luish** Lun 03 Sep 2012, 6:57 pm

jejeje perdon por no dejar el +1 Ya dejado

es que mi celular se descargo por completo

Ahora si ya ando en PC :D +1 Ya dejado

por **uzu88** Miér 17 Oct 2012, 9:06 pm

Gracias brow por ese dato vere sii lo utilizo en mi proximo post que hare mañana

por anonymous94 Miér 17 Oct 2012, 10:04 pm

muy buen aporte mi amigo xkhrok,espero tomarlo en cuenta en mi prox post. y

por **waponic** Miér 17 Oct 2012, 11:59 pm

que tuto mas mostro super tuto :laola: +1 Ya dejado

por el aportazo master

por nnaru Jue 18 Oct 2012, 1:30 am

esta interesante mi amigo lo intentare grasias +1 Ya dejado

por levitroker Jue 18 Oct 2012, 11:58 am

Exelente muy bueno vamos aver que tal gracias amigo

por **UriKun** Jue 18 Oct 2012, 3:18 pm

exelente aporte master, ya estoy usando en mi firma el que mas me gusto y le di un toque personalizado con la imagen de la izquierda como puedes ver......... gracias y mas1 :D