Modelo Instagram

Ver el tema anterior Ver el tema siguiente Ir abajo

Modelo Instagram

Mensaje por Damon Salvatore el Sáb Nov 15, 2014 9:12 am


USERNAME
username

NOMBRE

XX
posts
XX
followers
XX
following

Códigos :

Código:
<style type="text/css"> .instbkg { width: 500px; background-color: #fafafa; position: relative; min-height: 150px;} .instbkg .instprof { position: absolute; top: -10px; left: 17px; width: 100px; padding: 5px; -moz-box-shadow: 2px 2px 2px #e7e7e7; -webkit-box-shadow: 2px 2px 2px #e7e7e7; box-shadow: 2px 2px 2px #e7e7e7; -o-box-shadow: 2px 2px 2px #e7e7e7; -ms-box-shadow: 2px 2px 2px #e7e7e7; background-color: #fff; border-radius: 5%;} .instbut { width: 98px; background-image: -moz-linear-gradient(bottom, #42749d, #6c95b5); background-image: -webkit-gradient(linear, left bottom, left top, from(#42749d), to(#6c95b5)); font-family: 'Source Sans Pro', sans-serif; font-size: 10px; text-align: center; text-transform: capitalize; color: #fff; padding-top: 10px; padding-bottom: 10px; border-radius: 5%; font-weight: bold; margin-top: 5px; border: 1px solid #1c5380;} .instu { font-family: 'Source Sans Pro', sans-serif; font-size: 12px; text-transform: lowercase; text-align: center; color: #fff; text-shadow: 1px 1px 1px #555; font-weight: bold; display: inline-block; padding-left: 5px;  } .instbkg .instname { position: absolute; left: 135px; top: 20px; font-family: 'Source Sans Pro', sans-serif; font-size: 30px; line-height: 90%; color: #222; text-align: left; font-weight: bold; } .instname>p:first-line { font-size: 20px; line-height: 30%; font-weight: lighter;} .instbkg .instpropsb { width: 200px; border: 1px solid #ccc; position: absolute; left: 295px; top: 20px; border-radius: 5px; background-image: -moz-linear-gradient(bottom, #ececec, #f9f9f9); background-image: -webkit-gradient(linear, left bottom, left top, from(#ececec), to(#f9f9f9)); -moz-box-shadow: 2px 2px 2px #e7e7e7; -webkit-box-shadow: 2px 2px 2px #e7e7e7; box-shadow: 2px 2px 2px #e7e7e7; -o-box-shadow: 2px 2px 2px #e7e7e7; -ms-box-shadow: 2px 2px 2px #e7e7e7; font-family: 'Source Sans Pro', sans-serif; font-size: 15px; color: #222; text-align: center; text-transform: lowercase; line-height: 100%; font-weight: bold; padding-bottom: 10px;} .instpropsb .instprops { width: 66px; position: relative; left: 2px; top: 5px;} .instpropsb .instprops1 { width: 66px; position: absolute; left: 65px; top: 5px;} .instpropsb .instprops2 { width: 66px; position: absolute; left: 131px; top: 5px;} .instcap { width: 380px; padding: 10px 10px 30px 10px; background-color: #fafafa; font-family: 'Source Sans Pro', sans-serif; font-size: 15px; color: #666; line-height: 100%; text-align: left; border-radius: 0px 0px 5px 5px; -moz-box-shadow: 2px 2px 2px #e7e7e7; -webkit-box-shadow: 2px 2px 2px #e7e7e7; box-shadow: 2px 2px 2px #e7e7e7; -o-box-shadow: 2px 2px 2px #e7e7e7; -ms-box-shadow: 2px 2px 2px #e7e7e7; } .instp { width: 400px; padding: 10px; background-color: #dcddde; border: 1px solid #c3c4c5; } </style><link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:200' rel='stylesheet' type='text/css'>
<center><div style="width: 500px; height: 19px; background-image: url(http://i.imgur.com/blRbsW4.png);"><table cellpadding="0" cellspacing="0"><td><div style="width: 370px;"></div></td><td><img src="http://placehold.it/50" width="15"/><div class="instu">USERNAME</div></td></table></div><table cellpadding="0" cellspacing="0"><td><div style="width: 100px; height: 100px; background-image: url(http://placehold.it/100);"></div><div style="height: 99px; width: 100px; background-image: url(http://placehold.it/100); margin-top: 1px;"></div></td><td><div style="height: 200px; width: 199px; background-image: url(http://placehold.it/200); margin-left: 1px;"></div></td><td><div style="width: 99px; height: 100px; background-image: url(http://placehold.it/100); margin-left: 1px;"></div><div style="height: 99px; width: 99px; background-image: url(http://placehold.it/100); margin-top: 1px; margin-left: 1px;"></div></td><td><div style="width: 99px; height: 100px; background-image: url(http://placehold.it/100); margin-left: 1px;"></div><div style="height: 99px; width: 99px; background-image: url(http://placehold.it/100); margin-top: 1px; margin-left: 1px;"></div></td></table><div class="instbkg"><div class="instprof"><div style="width: 100px; height: 100px; background-image: url(http://placehold.it/100); border-radius: 5%;"></div><a href="http://z10.invisionfree.com/A_THOUSAND_FIREFLIES/index.php?showuser=8724"><div class="instbut">edit profile</div></a></div><div class="instname">username<p>NOMBRE</div><div class="instpropsb"><div class="instprops">XX<br><font style="color: #677; font-weight: lighter;">posts</font></div><div class="instprops1">XX<br><font style="color: #677; font-weight: lighter;">followers</font></div><div class="instprops2"> XX<br><font style="color: #677; font-weight: lighter;">following</font></div></div></div></center>

username lol caption huurrr and everythkrtjbrkejt idek erigjnkejrb ramble skwlikhgrkej5rg

Códigos :

Código:
<style type="text/css"> .instcap { width: 380px; padding: 10px 10px 30px 10px; background-color: #fafafa; font-family: 'Source Sans Pro', sans-serif; font-size: 15px; color: #666; line-height: 100%; text-align: left; border-radius: 0px 0px 5px 5px; -moz-box-shadow: 2px 2px 2px #e7e7e7; -webkit-box-shadow: 2px 2px 2px #e7e7e7; box-shadow: 2px 2px 2px #e7e7e7; -o-box-shadow: 2px 2px 2px #e7e7e7; -ms-box-shadow: 2px 2px 2px #e7e7e7; } .instp { width: 400px; padding: 10px; background-color: #dcddde; border: 1px solid #c3c4c5; } </style><link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:200' rel='stylesheet' type='text/css'><center><div class="instp"><img src="IMAGE HURRRR, RESIZES AUTOMATICALLY" width="400"/><div class="instcap"><div style="float: left; margin-right: 10px; "><img src="http://placehold.it/50"/></div><font color="#3f72a6">username</font> lol caption huurrr and everythkrtjbrkejt idek erigjnkejrb ramble skwlikhgrkej5rg</div></center>

username Comentario

Códigos :

Código:
<style type="text/css"> .instcap { width: 380px; padding: 10px 10px 30px 10px; background-color: #fafafa; font-family: 'Source Sans Pro', sans-serif; font-size: 15px; color: #666; line-height: 100%; text-align: left; border-radius: 0px 0px 5px 5px; -moz-box-shadow: 2px 2px 2px #e7e7e7; -webkit-box-shadow: 2px 2px 2px #e7e7e7; box-shadow: 2px 2px 2px #e7e7e7; -o-box-shadow: 2px 2px 2px #e7e7e7; -ms-box-shadow: 2px 2px 2px #e7e7e7; } .instp { width: 400px; padding: 10px; background-color: #dcddde; border: 1px solid #c3c4c5; } </style><link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:200' rel='stylesheet' type='text/css'><center><div class="instp"><div class="instcap"><div style="float: left; margin-right: 10px; "><img src="http://placehold.it/50"/></div><font color="#3f72a6">username</font> Comentario</div></center>


Damon Salvatore
avatar
Damon Salvatore
Staff

Mensajes : 34
Fecha de inscripción : 29/10/2014

Hoja de personaje
Ataque:
20/20  (20/20)
Defensa:
25/25  (25/25)

Ver perfil de usuario

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.