allhailhaslettwins

¿Quieres reaccionar a este mensaje? Regístrate en el foro con unos pocos clics o inicia sesión para continuar.

Mini-fichas

allhailhaslettwins :: Cosas random :: Códigos html

Página 1 de 1.

Mini-fichas

por Katsghaat Miér Oct 14, 2015 7:17 pm

NOMBRE DEL PJ

FRASE DEL PJ

Apodos:
xxx
Edad:
xxx
Cumpleaños:
xxx
PB:
xxx

Roles

✘ link aquí.
✘ link aquí.
✘ link aquí.

Familia

✘ NOMBRE
✘ NOMBRE
✘ NOMBRE

descripción

DESCRIPCIÓN AQUÍ.

Código:: <link href='http://fonts.googleapis.com/css?family=Playfair+Display:400,400italic|Oranienbaum' rel='stylesheet' type='text/css'><center><div style="width:550px; padding: 5px; border:1px solid #eee;"><div style="width:510px;background:#eee; padding:20px;"><table cellspacing="10"><td><div style="width:245px; padding:10px; border-right: 3px double #ccc;"><div style="width:245px; height:150px; background: url(URL IMAGEN 245X150PX!!!!!) center;"></div><div style="width:245px;font-family: playfair display; font-style:italic; color:#000; font-size:25px; text-align:center; margin-top:5px; margin-bottom:5px;">NOMBRE DEL PJ</div><div style="font-family:mekanik let; font-size:7px; text-transform:uppercase; letter-spacing:2px; color:#000; line-height:100%; text-align:center; margin-top:10px;">FRASE DEL PJ</div><div style="width:245px;font-family:georgia; font-size:10px; line-height:100%; color:#000; padding:10px; max-height:100px;">[b]Apodos: [/b] xxx [b]Edad: [/b] xxx [b]Cumpleaños:[/b] xxx [b]PB:[/b] xxx</div></div></td><td><div style="font-family: playfair display; font-style:italic; color:#000; font-size:20px; text-align:center; margin-top:5px; margin-bottom:5px;">Roles</div><div style="width:200px; height:30px; overflow:auto;padding:5px; font-family:georgia; font-size:10px; line-height:100%; color:#000; text-align:justify;">✘ [url=http://skipping-stone.foros-phpbb.es/]link aquí.[/url] ✘ [url=http://skipping-stone.foros-phpbb.es/]link aquí.[/url] ✘ [url=http://skipping-stone.foros-phpbb.es/]link aquí.[/url]</div><div style="font-family: playfair display; font-style:italic; color:#000; font-size:20px; text-align:center; margin-top:5px; margin-bottom:5px;">temas</div><div style="width:200px; height:30px; overflow:auto;padding:5px; font-family:georgia; font-size:10px; line-height:100%; color:#000; text-align:justify;">✘ NOMBRE ✘ NOMBRE ✘ NOMBRE.</div><div style="font-family: playfair display; font-style:italic; color:#000; font-size:20px; text-align:center; margin-top:5px; margin-bottom:5px;">Descripción</div><div style="width:200px; height:170px; overflow:auto;padding:5px; font-family:georgia; font-size:10px; line-height:100%; color:#000; text-align:justify;">DESCRIPCIÓN AQUÍ. </div></td></table></div></div><div style="margin-right:-250px;"><a href="http://skipping-stone.foros-phpbb.es/u293" style="color:#4C3834; font-family:cambria; font-size: 8px; letter-spacing:8px; text-transform:uppercase; ">LADY WONKA</a></div></center>

Última edición por Katsghaat el Jue Oct 15, 2015 4:45 am, editado 1 vez

Katsghaat: Mensajes : 365
Fecha de inscripción : 27/09/2015

Re: Mini-fichas

por Katsghaat Miér Oct 14, 2015 7:20 pm

frase aquí

AQUÍ PUEDES ESCRIBIR TODO LO QUE QUIERAS.
Recuerda que puedes utilizar negritas, itálicas, subrayadas y ~~rayadas.~~

©

Código:: <link href='http://fonts.googleapis.com/css?family=Lato:400,300,700,400italic' rel='stylesheet' type='text/css'><style type="text/css">#elliewaitingglide {width:300px;height:300px;overflow:hidden;}.elliewaitinghover {width:260px;height:260px;background-color:#fff;position:relative;top:300px;-webkit-transition-duration: 2s;-moz-transition-duration: 2s;-o-transition-duration: 2s; transition: 2s;}#elliewaitingtext {width:220px;height:220px;font-family:'Lato', sans-serif;font-weight:400; text-transform:lowercase; font-size:10px; line-height:100%; text-align:justify;letter-spacing:1px;color:#222;overflow:auto;float:left;position:relative;padding:0px 20px 0px 20px;border-bottom:20px solid #fff;border-top:20px solid #fff;}#elliewaitingglide:hover .elliewaitinghover { top:-10px; }#elliewaitingglide:hover .elliewaitinghover2 {top: -300px;}.elliewaitinghover2 {width:260px;height:30px;background-color:#fff;position:relative;top:250px;color: #000; font-family: 'Lato', sans-serif; font-weight:300; text-transform:uppercase; font-size:16px; line-height:30px; -webkit-transition-duration: 2s;-moz-transition-duration: 2s;-o-transition-duration: 2s; transition:2s;}#elliewaitingimg {-webkit-transition-duration: 2s;-moz-transition-duration: 2s;-o-transition-duration: 2s; transition: 2s;}#elliewaitingimg:hover {filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */ filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); }#elliewaitingtext b {font-weight:700;}#elliwaitingtext i {font-weight:400italic;}</style><center><div id="elliewaitingglide"><div style="width:300px; height:300px; background-image:url(IMAGEN 300x300)" id="elliewaitingimg"><div class="elliewaitinghover2">frase aquí</div><div class="elliewaitinghover"><div id="elliewaitingtext">AQUÍ PUEDES ESCRIBIR TODO LO QUE QUIERAS.<br>Recuerda que puedes utilizar <b>negritas</b>, <i>itálicas</i>, <u>subrayadas</u> y <strike>rayadas.</strike></div></div></div></div><a href="http://wecode.b1.jcink.com/index.php?showuser=1133" style="font-size:12px; color:#b2b2b2;">©</a></center>

Katsghaat: Mensajes : 365
Fecha de inscripción : 27/09/2015

Re: Mini-fichas

por Katsghaat Miér Oct 14, 2015 7:21 pm

AQUÍ PUEDES ESCRIBIR TODO LO QUE QUIERAS.
Recuerda que puedes utilizar negritas, itálicas, subrayadas y ~~rayadas.~~

aquí va una frase

Código:: <link href='http://fonts.googleapis.com/css?family=Lobster|Muli' rel='stylesheet' type='text/css'><link href="http://catchourbreath.b1.jcink.com/uploads/catchourbreath/threadcodes.css" rel="stylesheet" type="text/css" /><center><div style="background-image: url(IMAGEN CUADRADA);" class="lmlyd"><div id="lovemelikeyoudo"><div class="thepostpart"><div class="lmlyd01"><div class="thescrollpart"> AQUÍ PUEDES ESCRIBIR TODO LO QUE QUIERAS.<br>Recuerda que puedes utilizar <b>negritas</b>, <i>itálicas</i>, <u>subrayadas</u> y <strike>rayadas.</strike></div></div></div><div class="thelyricpart"><div class="thelyricpart02">aquí va una frase</div></div><div class="theimagepart"><div class="theimagepart02"><div style="background-image: url(http://static.tumblr.com/w1e6xe8/l7Rlwq567/untitled-31-copy.gif);" class="theimagepart03"></div></div></div></div></div> <a href="http://wecode.jcink.net/index.php?showuser=605"><img src="http://media.tumblr.com/54661413dc79e72e1385123cf91df8c0/tumblr_inline_mfyeqeRZXj1qid2nw.gif" width="15px" /></a></center>

Katsghaat: Mensajes : 365
Fecha de inscripción : 27/09/2015

Re: Mini-fichas

por Katsghaat Miér Oct 14, 2015 7:22 pm

aquí va una frase

aquí va lo que gustes ▽

AQUÍ PUEDES ESCRIBIR TODO LO QUE QUIERAS.

Recuerda que puedes utilizar negritas, itálicas, subrayadas y ~~rayadas.~~

Código:: <link href='http://fonts.googleapis.com/css?family=Lora' rel='stylesheet' type='text/css'><center><div id="trc"><div class="trcimg"></div><div class="trc1">aquí va una frase</div><div class="trc2"><div class="trc2a"></div>aquí va lo que gustes <a href="http://ravenfall.jcink.net/index.php?showuser=120">▽</a></div><div class="trc3">AQUÍ PUEDES ESCRIBIR TODO LO QUE QUIERAS.<br> Recuerda que puedes utilizar <b>negritas</b>, <i>itálicas</i>, <u>subrayadas</u> y <strike>rayadas.</strike></div></div></center> <style>#trc {height: 400px;width: 330px;position: relative;overflow: hidden}.trcimg {height: 400px;width: 330px;position: absolute;background-image: url(IMAGEN 330x400);}#trc .trcimg {-webkit-transition-duration: 2s}#trc:hover .trcimg {-webkit-filter: blur(3px);-moz-filter: blur(3px);filter: blur(3px);-webkit-transition-duration: 2s;-moz-transition-duration: 2s;transition-duration: 2s;}.trc1 {height: 150px;width: 180px;position: absolute;text-align: left;top: 125px;left: 70px;border-left: 3px solid #fff;padding-left: 10px;font-family: arial black;font-size: 40px;text-transform: uppercase;letter-spacing: -2px;font-weight: 900;line-height: 30px;color: #F00074;-webkit-transition: 0.8s ease-in-out;-webkit-transition-delay: 1s}.trc2 {height: 40px;width: 310px;padding-left: 20px;background-color: rgba(240, 0, 116, 0.6);line-height: 40px;color: #fff;position: absolute;top: 40px;font-family: arial narrow, sans serif;font-size: 9px;text-transform: uppercase;letter-spacing: 2px;font-style: italic;font-weight: 100;text-align: left;left: -330px;-webkit-transition: 1s linear;-moz-transition: 1s linear;transition: 1s linear;}.trc2 a {color: #fff;text-decoration: none}.trc2a {height: 90px;width: 90px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;background-image: url(IMAGEN 90x90 PREFERIBLEMENTE EN BLANCO Y NEGRO);position: absolute;z-index: 3;top: -25px;right: 40px;background-color: #F00074;background-blend-mode: multiply}.trc3 {height: 210px;width: 200px;padding: 10px;border: 10px solid #fff;background-color: #fff;position: absolute;left: 45px;top: 400px;overflow: auto;font-family: arial narrow;letter-spacing: 0.5px;line-height: 11px;font-size: 10px;text-align: justify;-webkit-transition: 1s linear;-moz-transition: 1s linear;transition: 1s linear;}.trc3::-webkit-scrollbar {width: 1px}.trc3::-webkit-scrollbar-thumb {background-color: #F00074}#trc:hover .trc1 {left: -210px;-webkit-transition: 0.8s ease-in-out;-moz-transition: 0.8s ease-in-out;transition: 0.8s ease-in-out;}#trc:hover .trc2 {left: 0px;-webkit-transition: 1s linear;-moz-transition: 1s linear;transition: 1s linear;-webkit-transition-delay: 1s;-moz-transition-delay: 1s;transition-delay: 1s;}#trc:hover .trc3 {top: 110px;-webkit-transition-delay: 1s;-moz-transition-delay: 1s;transition-delay: 1s;}</style>

Katsghaat: Mensajes : 365
Fecha de inscripción : 27/09/2015

Re: Mini-fichas

por Katsghaat Miér Oct 14, 2015 7:24 pm

AQUÍ PUEDES ESCRIBIR TODO LO QUE QUIERAS.
Recuerda que puedes utilizar negritas, itálicas, subrayadas y ~~rayadas.~~

frase corta aquí

ALGO CORTO

FLORAL BONES @ WECODE

Código:: <style>.buttercup{background-color:#f2eee0;border:10px solid #df515e;border-radius:200px;height:200px;width:200px;overflow:hidden;background-image:url(IMAGEN 200x200);-webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out;}#coinnontainer:hover .buttercup{opacity:0;-webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out;}#coinnontainer{width:220px;height:220px; position: relative; z-index: 1;perspective: 1000;-webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out;}#coin { width: 100%; height: 100%; transform-style: preserve-3d; transition: all 1.0s linear;position:relative; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out;}#coinnontainer:hover #coin { transform: rotateY(180deg);z-index:1; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out;}.otherside { position: absolute; width: 100%; height: 100%;margin-top:-220px; backface-visibility: hidden;-webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out;}.otherside.back { display: block; transform: rotateY(180deg); width:200px;height:200px;border-radius:200px;border:10px solid #e5c767;overflow:hidden; color: white; text-align: center;z-index:2;background:white;color:black; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out;}.valerie{width:30px;height:30px;border:5px solid #eadddd;position:relative;z-index:3;background:#f2eee0;text-align:center;border-radius:50px;color:#df515e;font:7px arial;text-transform:uppercase;padding:10px;top:-200px;left:-100px;font-weight:bold;}.funkytown{width:20px;height:20px;border:5px solid #eee490;background:#f2eee0;color:#df515e;font-weight:bold;text-align:center;padding:10px;position:relative;z-index:0;top:-100px;left:90px;border-radius:100px;overflow:hidden;font:7px arial;}.wontyou{width:160px;height:160px;padding:20px;}.oneway{width:140px;height:140px;overflow:auto;padding:10px;text-align:justify;font:9px arial;color:#333;}.oneway b{color:#df515e;font-size:10px;}.credit{width:285px;padding-top:5px;text-align:right;padding-right:5px;font:8px courier;text-transform:uppercase;margin-top:-95px;}.credit a{color:black;text-decoration:none;padding:2px;border:1px solid black;}</style><center><div id="coinnontainer"><div id="coin" class="shadow"> <div class="front face"> <div class=buttercup></div> </div> <div class="back otherside"> <div class=wontyou><div class=oneway>AQUÍ PUEDES ESCRIBIR TODO LO QUE QUIERAS.<br>Recuerda que puedes utilizar <b>negritas</b>, <i>itálicas</i>, <u>subrayadas</u> y <strike>rayadas.</strike></div></div></div></div></div><div class=valerie>frase corta aquí</div><div class=funkytown>ALGO CORTO</div><div class=credit><a href="http://wecode.jcink.net/index.php?showuser=1069">FLORAL BONES @ WECODE</a></div></div>

Katsghaat: Mensajes : 365
Fecha de inscripción : 27/09/2015

Re: Mini-fichas

por Katsghaat Miér Oct 14, 2015 7:25 pm

 AQUÍ PUEDES ESCRIBIR TODO LO QUE QUIERAS.

Recuerda que puedes utilizar negritas, itálicas, subrayadas y rayadas.

aquí puede ir una frase o lo que gustes

créditos.

Código:: <center> <table cellpadding="1" cellspacing="1"> <td> <div style="width: 150px; padding-right: 15px; padding-left: 5px; background: #fff; border: 15px solid #D7A793; background: #E0D1BC"> <div style="width: 150px; height: 300px; background:url(IMAGEN 150x300)"></div></div> </td><td> <div style="width: 190px; height: 290px; background: #E0D1BC; border: 15px solid #D7A793; padding: 5px; "> <div style="padding: 25px; width: 138px; height: 238px; overflow: auto; background: #Eee; border: 1px solid #95757A"> <div style="padding: 5px; font-family: consolas; font-size: 10px; text-align:justify; line-height: 95%; color: #95757A; height: 128px; overflow: auto"> AQUÍ PUEDES ESCRIBIR TODO LO QUE QUIERAS.<br> Recuerda que puedes utilizar <b>negritas</b>, <i>itálicas</i>, <u>subrayadas</u> y <strike>rayadas.</strike></div><div style="margin-top: 5px; border-top: 1px solid #7D9097;height: 2px;"></div><div style="text-align:center; line-height: 100%; font-family: calibri; text-transform: uppercase; font-size: 8px; letter-spacing: 1px; color: #4E344F"> aquí puede ir una frase o lo que gustes </br><br><br><URL=http://roux.jfbs.net/index.php?showuser=25><color=95757A>créditos</color></URL>.</div> </div></div><td> </td> </table> </center>

Katsghaat: Mensajes : 365
Fecha de inscripción : 27/09/2015

Re: Mini-fichas

por Contenido patrocinado

Contenido patrocinado

allhailhaslettwins :: Cosas random :: Códigos html

Página 1 de 1.

Permisos de este foro:

No puedes responder a temas en este foro.