Últimos temas
» firmitaparadave
Sáb Jul 09, 2016 10:21 pm por Admin

» foro de prueba
Miér Mar 09, 2016 5:49 pm por Admin

» header carrusel
Miér Mar 09, 2016 12:36 am por Admin

» Tablillas!!!
Vie Ene 22, 2016 4:12 pm por Devisser Groen

» hoveeeeeeeeer
Lun Ene 11, 2016 12:17 am por Admin

» Codigos!!!!!
Lun Ene 04, 2016 4:24 pm por Devisser Groen

» Tu primer tema
Jue Dic 17, 2015 4:32 pm por Admin


Codigos!!!!!

Ver el tema anterior Ver el tema siguiente Ir abajo

Codigos!!!!!

Mensaje por Devisser Groen el Jue Dic 17, 2015 4:47 pm

REGISTROS DE PB
Texto......

RESERVAS
Ϟ Nombre de reserva for Nombre del PJ until DD/MM/AA
BUSQUEDAS
Ϟ Nombre de reserva for Nombre de PJ - want ad
FEMENINOS
Nombre del PB as Nombre del PJ
HOMBRES
Nombre del PB as Nombre del PJ

Mensajes : 7

Fecha de inscripción : 17/12/2015

Ver perfil de usuario
avatar

Volver arriba Ir abajo

Re: Codigos!!!!!

Mensaje por Devisser Groen el Jue Dic 17, 2015 4:59 pm

Código:
<div class="mordesmini"> <div style="height: 400px; position: absolute; top: 0px; left: 0px;"> <!-- |avatar| --></div> <div class="steel"> <div style="width: 250px; font-family: 'Montserrat', sans serif; text-align: center; color: #444; font-size: 9px; text-transform: uppercase; font-weight: 400; line-height: 0px; height: 0px; border-top: 10px solid #fff; border-bottom: 10px solid #fff; border-right: 10px solid transparent; box-shadow: 0px 1px 0px #eee, 0px -1px 0px #eee; ">PLAYED BY <!-- |field_1| --></div> </div> <div class="lightning"><div align="center"> <table cellpadding="0" cellspacing="0"><tbody><tr><th><div style="width: 20px;"></div></th><th><div class="thunder"><a href="<!-- |field_2| -->">PROFILE</a> <a href="<!-- |field_3| -->">SHIPPER</a></div></th><th><div style="width: 20px;"></div></th></tr></tbody></table><table style="margin-top: -13px;" cellpadding="0" cellspacing="0"><tbody><tr><th><div style="width: 0;height: 0;border-top: 10px solid #fff;border-left: 10px solid transparent;"></div><div style="width: 0;height: 0;border-bottom: 10px solid #fff;border-left: 10px solid transparent;"></div></th><th><div style="width: 9px; border-right: 1px solid #efefef; height: 20px; background-color: #fff;"></div></th><td valign="bottom"><div style="width: 0;height: 0;border-top: 7px solid #efefef;border-right: 7px solid transparent;"></div></th><th><div style="width: 146px;"></div></th><td valign="bottom"><div style="width: 0;height: 0;border-top: 7px solid #efefef;border-left: 7px solid transparent;"></div></th><th><div style="width: 9px; border-left: 1px solid #efefef; height: 20px; background-color: #fff;"></div></th><th><div style="width: 0;height: 0;border-top: 10px solid #fff;border-right: 10px solid transparent;"></div><div style="width: 0;height: 0;border-bottom: 10px solid #fff;border-right: 10px solid transparent;"></div></th></tr></tbody></table> </div></div> <b><a href="/index.php?showuser=<!-- |id| -->"><!-- |author_name| --></a></b> <h1><!-- |field_4| --><b>years</b></h1> <i><!-- |posts| --><b>posts</b></i> <h2><!-- |status| --><b>status</b></h2> </div>

= Alias
= App Link
= Shipper Link
= Age


PUT THIS AT THE BOTTOM OF YOUR CSS:

