Código de Tablilla para Afiliación

por **KenCroft** Lun Nov 09, 2015 8:27 pm

Saludos gente!! Les vengo a aportar este modelito de tablila para afiliación que yo misma hice. Todo es de mi autoría, no lo saqué de otro lado.

El nombre de tu foro

Un título

Descripción

Un título

Usuario Puesto	Usuario Puesto
Usuario Puesto	Usuario Puesto

Un título

Un enlace	Un enlace	Un enlace	Un enlace
Un enlace	Un enlace	Un enlace	Un enlace

Botones

Tus botones

Por KenshinCroft

Ya ustedes le cambian colores, le ponen sus imágenes y los datos que deseen. Por favor, no le vayan a quitar el crédito, eso que dice: "Por KenshinCroft". Wink

Tampoco modifiquen el aspecto de la misma, es decir: que le quiten un apartado y le ponen otro, o la hacen más pequeña de lo que es, en una palabra, que la cambien totalmente. Eso no.

Ok, aquí el código:

Código:: <br><center><style type="text/css"> .botons{width: 288px; height: 170px; margin-top: 7px; margin-left: 5px; border: 4px solid #3C1F39; overflow: auto; background-color: #3C1F39;} .luz {width: 260px; height: 50px; padding: 5px; margin-left: -190px;} .luz a.lo{width: 90px; display: inline-block; margin-top: 5px; background-color: #902121; padding: 6px; font-family: Oswald; font-size: 9px; color: #FFFFFF; text-align: center; text-transform: uppercase; -webkit-transition: .5s ease-in; -moz-transition: .5s ease-in; -o-transition: .5s ease-in; -ms-transition: .5s ease-in; transition: background-color .5s ease-in; transition: all .7s ease-in;} .luz a.lo:hover{background-color: #F9F6F7; color: #000000; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; -ms-transition: .5s ease-in-out; transition: background-color .5s ease-in-out; transition: all .7s ease-in-out;} .capita {width: 120px; height: 80px; background-color: none; opacity: 0; position: relative; font-family: Oswald; font-size: 10px; color: #930E0E; text-align: center; line-height: 15px; padding: 5px;-webkit-transition: .5s ease-in; -moz-transition: .5s ease-in; -o-transition: .5s ease-in; -ms-transition: .5s ease-in; transition: background-color .5s ease-in; transition: all .7s ease-in;} .capita:hover {background-color: #E6E6E6; opacity: 10; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; -ms-transition: .5s ease-in-out; transition: background-color .5s ease-in-out; transition: all .7s ease-in-out;} .capita img {width: 130px; height: 90px; position: absolute;} .capita h2{font-family: Oswald; font-size: 16px; color: #930E0E; text-align: center;line-height: 15px; padding: 5px;}.grac {width: 150px; height: 20px; background-color: #3C1F39; padding: 2px; text-align: center; font-family: Tahoma; font-size: 9px;"} .grac a{color: #EF4F4F}</style><div style="font-family: Oswald; font-size: 20px; color: #DCDBDB; padding: 16px; text-shadow: 1px 2px 0px #000000; text-align: center; margin-left: -2px; font-variant: small-caps; letter-spacing: 1px; background-color: #3C1F39; width: 487px;">El nombre de tu foro</div><br><div style="width: 500px; height: 820px; background-color: #E1DEDE; border: 9px solid #3C1F39;"><link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'<br><div style="width: 180px; height: 180px; background-image: url(http://i21.servimg.com/u/f21/18/85/47/33/18018010.jpg); border: 6px solid #902121; box-shadow: 2px 3px 5px #000000; float: left; margin-top: 6px; margin-left: 5px;"></div><div style="font-family: Oswald; font-size: 14px; font-weight: bold; font-variant: small-caps; color: #FFFFFF; text-align: center; text-shadow: 1px 2px 0px #000000; letter-spacing: 1px; margin-top: 9px; background-color: #3C1F39; margin-left: 200px; padding: 6px; width: 50%;">Un título</div><div style="font-family: Tahoma; font-size: 8.4px; text-transform: uppercase; color: #DCDBDB; text-align: center; letter-spacing: 2px; font-weight: bold; width: 290px; height: 160px; border: 3px solid #3C1F39; background-color: #3C1F39; line-height: 15px; margin-top: 7px; overflow: auto;">Descripción</div><div style="font-family: Oswald; font-size: 14px; font-weight: bold; font-variant: small-caps; color: #DCDBDB; text-align: center; text-shadow: 1px 2px 0px #000000; letter-spacing: 1px; margin-top: 9px; background-color: #3C1F39; margin-left: -200px; padding: 6px; width: 50%;">Un título</div><div style="width: 280px; height: 198px; border: 3px solid #3C1F39; margin-top: 5px; margin-left: -204px; background-color: #3C1F39;"><table><tr><td><div style="width: 130px; height: 90px; background-image: url(http://i21.servimg.com/u/f21/18/85/47/33/1309010.jpg); border: 3px double #DCDBDB;"><div class="capita"><h2>Usuario</h2><p>Puesto</p></div></div></td><td><div style="width: 130px; height: 90px; border: 3px double #DCDBDB; background-image: url(http://i21.servimg.com/u/f21/18/85/47/33/1309010.jpg)"><div class="capita"><h2>Usuario</h2><p>Puesto</p></div></div></td></tr><tr><td><div style="width: 130px; height: 90px; background-image:url(http://i21.servimg.com/u/f21/18/85/47/33/1309010.jpg); border: 3px double #DCDBDB;"><div class="capita"><h2>Usuario</h2><p>Puesto</p></div></div></td><td><div style="width: 130px; height: 90px; background-image:url(http://i21.servimg.com/u/f21/18/85/47/33/1309010.jpg); border: 3px double #DCDBDB;"><div class="capita"><h2>Usuario</h2><p>Puesto</p></div></div></td></tr></table></div><div style="width: 180px; height: 180px; background-image: url(http://i21.servimg.com/u/f21/18/85/47/33/18018010.jpg); border: 6px solid #902121; box-shadow: 2px 3px 5px #000000; float: right; margin-top: -180px; margin-right: 12px;"></div><div style="font-family: Oswald; font-size: 14px; font-weight: bold; font-variant: small-caps; color: #DCDBDB; text-align: center; text-shadow: 1px 2px 0px #000000; letter-spacing: 1px; margin-top: 9px; background-color: #3C1F39; margin-left: -200px; padding: 6px; width: 50%;">Un título</div><div class="luz"><table><tr><td><a href="#" class="lo">Un enlace</a></td><td><a href="#" class="lo">Un enlace</a></td><td><a href="#" class="lo">Un enlace</a></td><td><a href="#" class="lo">Un enlace</a></td></tr><tr><td><a href="#" class="lo">Un enlace</a></td><td><a href="#" class="lo">Un enlace</a></td><td><a href="#" class="lo">Un enlace</a></td><td><a href="#" class="lo">Un enlace</a></td></tr></table></div><div style="width: 180px; height: 180px; background-image: url(http://i21.servimg.com/u/f21/18/85/47/33/18018010.jpg); border: 6px solid #902121; box-shadow: 2px 3px 5px #000000; float: left; margin-top: 30px; margin-left: 6px;"></div><div style="font-family: Oswald; font-size: 14px; font-weight: bold; font-variant: small-caps; color: #FFFFFF; text-align: center; text-shadow: 1px 2px 0px #000000; letter-spacing: 1px; margin-top: 34px; background-color: #3C1F39; margin-left: 200px; padding: 6px; width: 50%;">Botones</div><div class="botons"><table><tr><td><div style="font-family: Oswald; font-size: 15px; color: #FFFFFF; font-variant: small-caps; text-shadow: 0px 1px 0px #000000; text-align: center; letter-spacing: 1px;"><br>Tus botones </center></div> </td></tr></table></div></div><div class="grac"><a href="http://foroplumayficcion.foroactivo.mx/u1?akata">Por KenshinCroft</a></div> </center>

Cualquier duda, aquí me escriben. Very Happy

por **Fénix Fablet** Miér Nov 11, 2015 12:20 am

Muchas gracias por aportar a esta sección que se tiene muy olvidada, lo bueno es que hay personas generosas como tu que nos comparten una parte de sus trabajos cheers

El diseño se nota muy profesional, en lo personal me agrada mucho y en caso de requerir este tipo de tablilla para el foro espero y me sea posible usarla Smile

¡Excelente aporte!

por **KenCroft** Miér Nov 11, 2015 11:41 am

Jejeje, de nada, es un placer ayudar!! Very Happy

Gracias por el aprecio!! Por supuesto, si deseas usarla, adelante.

Cualquier duda que te surja, me dices. Wink

por **KenCroft** Lun Dic 21, 2015 7:45 pm

Saludos gente!! Aquí les dejo otra tablilla de afiliación:

Nombre de tu foro

Enlace a tu foro

Staff

Puesto Nombre	Puesto Nombre
Puesto Nombre	Puesto Nombre

Historia de tu foro

¿De qué trata tu foro?

Tus enlaces

Un enlace
Un enlace
Un enlace
Un enlace
Un enlace
Un enlace
Un enlace

Tus botones

Una medida

Por KenshinCroft

Pueden modificar colores, agregar sus imágenes, y agregar más apartados para el staff, por eso dejé ese espacio.
No le quiten por favor los créditos, lo que dice: "Por KenshinCroft".
Al ocuparla, no previsualicen, péguenla cómo tal y funcionará.
Cualquier cosilla, aquí me dicen.
¡Qué la disfruten!

Aquí el código:

Código:: <br><link href='https://fonts.googleapis.com/css?family=Dancing+Script' rel='stylesheet' type='text/css'><link href='https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz' rel='stylesheet' type='text/css'><center><style type="text/css"> a.da {letter-spacing: 0px; text-align: center; padding: 3px; color: #FFFFFF; background-color: transparent; -webkit-transition: .5s ease-in; -moz-transition: .5s ease-in; -o-transition: .5s ease-in; -ms-transition: .5s ease-in; transition: letter-spacing .5s ease-in; transition: all .8s ease-in;} a.da:hover {letter-spacing: 8px; text-align: center; padding: 3px; color: #902121; background-color: #FFFFFF; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; -ms-transition: .5s ease-in-out; transition: letter-spacing .5s ease-in-out; transition: all .8s ease-in-out;} .personal {width: 86px; height: 86px; border: 5px solid #902121; border-radius: 150px; text-align: center;} .fondo {border-radius: 150px; margin-top: -15px; width: 86px; height: 86px; position: relative; display: inline-block; opacity: 0; transform: rotate(0deg); transition: all .8s ease-in;} .fondo:hover {transform: rotate(360deg); transition: transform .8s ease-in-out; transition: all .8s ease-in-out; background-color: #FFFFFF; opacity: 10;} .personal h2 {font-family: Yanone Kaffeesatz; font-size: 18px; font-weight: bold; text-align: center; border-bottom: 1px solid #000000; color: #000000; padding: 4px;} .personal p {font-family: Yanone Kaffeesatz; font-size: 14px; text-align: center; font-weight: bold; color: #000000;} .personal img {width: 80px; height: 80px; position: absolute; border-radius: 150px; padding: 2px; margin: 1px;}</style><div style="width: 450px; height: 900px; background-color: #FFFFFF; border: 7px solid #902121; outline: 4px solid #0B2646;"><div style="width: 420px; height: 50px; background-color: #902121; border-top: 5px solid #0B2646; border-bottom: 5px solid #0B2646; margin-top: 6px; font-family: Dancing Script; font-size: 30px; color: #FFFFFF; text-align: center; padding: 5px; text-shadow: 0px 1px 0px #000000; font-weight: bold; font-style: uppercase; line-height: 50px;">Nombre de tu foro</div><br><div style="width: 430px; height: 230px; background-image: url(http://i68.servimg.com/u/f68/18/85/47/33/430x2310.jpg); padding: 3px; border: 5px solid #0B2646; margin-top: -9px;"><br><div style="width; 440px; height: 20px; background-color: #902121; font-family: Yanone Kaffeesatz; font-size: 14px; color: #FFFFFF; font-weight: bold; text-align: center; font-variant: small-caps; padding: 3px; margin-top: 213px;"><a href="#" class="da">Enlace a tu foro</a></div></div><br><div style="width: 200px; height: 20px; background-color: #902121; border-top: 5px solid #0B2646; border-bottom: 5px solid #0B2646; margin-top: 6px; font-family: Dancing Script; font-size: 21px; color: #FFFFFF; text-align: center; padding: 5px; text-shadow: 0px 1px 0px #000000; font-weight: bold; font-style: uppercase; line-height: 15px; float: left; margin-left: 3px;">Staff</div><br><br><br><div style="width: 220px; background-color: transparent; float: left;"><table><tr><td><div class="personal"><img src="http://i68.servimg.com/u/f68/18/85/47/33/80x8010.jpg"><div class="fondo"><h2>Puesto</h2><p>Nombre</p></div></div></td><td><div class="personal"><img src="http://i68.servimg.com/u/f68/18/85/47/33/80x8010.jpg"><div class="fondo"><h2>Puesto</h2><p>Nombre</p></div></div></td></tr><tr><td><div class="personal"><img src="http://i68.servimg.com/u/f68/18/85/47/33/80x8010.jpg"><div class="fondo"><h2>Puesto</h2><p>Nombre</p></div></div></td><td><div class="personal"><img src="http://i68.servimg.com/u/f68/18/85/47/33/80x8010.jpg"><div class="fondo"><h2>Puesto</h2><p>Nombre</p></div></div></td></tr></table></div><div style="width: 197px; height: 20px; background-color: #902121; border-top: 5px solid #0B2646; border-bottom: 5px solid #0B2646; margin-top: -53px; font-family: Dancing Script; font-size: 21px; color: #FFFFFF; text-align: center; padding: 5px; text-shadow: 0px 1px 0px #000000; font-weight: bold; font-style: uppercase; line-height: 15px; float: right; margin-right: 3px;">Historia de tu foro</div><br><div style="width: 200px; height: 250px; background-color: #0B2646; border: 4px solid #902121; overflow: auto; float: right; margin-top: -22px; margin-right: 3px;"><div style="font-family: Yanone Kaffeesatz; font-size: 14px; color: #FFFFFF; text-align: center; font-variant: small-caps; padding: 3px; letter-spacing: 2px;">¿De qué trata tu foro?</div></div><div style="width: 210px; height: 20px; background-color: #902121; border-top: 5px solid #0B2646; border-bottom: 5px solid #0B2646; margin-top: 6px; font-family: Dancing Script; font-size: 21px; color: #FFFFFF; text-align: center; padding: 5px; text-shadow: 0px 1px 0px #000000; font-weight: bold; font-style: uppercase; line-height: 15px; float: left; margin-left: 3px;">Tus enlaces</div><br><div style="width: 210px; background-color: #0B2646; text-align: center; font-family: Yanone Kaffeesatz; font-size: 14px; float: left; margin-top: 3px; margin-left: 7px;"><a href="#" class="da">Un enlace</a><br><a href="#" class="da">Un enlace</a><br><a href="#" class="da">Un enlace</a><br><a href="#" class="da">Un enlace</a><br><a href="#" class="da">Un enlace</a><br><a href="#" class="da">Un enlace</a><br><a href="#" class="da">Un enlace</a><br></div><div style="width: 210px; height: 20px; background-color: #902121; border-top: 5px solid #0B2646; border-bottom: 5px solid #0B2646; margin-top: 6px; font-family: Dancing Script; font-size: 21px; color: #FFFFFF; text-align: center; padding: 5px; text-shadow: 0px 1px 0px #000000; font-weight: bold; font-style: uppercase; line-height: 15px; float: right; margin-right: 3px;">Tus botones</div><br><div style="width: 210px; height: 175px; background-color: #0B2646; text-align: center; font-family: Yanone Kaffeesatz; color: #FFFFFF; font-size: 14px; float: right; margin-top: 3px; margin-right: 6px; overflow: auto;"><center>Una medida</center> </div> </center> <div style="width: 150px; height: 12px; background-color: #902121; border-top: 3px solid #0B2646; border-bottom: 4px solid #0B2646; margin-top: -11px; font-family: Yanone Kaffeesatz; font-size: 14px; color: #FFFFFF; text-align: center; padding: 5px; text-shadow: 0px 1px 0px #000000; font-weight: bold; font-style: uppercase; line-height: 15px; float: center; margin-left: 230px;"><a href="http://foroplumayficcion.foroactivo.mx/u1">Por KenshinCroft</a> </div>

por **Kuro** Vie Ene 29, 2016 8:24 pm

wooooow me encantaron tus tablillas <3 me encantaria usar una para mi foro solo que somos 5 miembros del staff u.u

por **KenCroft** Vie Ene 29, 2016 8:49 pm

Jijijiji, gracias!! <3 Sí, claro, dime cuál tablilla te gustaría y te la adapto para los cinco miembros del Staff.

Very Happy

por **Kuro** Jue Feb 04, 2016 8:02 pm

Eres genial!!!! Muchisimas gracias.....me gustaria que fuera la primera ^^

Gracias!!!!!

por **KenCroft** Jue Feb 04, 2016 10:46 pm

Jijiji, de nada, al contrario, es genial ayudar. Okas, la estaré posteando aquí mismo con su adaptación.

Gracias a ti por tu aprecio!! Very Happy

por **Fénix Fablet** Vie Feb 05, 2016 1:40 pm

Hola Ken!! me gustaría usar la segunda tablilla para hacer promoción al foro ¿se puede?

Gracias por seguir aportando Wink

por **KenCroft** Vie Feb 05, 2016 2:13 pm

Saludos!! Sí, claro que sí puedes usarla, adelante!! Very Happy

Es un placer ayudar, ya estaré aportando más tablillas, nomas que me brille la inspiración, jio jio jio, que me lleguen las musas para dejarles otro modelos de tablillas Cool

.

Kuro, aquí te dejo la tablilla adaptada para los cinco miebros de tu Staff:

El nombre de tu foro

Un título

Descripción

Un título

Usuario Puesto	Usuario Puesto
Usuario Puesto	Usuario Puesto

Usuario

Puesto

Un título

Un enlace	Un enlace	Un enlace	Un enlace
Un enlace	Un enlace	Un enlace	Un enlace

Botones

Tus botones

Por KenshhinCroft

Aquí el código:

Código:: <br><center><style type="text/css"> .botons{width: 288px; height: 170px; margin-top: 7px; margin-left: 5px; border: 4px solid #3C1F39; overflow: auto; background-color: #3C1F39;} .luz {width: 260px; height: 50px; padding: 5px; margin-left: -190px;} .luz a.lo{width: 90px; display: inline-block; margin-top: 5px; background-color: #902121; padding: 6px; font-family: Oswald; font-size: 9px; color: #FFFFFF; text-align: center; text-transform: uppercase; -webkit-transition: .5s ease-in; -moz-transition: .5s ease-in; -o-transition: .5s ease-in; -ms-transition: .5s ease-in; transition: background-color .5s ease-in; transition: all .7s ease-in;} .luz a.lo:hover{background-color: #F9F6F7; color: #000000; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; -ms-transition: .5s ease-in-out; transition: background-color .5s ease-in-out; transition: all .7s ease-in-out;} .capita {width: 120px; height: 80px; background-color: none; opacity: 0; position: relative; font-family: Oswald; font-size: 10px; color: #930E0E; text-align: center; line-height: 15px; padding: 5px;-webkit-transition: .5s ease-in; -moz-transition: .5s ease-in; -o-transition: .5s ease-in; -ms-transition: .5s ease-in; transition: background-color .5s ease-in; transition: all .7s ease-in;} .capita:hover {background-color: #E6E6E6; opacity: 10; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; -ms-transition: .5s ease-in-out; transition: background-color .5s ease-in-out; transition: all .7s ease-in-out;} .capita img {width: 130px; height: 90px; position: absolute;} .capita h2{font-family: Oswald; font-size: 16px; color: #930E0E; text-align: center;line-height: 15px; padding: 5px;}</style><div style="font-family: Oswald; font-size: 20px; color: #DCDBDB; padding: 16px; text-shadow: 1px 2px 0px #000000; text-align: center; margin-left: -2px; font-variant: small-caps; letter-spacing: 1px; background-color: #3C1F39; width: 487px;">El nombre de tu foro</div><br><div style="width: 500px; height: 918px; background-color: #E1DEDE; border: 9px solid #3C1F39;"><link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'<br><div style="width: 180px; height: 180px; background-image: url(http://i21.servimg.com/u/f21/18/85/47/33/18018010.jpg); border: 6px solid #902121; box-shadow: 2px 3px 5px #000000; float: left; margin-top: 6px; margin-left: 5px;"></div><div style="font-family: Oswald; font-size: 14px; font-weight: bold; font-variant: small-caps; color: #FFFFFF; text-align: center; text-shadow: 1px 2px 0px #000000; letter-spacing: 1px; margin-top: 9px; background-color: #3C1F39; margin-left: 200px; padding: 6px; width: 50%;">Un título</div><div style="font-family: Tahoma; font-size: 8.4px; text-transform: uppercase; color: #DCDBDB; text-align: center; letter-spacing: 2px; font-weight: bold; width: 290px; height: 160px; border: 3px solid #3C1F39; background-color: #3C1F39; line-height: 15px; margin-top: 7px; overflow: auto;">Descripción</div><div style="font-family: Oswald; font-size: 14px; font-weight: bold; font-variant: small-caps; color: #DCDBDB; text-align: center; text-shadow: 1px 2px 0px #000000; letter-spacing: 1px; margin-top: 9px; background-color: #3C1F39; margin-left: -200px; padding: 6px; width: 50%;">Un título</div><div style="width: 280px; height: 296px; border: 3px solid #3C1F39; margin-top: 5px; margin-left: -204px; background-color: #3C1F39;"><table><tr><td><div style="width: 130px; height: 90px; background-image: url(http://i21.servimg.com/u/f21/18/85/47/33/1309010.jpg); border: 3px double #DCDBDB;"><div class="capita"><h2>Usuario</h2><p>Puesto</p></div></div></td><td><div style="width: 130px; height: 90px; border: 3px double #DCDBDB; background-image: url(http://i21.servimg.com/u/f21/18/85/47/33/1309010.jpg)"><div class="capita"><h2>Usuario</h2><p>Puesto</p></div></div></td></tr><tr><td><div style="width: 130px; height: 90px; background-image:url(http://i21.servimg.com/u/f21/18/85/47/33/1309010.jpg); border: 3px double #DCDBDB;"><div class="capita"><h2>Usuario</h2><p>Puesto</p></div></div></td><td><div style="width: 130px; height: 90px; background-image:url(http://i21.servimg.com/u/f21/18/85/47/33/1309010.jpg); border: 3px double #DCDBDB;"><div class="capita"><h2>Usuario</h2><p>Puesto</p></div></div></td></tr><tr></table><div style="width: 130px; height: 90px; background-image:url(http://i21.servimg.com/u/f21/18/85/47/33/1309010.jpg); border: 3px double #DCDBDB;"><div class="capita"><h2>Usuario</h2><p>Puesto</p></div></div></div><div style="width: 180px; height: 180px; background-image: url(http://i21.servimg.com/u/f21/18/85/47/33/18018010.jpg); border: 6px solid #902121; box-shadow: 2px 3px 5px #000000; float: right; margin-top: -240px; margin-right: 12px;"></div><div style="font-family: Oswald; font-size: 14px; font-weight: bold; font-variant: small-caps; color: #DCDBDB; text-align: center; text-shadow: 1px 2px 0px #000000; letter-spacing: 1px; margin-top: 9px; background-color: #3C1F39; margin-left: -200px; padding: 6px; width: 50%;">Un título</div><div class="luz"><table><tr><td><a href="#" class="lo">Un enlace</a></td><td><a href="#" class="lo">Un enlace</a></td><td><a href="#" class="lo">Un enlace</a></td><td><a href="#" class="lo">Un enlace</a></td></tr><tr><td><a href="#" class="lo">Un enlace</a></td><td><a href="#" class="lo">Un enlace</a></td><td><a href="#" class="lo">Un enlace</a></td><td><a href="#" class="lo">Un enlace</a></td></tr></table></div><div style="width: 180px; height: 180px; background-image: url(http://i21.servimg.com/u/f21/18/85/47/33/18018010.jpg); border: 6px solid #902121; box-shadow: 2px 3px 5px #000000; float: left; margin-top: 30px; margin-left: 6px;"></div><div style="font-family: Oswald; font-size: 14px; font-weight: bold; font-variant: small-caps; color: #FFFFFF; text-align: center; text-shadow: 1px 2px 0px #000000; letter-spacing: 1px; margin-top: 34px; background-color: #3C1F39; margin-left: 200px; padding: 6px; width: 50%;">Botones</div><div class="botons"><table><tr><td><div style="font-family: Oswald; font-size: 15px; color: #FFFFFF; font-variant: small-caps; text-shadow: 0px 1px 0px #000000; text-align: center; letter-spacing: 1px;"><br>Tus botones </center></div> </td></tr></table></div></div><div style="font-family: Tahoma; font-size: 8px; color: #FFFFFF; text-align: center; text-transform: uppercase; font-variant: small-caps; letter-spacing: 0px; font-weight: bold; line-height: 15px; margin-top: 0px; background-color: #3C1F39; width: 130px;">[url=http://foroplumayficcion.foroactivo.mx/u1?akata]Por KenshhinCroft[/url]</div> </center>

Cualquier duda u otra cosilla sobre las tablas, pueden consultarla aquí. cat

por **Fénix Fablet** Sáb Feb 06, 2016 3:51 pm

Te muestro como adapte la plantilla:

Publiforo - Foro de publicidad

IR A PUBLIFORO

Staff

ADMIN Fenix Fablet	Puesto Nombre
Puesto Nombre	Puesto Nombre

¿Que es Publiforo?

PubliForo es un foro de publicidad donde te damos la oportunidad de dar a conocer tu foro de manera muy sencilla. Solo tienes que registrar tu foro en "registro de foros", colocar tu tema en alguna de nuestras categorías y actualizar las veces que quieras. Ademas te ofrecemos el servicio de publicidad por medio de carteles que se encuentran al inicio del foro, para mas información visita el sub foro "Publicidad para tu foro". Por ultimo, puedes aportar gráficos y skins, hacer búsquedas de personajes, afiliaciones, y charlar sobre temas de foros para tener una buena convivencia con los compañeros administradores. Disfruta tu estancia en PubliForo!!

Tus enlaces

Fichas de registro
Afiliaciones
Aportes de graficos
Aportes de codigos
Charla entre foros
Pide tu color
Publicidad para tu foro

Tus botones

50 x 50

Código:: <a href="http://publiforo.foroactivo.mx/" class="postlink" target="_blank" rel="nofollow"><img src="http://i.imgur.com/lYpCYo0.jpg" border="0" Title="PubliForo" /></a>

100 x 35

Código:: <a href="http://publiforo.foroactivo.mx/" class="postlink" target="_blank" rel="nofollow"><img src="http://i.imgur.com/sgzV3my.jpg" border="0" Title="PubliForo" /></a>

Por KenshinCroft

Ya la estare publicando en todos los foros que vea jajaja

por **KenCroft** Sáb Feb 06, 2016 6:22 pm

Wuauuuu!! Te ha quedado genial!! (Deadpool se ve guay,jejejeje).

Sí adelante, úsala Very Happy

. Me alegro que te gustara.

Cualquier cosilla que te surja, me dices.

por **Kuro** Miér Feb 10, 2016 9:58 pm

Muchisimas gracias por adaptar la tablilla, quedo a la perfección..eres realmente genial ^^

Te dejo una captura de como quedo

tabla:

por **KenCroft** Vie Feb 12, 2016 6:32 pm

Jijiji, gracias!! Very Happy

Wuauuuu!! ¡Te quedó de lujo! Qué cool que te haya gustado!! Es un placer ayudar. Cualquier cosilla de tablilla, me dices, estoy para ayudar. cat

por Contenido patrocinado

Código de Tablilla para Afiliación