Conectarse

Recuperar mi contraseña

Últimos temas
» Petición de afiliación normal
Sáb Mar 21, 2015 8:13 am por Invitado

» Confesionario.
Miér Mar 11, 2015 2:00 pm por Samuel N. Gladney

» Petición de afiliación elite.
Mar Mar 10, 2015 2:05 pm por Beauty is Terror

» Veggie Lunch - Libre
Mar Mar 10, 2015 12:58 am por Laurence Crawford

» Dile algo al de arriba.
Dom Mar 08, 2015 1:51 pm por M. Joy Banks

» Registro de Identidad.
Dom Mar 08, 2015 12:55 pm por Beauty is Terror

» Registro: Theresa Corcoran
Dom Mar 08, 2015 12:54 pm por Beauty is Terror

» Registro de Grupo.
Dom Mar 08, 2015 12:12 am por Laurence Crawford

» Trama Global: A la caridad.
Sáb Mar 07, 2015 9:30 pm por Tanisha A. Moore

Ambientación
Theresa Corcoran, ¿te suena ese nombre? ¿Lo reconoces? Era amiga tuya, tal vez novia o quizá hermana, tu peor enemiga o el amor de tu vida. Desapareció, murió. ¿Suicidio o asesinato? Nadie lo sabe, pero hay algo seguro... los secretos que creíste enterrados cobrarán vida. Este es el inicio de todo... ten cuidado.
NORMAS BÁSICAS
I. El respeto es supremamente importante.
II. No hay mínimo de líneas.
III. ChatBox es libre, puede ser on-rol u off-rol, pero no puedes rolear en ella.
IV. ¡Disfruta del foro!
ADMINISTRACIÓN
SABÍAS QUÉ.
PRONTO.
COPYRIGHT
BEAUTY IS TERROR se inspira en los libros The Secret History de Donna Tartt y 13 Reasons Why de Jay Asher. Las imágenes pertenecen a sus creadores, la administración simplemente ha editado las msimas. Los códigos y demás información pertenece al foro y sus usuarios, por favor, no tomar sin el debido permiso.
AWARDS
AQUÍ VAN LOS PREMIOS

Plantilla: Instagram — Uso opcional.

Ver el tema anterior Ver el tema siguiente Ir abajo

Plantilla: Instagram — Uso opcional.

Mensaje por Beauty is Terror el Vie Feb 13, 2015 2:15 pm



username
username
Description goes here! Don't exceed two lines!


CÓDIGO:

Código:
<style type="text/css">#instab { position: relative; width: 300px; height: 510px; background:url(http://i.imgur.com/UYep8iN.png); background-position: center top; border: 10px solid #ddd;}#instab #user { position: absolute; height: 15px; top: 58px; left: 45px; color: #175d96; font: bold 12px arial; }#instab #ava { position: absolute; width: 30px; height: 30px; top: 50px; left: 5px; background: url(http://placehold.it/30x30); }#instab #pic { position: absolute; width: 300px; height: 300px; top: 85px; left: 0px; }#instab #info { position: absolute; width: 260px; height: 15px; top: 409px; left: 23px; color: black; font: 12px/90% arial; text-align: justify; }#instab #cred a { position: absolute; width: 300px; height: 40px; top: 470px; left: 0px; background: url(http://i.imgur.com/RrCP9Kc.png); background-position: center bottom; }
</style>

<center><div id="instab"><div id="user">username</div><div id="ava"></div><div id="pic"><img src="http://placehold.it/300x300"></div><div id="info"><span style="color: #175d96; font: bold 12px arial; ">username</span>
Description goes here! Don't exceed two lines!
</div><div id="cred"><a href="http://z10.invisionfree.com/A_THOUSAND_FIREFLIES/index.php?showuser=25914"></a></div></div></center>


Última edición por Beauty is Terror el Vie Feb 13, 2015 2:23 pm, editado 1 vez
avatar
Admin