Código:
.mordesmini { width: 250px; height: 450px; background-color: #111; margin: 0px auto; position: relative; overflow: hidden;}
.mordesmini img { height: 400px; width: auto; }
.mordesmini b {width: 220px; �text-transform: uppercase; height: 23px; overflow: hidden; display: block; position: absolute; bottom: 0px; left: 0px; background-color: #222; padding: 15px 15px 12px 15px; text-align: center; }
.mordesmini b a { font-family: 'Montserrat', sans-serif; color: #fff; font-size: 15px; line-height: 20px; border-bottom: 1px solid #fff; padding: 0px; }
.mordesmini h1, .mordesmini h2, .mordesmini i { font-weight: 700; text-transform: uppercase; margin: 0px; width: 60px; height: 60px; line-height: 55px; color: #333; background-color: #fff; -webkit-border-radius: 100%; border-radius: 100%; display: block; position: absolute; bottom: 85px; left: 30px; font-family: 'Montserrat', sans-serif; font-style: normal; text-align: center; z-index: 10; font-size: 17px; overflow: hidden; border: 3px double #eee; letter-spacing: -2px; -moz-transform: scale(0) rotate(0deg);
-webkit-transform: scale(0) rotate(0deg);
-o-transform: scale(0) rotate(0deg);
-ms-transform: scale(0) rotate(0deg);
transform: scale(0) rotate(0deg); -webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease; font-weight: 700; }
.mordesmini h1 b, .mordesmini h2 b, .mordesmini i b { font-size: 6px; font-family: arial; letter-spacing: 1px; line-height: 7px; position: relative; top: -20px; left: -5px; bottom: 0px; color: #000; width: 70px; height: auto; background-color: #fff; text-transform: uppercase; text-align: center; font-weight: normal; padding: 0px; }
.mordesmini:hover h1, .mordesmini:hover h2, .mordesmini:hover i { -moz-transform: scale(1) rotate(360deg);
-webkit-transform: scale(1) rotate(360deg);
-o-transform: scale(1) rotate(360deg);
-ms-transform: scale(1) rotate(360deg);
transform: scale(1) rotate(360deg); }
.mordesmini h2 { position: absolute; left: 90px; font-size: 12px; bottom: 95px; transition-delay: 0.2s; -moz-transition-delay: 0.2s; -webkit-transition-delay: 0.2s; -o-transition-delay: 0.2s; -ms-transition-delay: 0.2s; }
.mordesmini i { position: absolute; left: 150px; transition-delay: 0.4s; -moz-transition-delay: 0.4s; -webkit-transition-delay: 0.4s; -o-transition-delay: 0.4s; -ms-transition-delay: 0.4s; }
.mordesmini .thunder { width: 160px; height: 20px; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; background-color: #fff; border-bottom: 1px solid #efefef; font-family: 'Alegreya Sans SC', sans-serif; text-align: center; line-height: 20px; color: #444; font-size: 6px; box-shadow: 1px -1px 0px #eee; }
.mordesmini .thunder a { font-family: 'Montserrat', sans serif; text-align: center; color: #444; font-size: 9px; text-transform: uppercase; font-weight: 400; margin: 0px 10px; }
.mordesmini .lightning { position: absolute; bottom: 365px; left: 25px; z-index: 88; opacity: 0; transition-delay: 0.6s; -moz-transition-delay: 0.6s; -webkit-transition-delay: 0.6s; -o-transition-delay: 0.6s; -ms-transition-delay: 0.6s; -webkit-transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-ms-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
transition: all 0.6s ease; }
.mordesmini:hover .lightning { transition-delay: 0.6s; -moz-transition-delay: 0.6s; -webkit-transition-delay: 0.6s; -o-transition-delay: 0.6s; -ms-transition-delay: 0.6s; position: absolute; bottom: 65px; opacity: 1; }
.mordesmini .steel { transition-delay: 0.6s; -moz-transition-delay: 0.6s; -webkit-transition-delay: 0.6s; -o-transition-delay: 0.6s; -ms-transition-delay: 0.6s; position: absolute; left: -260px; top: 271px; -webkit-transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-ms-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
transition: all 0.6s ease; }
.mordesmini:hover .steel {transition-delay: 0.6s; -moz-transition-delay: 0.6s; -webkit-transition-delay: 0.6s; -o-transition-delay: 0.6s; -ms-transition-delay: 0.6s; position: absolute; left: 0px; }
.normalname { display: none !important; }
Mensajes : 7

Fecha de inscripción : 17/12/2015

Ver perfil de usuario
avatar

Volver arriba Ir abajo

Re: Codigos!!!!!

Mensaje por Devisser Groen el Jue Dic 17, 2015 5:04 pm

first middle last
nicknames
age
birth date
occupation
hometown
member group
play by
alias
timezone
contact method
Childhood is a promise that is never kept.

blah blah ramble on about history and all that jazz yyayyyy we love history parts ftw did you know blaine's middle name is devon? it's so cute ikik anyway this is where history will go make sure it's enough so we get to know your character blah blah ramble on about history and all that jazz yyayyyy we love history parts ftw did you know blaine's middle name is devon? it's so cute ikik anyway this is where history will go make sure it's enough so we get to know your character blah blah ramble on about history and all that jazz yyayyyy we love history parts ftw did you know blaine's middle name is devon? it's so cute ikik anyway this is where history will go make sure it's enough so we get to know your character blah blah ramble on about history and all that jazz yyayyyy we love history parts ftw did you know blaine's middle name is devon? it's so cute ikik anyway this is where history will go make sure it's enough so we get to know your character blah blah ramble on about history and all that jazz yyayyyy we love history parts ftw did you know blaine's middle name is devon? it's so cute ikik anyway this is where history will go make sure it's enough so we get to know your character blah blah ramble on about history and all that jazz yyayyyy we love history parts ftw did you know blaine's middle name is devon? it's so cute ikik anyway this is where history will go make sure it's enough so we get to know your character

HUMILITY IS NO SUBSTITUTE FOR A GOOD PERSONALITY.

blah blah this is where personality goes ramble on about good and bad traits because no one likes a mary stu~~!!! blah blah this is where personality goes ramble on about good and bad traits because no one likes a mary stu~~!!! blah blah this is where personality goes ramble on about good and bad traits because no one likes a mary stu~~!!! blah blah this is where personality goes ramble on about good and bad traits because no one likes a mary stu~~!!! blah blah this is where personality goes ramble on about good and bad traits because no one likes a mary stu~~!!! blah blah this is where personality goes ramble on about good and bad traits because no one likes a mary stu~~!!! blah blah this is where personality goes ramble on about good and bad traits because no one likes a mary stu~~!!! blah blah this is where personality goes ramble on about good and bad traits because no one likes a mary stu~~!!! blah blah this is where personality goes ramble on about good and bad traits because no one likes a mary stu~~!!! blah blah this is where personality goes ramble on about good and bad traits because no one likes a mary stu~~!!! blah blah this is where personality goes ramble on about good and bad traits because no one likes a mary stu~~!!! blah blah this is where personality goes ramble on about good and bad traits because no one likes a mary stu~~!!!

A loving heart is the truest wisdom.

blah ramble on about love life and relationships, sexuality and all that jazz make it all cute and cuddly because lol klaine > yo life blah ramble on about love life and relationships, sexuality and all that jazz make it all cute and cuddly because lol klaine > yo life blah ramble on about love life and relationships, sexuality and all that jazz make it all cute and cuddly because lol klaine > yo life blah ramble on about love life and relationships, sexuality and all that jazz make it all cute and cuddly because lol klaine > yo life blah ramble on about love life and relationships, sexuality and all that jazz make it all cute and cuddly because lol klaine > yo life blah ramble on about love life and relationships, sexuality and all that jazz make it all cute and cuddly because lol klaine > yo life blah ramble on about love life and relationships, sexuality and all that jazz make it all cute and cuddly because lol klaine > yo life blah ramble on about love life and relationships, sexuality and all that jazz make it all cute and cuddly because lol klaine > yo life
Mensajes : 7

Fecha de inscripción : 17/12/2015

Ver perfil de usuario
avatar

Volver arriba Ir abajo

Re: Codigos!!!!!

Mensaje por Devisser Groen el Jue Dic 17, 2015 5:38 pm

Código:
/* MINI PROFILE - HARRY STYLES. @ ATF / SHINE / CAUTION */
.arti20 { width: 225px; height: 315px; transition: 0.6s; overflow: hidden; position: relative; z-index: 1;}
.arti21 { width: 225px; background-color: #8b2252; padding: 10px 0px; position: relative; top: -305px; }
.arti22 { width: 205px; text-align: center; font-family: 'Jura', sans-serif; font-size: 20px; color: #ffffff; padding: 15px 10px; background-color: #8b2252; letter-spacing: 1px; text-transform: uppercase;}
.arti23 { width: 225px; height: 315px; opacity: 0; background-color: #fff; transition: 0.6s; position: relative; top: -315px; }
.arti20:hover .arti23 { opacity: 1; transition: 0.6s; }
.arti24b { width: 120px; height: 120px; margin-top: -295px; opacity: 0; border-radius: 50%; border: solid 1px #eee; padding: 8px; transition: 0.6s; position: relative; top: -315px; }
.arti20:hover .arti24b {  width: 120px; height: 120px; transition: 0.6s; opacity: 1; }
.arti24 {width: 120px; height: 120px; opacity: 0; border-radius: 50%;  -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; overflow: hidden; }
.arti24 img { width: 120px; height: 120px; }
.arti20:hover .arti24 {  transition: 0.6s; opacity: 1; -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }

.arti28 { margin-top: 20px; height: 100px; width: 105px; padding: 8px; border: solid 1px #eee; opacity: 0; position: relative; top: -315px; }
.arti20:hover .arti28 { opacity: 1; transition: 0.6s; }

table.arti27 { text-align: center; width: 100px; height: 100px; }
table.arti27 th { font-size: 10px; text-transform: uppercase; letter-spacing: 0px; width: 50px; height: 50px; line-height: 100%; font-family: 'Patua One', cursive; }
table.arti27 th b { font-size: 18px; font-weight: normal; }
.arti27a { top: -220px; padding: 15px 10px 12px 10px; background-color: #8b2252; color: #fff; position: relative;}
.arti20:hover .arti27a { top: 0px; transition-delay: 0.4s; transition: 0.6s; }
.arti27b { right: -80px; padding: 15px 10px 12px 10px; background-color: #fafafa; color: #6F6F6F;  position: relative;}
.arti20:hover .arti27b { right: 0px; transition-delay: 0.4s; transition: 0.6s; }
.arti27c { left: -80px; padding: 15px 10px 12px 10px; background-color: #fafafa; color: #6F6F6F;  position: relative;}
.arti20:hover .arti27c { left: 0px; transition-delay: 0.4s; transition: 0.6s; }
.arti27d { bottom: -80px; padding: 15px 10px 12px 10px; background-color: #8b2252; color: #fff;  position: relative;}
.arti27d a { color: #fff; }
.arti20:hover .arti27d { bottom: 0px; transition-delay: 0.4s; transition: 0.6s; }

table.arti31 { width: 205px; text-align: center; font-family: 'Jura', sans-serif; font-size: 20px; }
table.arti31 th { width: 40px; }
.arti32 { background-color: #8b2252; color: #fff; padding: 8px 0px; font-family: 'Patua One', cursive; font-size: 10px; transition: 0.6s; }
.arti32:hover { background-color: #fff; color: #8b2252; transition: 0.6s; }
.arti32b { background-color: #fff; color: #6F6F6F; padding: 6px 0px; font-family: 'Jura', sans-serif; font-size: 10px; letter-spacing: 1; text-transform: uppercase;}
.arti33 { padding: 2px; border: solid 1px #fff; }

Código:
<center>
<div class="arti22"><!-- |author_name| --></div><div class="arti20"><div style="width: 225px; height: 315px"><!-- |avatar| --></div><div class="arti23"></div><div class="arti24b"><div class="arti24"><img src="<!-- |field_1| -->" width=“120” height=“120”></div></div><div class="arti28"><table class="arti27" cellspacing="0"><th><div class="arti27a"><b><!-- |posts| --></b>
POSTS</div></th><th><div class="arti27b"><b><!-- |field_3| --></b>
YEARS</div></th><tr><th><div class="arti27c"><b><!-- |field_4| -->TH</b>
YEAR</div></th><th><div class="arti27d"><b><!-- |rep| --></b>
REP
</div></th></tr></table></div></div><div class="arti21"><table class="arti31" cellspacing="0"><th><a href="<!-- |field_5| -->"><div class="arti32">S</div></a></th><th><div class="arti33"><div class="arti32b"><!-- |field_2| --></div></div></th><th><a href="<!-- |field_6| -->"><div class="arti32">D</div></a></th></table></div></center>
Mensajes : 7

Fecha de inscripción : 17/12/2015

Ver perfil de usuario
avatar

Volver arriba Ir abajo

Re: Codigos!!!!!

Mensaje por Admin el Jue Dic 17, 2015 8:46 pm

probando
Mensajes : 22

Fecha de inscripción : 17/12/2015

Ver perfil de usuario http://paraforosdeprueba22.activoforo.com
avatar
Admin

Volver arriba Ir abajo

Re: Codigos!!!!!

Mensaje por Devisser Groen el Sáb Dic 19, 2015 6:43 pm



REGISTROS
ACTUALIZADOS!!
Texto extra!



eeebeb >> Gris ese de fondo (?)
fa933e >> Naranja
88d3ab >> verde
006699 >> azul
   



REGISTROS
ACTUALIZADOS!!
Texto extra!

Mensajes : 7

Fecha de inscripción : 17/12/2015

Ver perfil de usuario
avatar

Volver arriba Ir abajo

Re: Codigos!!!!!

Mensaje por Admin el Dom Dic 20, 2015 12:06 am



Registros Actualizados
Mensajes : 22

Fecha de inscripción : 17/12/2015

Ver perfil de usuario http://paraforosdeprueba22.activoforo.com
avatar
Admin

Volver arriba Ir abajo

Re: Codigos!!!!!

Mensaje por Admin el Dom Dic 20, 2015 1:17 am

Mensajes : 22

Fecha de inscripción : 17/12/2015

Ver perfil de usuario http://paraforosdeprueba22.activoforo.com
avatar
Admin

Volver arriba Ir abajo

Re: Codigos!!!!!

Mensaje por Admin el Dom Dic 20, 2015 1:32 am



Registros Actualizados.







Registros Actualizados.
Mensajes : 22

Fecha de inscripción : 17/12/2015

Ver perfil de usuario http://paraforosdeprueba22.activoforo.com
avatar
Admin

Volver arriba Ir abajo

Re: Codigos!!!!!

Mensaje por Admin el Dom Dic 27, 2015 9:16 pm

Guía de puntos
Aquí está todo lo que necesitas saber sobre los puntos
Tipo de puntos
Puntos positivos
Puntos negativos
tienda del foro
Los puntos positivos. Visibles en vuestros perfiles, los puntos positivos son proporcionados mediante vuestro propio posteo siguiendo una serie de condiciones que serán recogidas y explicadas a en la pestaña puntos positivos.

Los puntos negativos. Como el ying y el yang, en el foro también existen la versión negativa de estos conocidos puntos. Estos puntos se restan a los que ya tenéis siguiendo una serie de condiciones que serán recogidos en la pestaña puntos negativos.
Mensajes : 22

Fecha de inscripción : 17/12/2015

Ver perfil de usuario http://paraforosdeprueba22.activoforo.com
avatar
Admin

Volver arriba Ir abajo

Re: Codigos!!!!!

Mensaje por Admin el Miér Dic 30, 2015 1:23 pm

RESERVAS DE PB

Solo se puede realizar con color

CONTENIDO TAB 1
aqui contenido tab 2
aqui contenido tab 3
aqui contenido tab 4
Mensajes : 22

Fecha de inscripción : 17/12/2015

Ver perfil de usuario http://paraforosdeprueba22.activoforo.com
avatar
Admin

Volver arriba Ir abajo

Re: Codigos!!!!!

Mensaje por Admin el Miér Dic 30, 2015 2:38 pm

Somos herederos de sangreeeee, en muerte y en vidaaaa ♪
Mensajes : 22

Fecha de inscripción : 17/12/2015

Ver perfil de usuario http://paraforosdeprueba22.activoforo.com
avatar
Admin

Volver arriba Ir abajo

Re: Codigos!!!!!

Mensaje por Admin el Miér Dic 30, 2015 5:12 pm

lalalal
Spoiler:
lalala
Mensajes : 22

Fecha de inscripción : 17/12/2015

Ver perfil de usuario http://paraforosdeprueba22.activoforo.com
avatar
Admin

Volver arriba Ir abajo

Re: Codigos!!!!!

Mensaje por Devisser Groen el Lun Ene 04, 2016 4:24 pm

first last
friends
first letter goes into the bold tags and the rest of your writing goes here!
enemies
first letter goes into the bold tags and the rest of your writing goes here!
lovers
first letter goes into the bold tags and the rest of your writing goes here!

i'm totally open to any sort of plot really, whether it's a drunken night at a winning after party or something else!
relationships
first last -  relationship
first last -  relationship
first last -  relationship
Mensajes : 7

Fecha de inscripción : 17/12/2015

Ver perfil de usuario
avatar

Volver arriba Ir abajo

Re: Codigos!!!!!

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.