Élite 0/36
Crear foroAmour SucréFate/Insane EclipseDark Souls
Hermanos 0/6
Directorios 0/12
Julio 2017
LunMarMiérJueVieSábDom
     12
3456789
10111213141516
17181920212223
24252627282930
31      

Calendario Calendario

Palabras claves

Últimos temas
» Sakura feudal
Sáb Abr 29, 2017 8:18 pm por Sakura Feudal

» Afiliaciones ELITE
Lun Nov 21, 2016 2:00 pm por OMEGA

» Little Secrets
Vie Nov 18, 2016 8:37 am por Little Secrets

» Sakura Feudal : Publicidad Portada
Jue Nov 03, 2016 10:02 pm por Sakura Feudal

» Oni Empire-Feudal Inuyasha
Dom Oct 16, 2016 7:29 pm por kazama

» Determination (UNDERTALE) {Afiliación Hermana 3/3}
Dom Oct 02, 2016 1:14 pm por Hopes and Dreams

» DETERMINATION { Undertale Rol }
Dom Oct 02, 2016 1:11 pm por Hopes and Dreams

» DETERMINATION (UNDERTALE ROL) { Solicitud portada }
Dom Oct 02, 2016 12:54 pm por Hopes and Dreams

» Tarot de los Sentimientos.Pasional.íntimo.Y Muy Bueno.
Vie Ago 12, 2016 2:33 pm por ArenasYMar


Código de Tablilla para Afiliación

Ver el tema anterior Ver el tema siguiente Ir abajo

Código de Tablilla para Afiliación

Mensaje por KenCroft el 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
Botones

Tus botones
     
       
       

       












       
     



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


Última edición por KenCroft el Jue Nov 12, 2015 7:29 pm, editado 4 veces
avatar

Tu Foro :

Mensajes : 125
Unicornios : 10
Fecha de inscripción : 22/09/2015
Localización : En el mundo de la Ficción

Ver perfil de usuario http://foroplumayficcion.foroactivo.mx/

Volver arriba Ir abajo

Re: Código de Tablilla para Afiliación

Mensaje por Fénix Fablet el 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 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!
avatar

Tu Foro :
Mensajes : 204
Unicornios : 0
Fecha de inscripción : 29/07/2015

Ver perfil de usuario http://publiforo.foroactivo.mx

Volver arriba Ir abajo

Re: Código de Tablilla para Afiliación

Mensaje por KenCroft el 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
avatar

Tu Foro :

Mensajes : 125
Unicornios : 10
Fecha de inscripción : 22/09/2015
Localización : En el mundo de la Ficción

Ver perfil de usuario http://foroplumayficcion.foroactivo.mx/

Volver arriba Ir abajo

Re: Código de Tablilla para Afiliación

Mensaje por KenCroft el Lun Dic 21, 2015 7:45 pm

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


Nombre de tu foro


Staff



Puesto

Nombre

Puesto

Nombre

Puesto

Nombre

Puesto

Nombre

Historia de tu foro

¿De qué trata tu foro?
Tus enlaces

Tus botones

Una medida



 



 

 

  • 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>
avatar

Tu Foro :

Mensajes : 125
Unicornios : 10
Fecha de inscripción : 22/09/2015
Localización : En el mundo de la Ficción

Ver perfil de usuario http://foroplumayficcion.foroactivo.mx/

Volver arriba Ir abajo

Re: Código de Tablilla para Afiliación

Mensaje por Kuro el 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
avatar

Tu Foro :
Mensajes : 11
Unicornios : 0
Fecha de inscripción : 05/10/2015

Ver perfil de usuario http://rolworld.foros.bz/

Volver arriba Ir abajo

Re: Código de Tablilla para Afiliación

Mensaje por KenCroft el 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
avatar

Tu Foro :

Mensajes : 125
Unicornios : 10
Fecha de inscripción : 22/09/2015
Localización : En el mundo de la Ficción

Ver perfil de usuario http://foroplumayficcion.foroactivo.mx/

Volver arriba Ir abajo

Re: Código de Tablilla para Afiliación

Mensaje por Kuro el Jue Feb 04, 2016 8:02 pm

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

Gracias!!!!!
avatar

Tu Foro :
Mensajes : 11
Unicornios : 0
Fecha de inscripción : 05/10/2015

Ver perfil de usuario http://rolworld.foros.bz/

Volver arriba Ir abajo

Re: Código de Tablilla para Afiliación

Mensaje por KenCroft el 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
avatar

Tu Foro :

Mensajes : 125
Unicornios : 10
Fecha de inscripción : 22/09/2015
Localización : En el mundo de la Ficción

Ver perfil de usuario http://foroplumayficcion.foroactivo.mx/

Volver arriba Ir abajo

Re: Código de Tablilla para Afiliación

Mensaje por Fénix Fablet el 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
avatar

Tu Foro :
Mensajes : 204
Unicornios : 0
Fecha de inscripción : 29/07/2015

Ver perfil de usuario http://publiforo.foroactivo.mx

Volver arriba Ir abajo

Re: Código de Tablilla para Afiliación

Mensaje por KenCroft el 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
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
avatar

Tu Foro :

Mensajes : 125
Unicornios : 10
Fecha de inscripción : 22/09/2015
Localización : En el mundo de la Ficción

Ver perfil de usuario http://foroplumayficcion.foroactivo.mx/

Volver arriba Ir abajo

Re: Código de Tablilla para Afiliación

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

Te muestro como adapte la plantilla:


Publiforo - Foro de publicidad


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

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>


Ya la estare publicando en todos los foros que vea jajaja


Última edición por Fénix Fablet el Vie Mar 04, 2016 1:03 pm, editado 1 vez
avatar

Tu Foro :
Mensajes : 204
Unicornios : 0
Fecha de inscripción : 29/07/2015

Ver perfil de usuario http://publiforo.foroactivo.mx

Volver arriba Ir abajo

Re: Código de Tablilla para Afiliación

Mensaje por KenCroft el 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.
avatar

Tu Foro :

Mensajes : 125
Unicornios : 10
Fecha de inscripción : 22/09/2015
Localización : En el mundo de la Ficción

Ver perfil de usuario http://foroplumayficcion.foroactivo.mx/

Volver arriba Ir abajo

Re: Código de Tablilla para Afiliación

Mensaje por Kuro el 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:
avatar

Tu Foro :
Mensajes : 11
Unicornios : 0
Fecha de inscripción : 05/10/2015

Ver perfil de usuario http://rolworld.foros.bz/

Volver arriba Ir abajo

Re: Código de Tablilla para Afiliación

Mensaje por KenCroft el 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

avatar

Tu Foro :

Mensajes : 125
Unicornios : 10
Fecha de inscripción : 22/09/2015
Localización : En el mundo de la Ficción

Ver perfil de usuario http://foroplumayficcion.foroactivo.mx/

Volver arriba Ir abajo

Re: Código de Tablilla para Afiliación

Mensaje por Contenido patrocinado

Contenido patrocinado


Volver arriba Ir abajo

Ver el tema anterior Ver el tema siguiente Volver arriba

- Temas similares

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