Mensajes : 373
Fecha de inscripción : 07/02/2015

Ver perfil de usuario http://beautyisterror.foro-activo.com

Volver arriba Ir abajo

Re: Plantilla: Instagram — Uso opcional.

Mensaje por Beauty is Terror el Vie Feb 13, 2015 2:16 pm


Instagram
 


username here

Following
username here
first and last
####
posts
####
followers
####
following



code:

Código:
<link href='http://fonts.googleapis.com/css?family=Lobster+Two' rel='stylesheet' type='text/css'>
<style>.ibk { background: rgba(85,134,171,1); background: -moz-linear-gradient(top, rgba(85,134,171,1) 0%, rgba(67,114,152,1) 41%, rgba(51,97,135,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(85,134,171,1)), color-stop(41%, rgba(67,114,152,1)), color-stop(100%, rgba(51,97,135,1))); background: -webkit-linear-gradient(top, rgba(85,134,171,1) 0%, rgba(67,114,152,1) 41%, rgba(51,97,135,1) 100%); background: -o-linear-gradient(top,rgba(85,134,171,1)0%,rgba(67,114,152,1) 41%, rgba(51,97,135,1) 100%); background: -ms-lineargradient(top,rgba(85,134,171,1) 0%, rgba(67,114,152,1) 41%, rgba(51,97,135,1) 100%); background: linear-gradient(to bottom, rgba(85,134,171,1) 0%, rgba(67,114,152,1) 41%, rgba(51,97,135,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5586ab', endColorstr='#336187', GradientType=0 ); width:501px; padding:5px; }.insbutton { background: rgba(69,186,95,1); background: -moz-linear-gradient(top, rgba(69,186,95,1) 0%, rgba(63,176,85,1) 41%, rgba(57,166,79,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(69,186,95,1)), color-stop(41%, rgba(63,176,85,1)), color-stop(100%, rgba(57,166,79,1))); background: -webkit-linear-gradient(top, rgba(69,186,95,1) 0%, rgba(63,176,85,1) 41%, rgba(57,166,79,1) 100%); background: -o-linear-gradient(top, rgba(69,186,95,1) 0%, rgba(63,176,85,1) 41%, rgba(57,166,79,1) 100%); background: -ms-linear-gradient(top, rgba(69,186,95,1) 0%, rgba(63,176,85,1) 41%, rgba(57,166,79,1) 100%); background: linear-gradient(to bottom, rgba(69,186,95,1) 0%, rgba(63,176,85,1) 41%, rgba(57,166,79,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45ba5f', endColorstr='#39a64f', GradientType=0 ); width:102px; padding:3px; border: 1px #2d883f solid; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; }.insus { font-family: calibri; color: #ffffed; font-weight:bold; font-size:12px; line-height:100%; margin-left:4px; margin-right:8px; letter-spacing:-0.5px; text-shadow: 1px 1px 1px #1f3547; }.insicon { border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; position:relative; z-index:4; background-color: #fff; padding:5px; width:110px; box-shadow: 1px 1px 0px #cfcfcf; -webkit-box-shadow: 1px 1px 0px #cfcfcf; -moz-box-shadow: 1px 1px 0px #cfcfcf; margin-top:-50px; }.insset { border: 1px #635854 solid; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; }.insuser1 { margin-left:15px; font-family: calibri; font-size:23px; font-weight: bold; line-height: 100%; text-align:left; letter-spacing:-1px; text-transform: lowercase; color: #111118; }.insuser2 { margin-left:15px; font-family: calibri; font-size:14px; font-weight: bold; line-height: 100%; text-align:left; letter-spacing:-1px; text-transform: lowercase; color: #48484a; }.insbord { margin-left:15px; width:210px; border: 1px #cccccc solid; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; box-shadow: 1px 1px 3px #ececec; -webkit-box-shadow: 1px 1px 3px #ececec; -moz-box-shadow: 1px 1px 3px #ececec; padding:2px; background-color: #f7f7f7; }.insa { font-family: calibri; font-size:20px; font-weight: bold; line-height: 100%; text-align:center; letter-spacing:-1px; text-transform: lowercase; color: #333333; }.insb { font-family: calibri; font-size:10px; font-weight: bold; line-height: 100%; text-align:center; text-transform: lowercase; color: #9b9999; }.insbb { margin-left:10px; margin-right:10px; height:40px; background-color: #cccccc; width:1px; box-shadow: 1px 1px 0px #fff; -webkit-box-shadow: 1px 1px 0px #fff; -moz-box-shadow: 1px 1px 0px #fff; }.insc { font-family: calibri; font-size:20px; font-weight: bold; line-height: 100%; text-align:center; letter-spacing:-1px; text-transform: lowercase; color: #333333; }.insd { font-family: calibri; font-size:10px; font-weight: bold; line-height: 100%; text-align:center; text-transform: lowercase; color: #9b9999; }.ins20 { box-shadow: 1px 1px 2px #32536e; -webkit-box-shadow: 1px 1px 2px #32536e; -moz-box-shadow: 1px 1px 2px #32536e; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; }.ins3 { margin-left:10px; margin-right:10px; height:40px; background-color: #cccccc; width:1px; box-shadow: 1px 1px 0px #fff; -webkit-box-shadow: 1px 1px 0px #fff; -moz-box-shadow: 1px 1px 0px #fff; }.ins4 { font-family: calibri; font-size:20px; font-weight: bold; line-height: 100%; text-align:center; letter-spacing:-1px; text-transform: lowercase; color: #333333; }.ins5 { font-family: calibri; font-size:10px; font-weight: bold; line-height: 100%; text-align:center; text-transform: lowercase; color: #9b9999; }#insimg {width: 196px; height: 203px; margin: 1px 1px 1px 0px; border: 1px #635854 solid; backgroundimage:url(http://placehold.it/196x203);}#insimg .ttwo { width: 196px; height: 203px; background-image: url(http://placehold.it/196x203); opacity: 0.0; transition: all 2s ease-in-out; -webkit-transition: all 2s ease-in-out; -ms-transition: all 2s ease-in-out; -o-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out;}#insimg:hover .ttwo {opacity: 1.0;}#insimg1 {width: 100px; height: 100px; margin: 0px 1px 1px 1px; border: 1px #635854 solid;  background-image: url(http://placehold.it/100x100);}#insimg1 .ttwo1 { width: 100px; height: 100px; background-image: url(http://placehold.it/100x100); opacity: 0.0; transition: all 2s ease-in-out; -webkit-transition: all 2s ease-in-out; -ms-transition: all 2s ease-in-out; -o-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out;}#insimg1:hover .ttwo1 {opacity: 1.0;}#insimg2 {width: 100px; height: 100px; margin: 0px 1px 0px 1px; border: 1px #635854 solid;  background-image: url(http://placehold.it/100x100);}#insimg2 .ttwo2 { width: 100px; height: 100px; background-image: url(http://placehold.it/100x100); opacity: 0.0; transition: all 2s ease-in-out; -webkit-transition: all 2s ease-in-out; -ms-transition: all 2s ease-in-out; -o-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out;}#insimg2:hover .ttwo2 {opacity: 1.0;}#insimg3 {width: 100px; height: 100px; margin: 0px 1px 1px 0px; border: 1px #635854 solid;  background-image: url(http://placehold.it/100x100);}#insimg3 .ttwo3 { width: 100px; height: 100px; background-image: url(http://placehold.it/100x100); opacity: 0.0; transition: all 2s ease-in-out; -webkit-transition: all 2s ease-in-out; -ms-transition: all 2s ease-in-out; -o-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out;}#insimg3:hover .ttwo3 {opacity: 1.0;}#insimg4 {width: 100px; height: 100px; margin: 0px 1px 0px 0px; border: 1px #635854 solid;  background-image: url(http://placehold.it/100x100);}#insimg4 .ttwo4 { width: 100px; height: 100px; background-image: url(http://placehold.it/100x100); opacity: 0.0; transition: all 2s ease-in-out; -webkit-transition: all 2s ease-in-out; -ms-transition: all 2s ease-in-out; -o-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out;}#insimg4:hover .ttwo4 {opacity: 1.0;}#insimg5 {width: 100px; height: 100px; margin: 0px 1px 1px 0px; border: 1px #635854 solid;  background-image: url(http://placehold.it/100x100);}#insimg5 .ttwo5 { width: 100px; height: 100px; background-image: url(http://placehold.it/100x100); opacity: 0.0; transition: all 2s ease-in-out; -webkit-transition: all 2s ease-in-out; -ms-transition: all 2s ease-in-out; -o-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out;}#insimg5:hover .ttwo5 {opacity: 1.0;}#insimg6 {width: 100px; height: 100px; margin: 0px 1px 0px 0px; border: 1px #635854 solid;  background-image: url(http://placehold.it/100x100);}#insimg6 .ttwo6 { width: 100px; height: 100px; background-image: url(http://placehold.it/100x100); opacity: 0.0; transition: all 2s ease-in-out; -webkit-transition: all 2s ease-in-out; -ms-transition: all 2s ease-in-out; -o-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out;}#insimg6:hover .ttwo6 {opacity: 1.0;}

</style><center><div class="ibk"><table cellpadding="0" cellspacing="0"><tr><td><div style="position: relative; left:-130px;"><table cellpadding="0" cellspacing="0"><tr><td><div style="height:30px; background-color: #426d8d; width:1px; box-shadow: 1px 1px 0px #5b85a6; -webkit-box-shadow: 1px 1px 0px #5b85a6; -moz-box-shadow: 1px 1px 0px #5b85a6;"></div></td><td><a href="http://cosmo.b1.jcink.com/index.php?showuser=8"><div style="margin-left:2px; margin-right:6px; width:30px; height:26px; background-image: url(http://i.imgur.com/eZxNRIb.png);"> </div></a></td><td><div style="height:30px; background-color: #426d8d; width:1px; box-shadow: 1px 1px 0px #5b85a6; -webkit-box-shadow: 1px 1px 0px #5b85a6; -moz-box-shadow: 1px 1px 0px #5b85a6;"></div></td></tr></table></div></td><td><div style="font-size:20px; font-family: lobster two; text-align:center; color: #e6edf4; text-shadow: 1px 1px 1px #2c4860; line-height:100%;"> Instagram </div> </td><td><div style="position: relative; right:-127px;"> <table cellpadding="0" cellspacing="0"><tr><td><div style="height:30px; background-color: #426d8d; width:1px; box-shadow: 1px 1px 0px #5b85a6; -webkit-box-shadow: 1px 1px 0px #5b85a6; -moz-box-shadow: 1px 1px 0px #5b85a6;"></div>  </td><td><div style="margin-left:8px; margin-right:3px;">
<img src="PUT YOUR MAIN ICON HERE THE IMAGE WILL RESIZE ON ITS OWN" width="20" height="20" class="ins20" /></div> </td><td><div class="insus">
username here</div></td><td> <div style="height:30px; background-color: #426d8d; width:1px; box-shadow: 1px 1px 0px #5b85a6; -webkit-box-shadow: 1px 1px 0px #5b85a6; -moz-box-shadow: 1px 1px 0px #5b85a6;"></div></td></tr></table></div></td></tr></table> </div><div style="background-color: #1a1a1a; padding-top:20px; padding-bottom:1px; width:511px;"><table cellpadding="0" cellspacing="0"><tr><td><div id="insimg1"><div class="ttwo1"></div></div><div id="insimg2"><div class="ttwo2"></div></div></td><td><div id="insimg"><div class="ttwo"></div></div></td><td><div id="insimg3"><div class="ttwo3"></div></div><div id="insimg4"><div class="ttwo4"></div></div></td><td><div id="insimg5"><div class="ttwo5"></div></div><div id="insimg6"><div class="ttwo6"></div></div></td></tr></table></div><div style="background-color: #fafafa; width:501px; padding:5px; height:110px;"><table cellpadding="0" cellspacing="0"><tr><td>
<div class="insicon"><img src="PUT YOUR ICON HERE IT WILL RESIZE ON ITS OWN" width="108" height="108" class="insset" /><div style="height:4px;"></div><div class="insbutton"> <div style="font-family: calibri; font-size:12px; font-weight: bold; line-height: 100%; text-align:center; color: #fff"> Following</div></div></div></td><td><div class="insuser1">username here</div><div class="insuser2"> first and last</div></td><td><div class="insbord"> <center><table cellpadding="0" cellspacing="0"><tr><td><div class="insa">####</div><div class="insb"> posts </div></td><td><div class="insbb"></div></td><td><div class="insc">####</div><div class="insd"> followers </div></td><td><div class="ins3"></div></td><td><div class="ins4">####</div><div class="ins5"> following </div></td></tr></table></center></div></td></tr></table></div></center>


Última edición por Beauty is Terror el Vie Feb 13, 2015 2:24 pm, editado 1 vez
avatar
Admin

Mensajes : 373
Fecha de inscripción : 07/02/2015

Ver perfil de usuario http://beautyisterror.foro-activo.com

Volver arriba Ir abajo

Re: Plantilla: Instagram — Uso opcional.

Mensaje por Beauty is Terror el Vie Feb 13, 2015 2:22 pm


Open In App
Following
USERNAME HERE
TYPE COMMENT HERE!



code:

Código:
<link href='http://fonts.googleapis.com/css?family=Lobster+Two' rel='stylesheet' type='text/css'>
<style>.ibk2 { background: rgba(85,134,171,1); background: -moz-linear-gradient(top, rgba(85,134,171,1) 0%, rgba(67,114,152,1) 41%, rgba(51,97,135,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(85,134,171,1)), color-stop(41%, rgba(67,114,152,1)), color-stop(100%, rgba(51,97,135,1))); background: -webkit-linear-gradient(top, rgba(85,134,171,1) 0%, rgba(67,114,152,1) 41%, rgba(51,97,135,1) 100%); background: -o-linear-gradient(top, rgba(85,134,171,1) 0%, rgba(67,114,152,1) 41%, rgba(51,97,135,1) 100%); background: -ms-linear-gradient(top, rgba(85,134,171,1) 0%, rgba(67,114,152,1) 41%, rgba(51,97,135,1) 100%); background: linear-gradient(to bottom, rgba(85,134,171,1) 0%, rgba(67,114,152,1) 41%, rgba(51,97,135,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5586ab', endColorstr='#336187', GradientType=0 ); width:340px; padding:5px; }.insbutton { background: rgba(69,186,95,1); background: -moz-linear-gradient(top, rgba(69,186,95,1) 0%, rgba(63,176,85,1) 41%, rgba(57,166,79,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(69,186,95,1)), color-stop(41%, rgba(63,176,85,1)), color-stop(100%, rgba(57,166,79,1))); background: -webkit-linear-gradient(top, rgba(69,186,95,1) 0%, rgba(63,176,85,1) 41%, rgba(57,166,79,1) 100%); background: -o-linear-gradient(top, rgba(69,186,95,1) 0%, rgba(63,176,85,1) 41%, rgba(57,166,79,1) 100%); background: -ms-linear-gradient(top, rgba(69,186,95,1) 0%, rgba(63,176,85,1) 41%, rgba(57,166,79,1) 100%); background: linear-gradient(to bottom, rgba(69,186,95,1) 0%, rgba(63,176,85,1) 41%, rgba(57,166,79,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45ba5f', endColorstr='#39a64f', GradientType=0 ); width:102px; padding:3px; border: 1px #2d883f solid; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; }.ilogo { font-size:20px; font-family: lobster two; text-align:center; color: #e6edf4; text-shadow: 1px 1px 1px #2c4860; line-height:100%; }
.insus { font-family: calibri; color: #ffffed; font-weight:bold; font-size:12px; line-height:100%; margin-left:4px; margin-right:8px; letter-spacing:-0.5px; text-shadow: 1px 1px 1px #1f3547; }
.ins111 { height:30px; background-color: #426d8d; width:1px; box-shadow: 1px 1px 0px #5b85a6; -webkit-box-shadow: 1px 1px 0px #5b85a6; -moz-box-shadow: 1px 1px 0px #5b85a6; margin-left:10px; margin-right:10px; }.ins22 { width:25px; height:21px; background-image:url(http://i.imgur.com/VsbBWbI.png);margin-right:5px; }.ins33 { letter-spacing:0px; color: #e3ecf1; text-shadow: 1px 1px 0px #1f3547; }.ins44 { height:1px; width:350px; background-color: #e4e4e4; box-shadow: 0px 1px 0px #ffffff; -webkit-box-shadow: 0px 1px 0px #ffffff; -moz-box-shadow: 0px 1px 0px #ffffff; }.ins55 { background-color: #f6f6f6; padding:10px; }.inshh { margin-left:6px; font-family: calibri; font-size:20px; font-weight: bold; line-height: 100%; text-align:left; letter-spacing:-1px; text-transform: lowercase; color: #070707; }.insii { border: 1px #c5c5c3 solid; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; }.insah { margin-left:6px; font-family: calibri; font-size:13px; font-weight: lighter; line-height:95%; text-align: justify; width:235px; padding:0px; 8px 8px 8px; color: #393939; }.insah i { color: #7972a5; }.inscredit { padding:4px; background-color: #ffffff; font-size:8px; font-family: calibri; line-height:100%; color: #8e8e8e; }</style><center><div style="width:350px; background-color: #242424; padding:10px;"><div class="ibk2"><table cellpadding="0" cellspacing="0"><tr><td><div class="ilogo" style="margin-right:115px;"> Instagram </div></td><td><div class="ins111"></div></td><td><div class="ins22"></div></td><td><div class="insus" class="ins33"> Open In App </div></td></tr></table></div><div class="ins55"><div class="ins55"><table cellpadding="0" cellspacing="0"><tr><td valign="top"><img src="PLACE YOUR ICON IMAGE HERE IT WILL RESIZE ON ITS OWN" width="100" height="100" class="insii" /></td><td valign="top"><div class="insbutton" style="margin-left:105px;"> <div style="font-family: calibri; font-size:12px; font-weight: bold; line-height: 100%; text-align:center; color: #fff"> Following</div></div><div class="inshh"> USERNAME HERE </div><div class="insah"style="width:180px;">TYPE COMMENT HERE!</div></td></tr></table></div></div><div class="ins44"> </div><div class="inscredit"> [url=http://cosmo.b1.jcink.com/index.php?showuser=8]MADE BY[/url][url=http://z10.invisionfree.com/A_THOUSAND_FIREFLIES/index.php?showuser=3819]T[/url][url=http://shine.b1.jcink.com/index.php?showuser=1280]A[/url][url=http://cosmo.b1.jcink.com/index.php?showuser=8]NA. PLEASE DO NOT STEAL! [/url] </div></div></center>
avatar
Admin

Mensajes : 373
Fecha de inscripción : 07/02/2015

Ver perfil de usuario http://beautyisterror.foro-activo.com

Volver arriba Ir abajo

Re: Plantilla: Instagram — Uso opcional.

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.