Modelo Instagram

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

USERNAME

edit profile

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 :

username Comentario

Códigos :