Wzór Instagramu

Post 18 sie 2014, 16:24

PROFIL Obrazek

	<style>
    .fot{opacity: 0.8; width:80px; border: 5px solid white; box-shadow: 1px 1px 1px grey; transition: 0.15s; -webkit-transition: 0.15s;-moz-transition: 0.15s;-o-transition: 0.15s;}
    .fot:hover{opacity: 1; border-radius: 10px;}
    </style>
     
    <center><img src="http://i.imgur.com/I7oh1Y0.jpg" width="540px;"><br><div style="background-color: black; width: 540px; height: 235px;"><table style="padding: 17px 0px 0px;"><tbody><tr></tr><td>
     
    <img src="ZDJĘCIE KWADRATOWE" width="105px" height="105" style="border:1px solid grey; margin-left: -3px;"><br>
     
    <img src="ZDJĘCIE KWADRATOWE" width="105px" height="105" style="border:1px solid grey;margin-left: -3px;"></td>
     
    <td><img src="ZDJĘCIE 215X212 ALBO ZBLIŻONE WYMIARY" width="215px" height="212" style="border:1px solid grey;margin-left: -4px;"></td>
     
    <td><img src="ZDJĘCIE KWADRATOWE" width="105px" height="105" style="border:1px solid grey;margin-left: -3px;"><br>
     
    <img src="ZDJĘCIE KWADRATOWE" width="105px" height="105" style="border:1px solid grey;margin-left: -3px;"></td>
     
    <td><img src="ZDJĘCIE KWADRATOWE" width="105px" height="105" style="border:1px solid grey;margin-left: -3px;"><br>
     
    <img src="ZDJĘCIE KWADRATOWE" width="105px" height="105" style="border:1px solid grey;margin-left: -3px;"></td>
     
    </tr></tbody></table></div>
    <div style="width: 539px; height: 70px; border-bottom: 1px solid d9d9d9; box-shadow: 1px 1px 1px d9d9d9; background-color: f8f8f8;">
    <table><tr><td>
     
    <img src="ZDJĘCIE KWADRATOWE PROFILOWE" width="80" style=" border: 5px solid white; margin-top: -40px; border-radius: 5px; box-shadow: 1px 1px 1px grey;"></td>
     
    <td style="width: 200px; text-align: center;"><div style="color: 000505; font-family: Arial; font-size: 14px; text-align: left;"><b>NAZWA</b></div><div style="color: black; font-family: Arial; font-size: 12px; color:666666; text-align: left"><b>IMIĘ I NAZWISKO</b> OPIS OPIS OPIS </div></td>
     
    <td><div style="width: 210px; height: 40px; border: 1px solid grey; box-shadow: 1px 1px 1px grey; border-radius: 5px;"><table><tr><td><div style="color:525252; font-size: 12px; font-family: arial; text-align: center;">CYFRA ZDJĘĆ<br>
    <span style="color: grey">PHOTOS</span></div></td><td><div style="color:525252; font-size: 12px; font-family: arial; text-align: center; border-right: 1px solid grey; border-left: 1px solid grey;">CYFRA ŚLEDZONYCH<br>
    <span style="color: grey">FOLLOWING</span></div></td><td><div style="color:525252; font-size: 12px; text-align: center;font-size: 12px; font-family: arial;">CYFRA ŚLEDZĄCYCH<br><span style="color: grey">FOLLOWERS</span></div></td></tr></table></div></td><td></td></tr></table></div><div style="background-color:eaeaea; width: 540px;height: 150px;"><table style="width:480px;"><tr>
    <td><div style="color: black; font-family: Arial; font-size: 12px; color:666666; text-align: left;"><b>MIESIĄC</b></div></td></tr><tr>
     
    <td><img src="ZDJĘCIE KWADRATOWE" class="fot" style="position: relative;"></td>
     
    <td><img src="ZDJĘCIE KWADRATOWE" class="fot" style="position: relative;"></td>
     
    <td><img src="ZDJĘCIE KWADRATOWE" class="fot" style="position: relative;"></td>
     
    <td><img src="ZDJĘCIE KWADRATOWE" class="fot" style="position: relative;"></td>
     
    </tr></table><br><span style="font-size: 7px; font-family: arial;"><a href="http://www.czart.aaf.pl/profiles/11.htm" style="text-decoration:none; color: grey; ">(C)CORAZON</a></span></div></center>

<center><link href='http://fonts.googleapis.com/css?family= ... Montserrat' rel='stylesheet' type='text/css'><div style="width: 100%; background: #3f6e94; padding: 6px 0px 6px 0px; font: 20px lobster two; color: rgba(255,255,255,.9); text-shadow: 1px 1px 0px #223d52; line-height: 100%;">Instagram</div><div style="width: 100%; background: #222; padding: 15px 0px 0px 0px"><table cellpadding="0" cellspacing="0" style="width: 500px"><td> <img src="ZDJĘCIE KWADRAT" width="100px" height="100px" style="border-radius: 3px 0px 0px 0px;"> <br> <img src="ZDJĘCIE KWADRAT" width="100px" height="100px"> </td><td> <img src="ZDJĘCIE KWADRAT" width="200px" height="200px"> </td><td> <img src="ZDJĘCIE KWADRAT" width="100px" height="100px"> <br> <img src="ZDJĘCIE KWADRAT" width="100px" height="100px"> </td><td> <img src="ZDJĘCIE KWADRAT" width="100px" height="100px" style="border-radius: 0px 3px 0px 0px;"> <br> <img src="ZDJĘCIE KWADRAT" width="100px" height="100px"> </td></table></div><div style="width: 100%; background: #ddd; padding: 0px 0px 5px 0px;"><div style="width: 460px; height: 55px; background: #f5f5f5; padding: 20px 20px 0px 20px;"><table cellpadding="0px" cellspacing="0px"><td style="85px"> <img src="http://placehold.it/75" width="75px" height="75px" style="box-shadow: 1px 1px 1px #ddd; border: 5px solid #fff; position: relative; left: 0px; top: -50px;"> </td><td style="width: 300px; position: relative; top: -35px; left: 10px;"><div style="font: bold 20px montserrat; color: #000; letter-spacing: 0px;"> @NAZWA_INSTA </div><div style="font: 11px montserrat; color: #000; line-height: 110%;"><b> IMIĘ NAZWISKO </b></div></td><td style="position: relative; top: -25px; left: 0px;"><table cellpadding="0" cellspacing="0" style="width: 100px; border-radius: 5px; border: 1px solid #eee; background: #fff;"><td style="padding: 5px; text-align: center; color: #555; font: 10px montserrat; line-height: 100%;"> ### posts </td><td style="padding: 5px; text-align: center; border-left: 1px solid #eee; border-right: 1px solid #eee; color: #555; font: 10px montserrat; line-height: 100%;"> ### followers </td><td style="padding: 5px; text-align: center; color: #555; font: 10px montserrat; line-height: 100%;"> ### following </td></table></td></table></div><div style="width: 480px; padding: 10px; background: #eee; border-top: 1px solid #ddd;"><table cellpadding="0" cellspacing="0"><td> <img src="ZDJĘCIE KWADRAT" width="75px" height="75px" style="border: 5px solid #fff; box-shadow: 0px 0px 2px #ddd;"> </td><td style="padding: 0px 11px 0px 11px;"> <img src="ZDJĘCIE KWADRAT" width="75px" height="75px" style="border: 5px solid #fff; box-shadow: 0px 0px 2px #ddd;"> </td><td> <img src="ZDJĘCIE KWADRAT" width="75px" height="75px" style="border: 5px solid #fff; box-shadow: 0px 0px 2px #ddd;"> </td><td style="padding: 0px 11px 0px 11px;"> <img src="ZDJĘCIE KWADRAT" width="75px" height="75px" style="border: 5px solid #fff; box-shadow: 0px 0px 2px #ddd;"> </td><td> <img src="ZDJĘCIE KWADRAT" width="75px" height="75px" style="border: 5px solid #fff; box-shadow: 0px 0px 2px #ddd;"> </td></table></div><div style="width: 480px; background: #f5f5f5; border-top: 1px solid #ddd; border-radius: 0px 0px 3px 3px; padding: 10px; font: 12px montserrat; color: #bbb;">Loading More</div><a href="http://z10.invisionfree.com/A_THOUSAND_ ... 3216"><div style="font: 8px montserrat; color: #999; text-shadow: 1px 1px 1px #eee; text-align: center; padding-top: 5px; text-transform: uppercase; letter-spacing: 1px;">© kristen</div></a></div></center>

Kod: Zaznacz cały

<center><link href='http://fonts.googleapis.com/css?family=Lobster+Two|Montserrat' rel='stylesheet' type='text/css'><div style="width: 100%; background: #3f6e94; padding: 6px 0px 6px 0px; font: 20px lobster two; color: rgba(255,255,255,.9); text-shadow: 1px 1px 0px #223d52; line-height: 100%;">Instagram</div><div style="width: 100%; background: #222; padding: 15px 0px 0px 0px"><table cellpadding="0" cellspacing="0" style="width: 500px"><td> <img src="ZDJĘCIE KWADRAT" width="100px" height="100px" style="border-radius: 3px 0px 0px 0px;"> <br> <img src="ZDJĘCIE KWADRAT" width="100px" height="100px"> </td><td> <img src="ZDJĘCIE KWADRAT" width="200px" height="200px"> </td><td> <img src="ZDJĘCIE KWADRAT" width="100px" height="100px"> <br> <img src="ZDJĘCIE KWADRAT" width="100px" height="100px"> </td><td> <img src="ZDJĘCIE KWADRAT" width="100px" height="100px" style="border-radius: 0px 3px 0px 0px;"> <br> <img src="ZDJĘCIE KWADRAT" width="100px" height="100px"> </td></table></div><div style="width: 100%; background: #ddd; padding: 0px 0px 5px 0px;"><div style="width: 460px; height: 55px; background: #f5f5f5; padding: 20px 20px 0px 20px;"><table cellpadding="0px" cellspacing="0px"><td style="85px"> <img src="http://placehold.it/75" width="75px" height="75px" style="box-shadow: 1px 1px 1px #ddd; border: 5px solid #fff; position: relative; left: 0px; top: -50px;"> </td><td style="width: 300px; position: relative; top: -35px; left: 10px;"><div style="font: bold 20px montserrat; color: #000; letter-spacing: 0px;"> @NAZWA_INSTA </div><div style="font: 11px montserrat; color: #000; line-height: 110%;"><b> IMIĘ NAZWISKO </b></div></td><td style="position: relative; top: -25px; left: 0px;"><table cellpadding="0" cellspacing="0" style="width: 100px; border-radius: 5px; border: 1px solid #eee; background: #fff;"><td style="padding: 5px; text-align: center; color: #555; font: 10px montserrat; line-height: 100%;"> ### posts </td><td style="padding: 5px; text-align: center; border-left: 1px solid #eee; border-right: 1px solid #eee; color: #555; font: 10px montserrat; line-height: 100%;"> ### followers </td><td style="padding: 5px; text-align: center; color: #555; font: 10px montserrat; line-height: 100%;"> ### following </td></table></td></table></div><div style="width: 480px; padding: 10px; background: #eee; border-top: 1px solid #ddd;"><table cellpadding="0" cellspacing="0"><td> <img src="ZDJĘCIE KWADRAT" width="75px" height="75px" style="border: 5px solid #fff; box-shadow: 0px 0px 2px #ddd;"> </td><td style="padding: 0px 11px 0px 11px;"> <img src="ZDJĘCIE KWADRAT" width="75px" height="75px" style="border: 5px solid #fff; box-shadow: 0px 0px 2px #ddd;"> </td><td> <img src="ZDJĘCIE KWADRAT" width="75px" height="75px" style="border: 5px solid #fff; box-shadow: 0px 0px 2px #ddd;"> </td><td style="padding: 0px 11px 0px 11px;"> <img src="ZDJĘCIE KWADRAT" width="75px" height="75px" style="border: 5px solid #fff; box-shadow: 0px 0px 2px #ddd;"> </td><td> <img src="ZDJĘCIE KWADRAT" width="75px" height="75px" style="border: 5px solid #fff; box-shadow: 0px 0px 2px #ddd;"> </td></table></div><div style="width: 480px; background: #f5f5f5; border-top: 1px solid #ddd; border-radius: 0px 0px 3px 3px; padding: 10px; font: 12px montserrat; color: #bbb;">Loading More</div><a href="http://z10.invisionfree.com/A_THOUSAND_FIREFLIES/index.php?showuser=3216"><div style="font: 8px montserrat; color: #999; text-shadow: 1px 1px 1px #eee; text-align: center; padding-top: 5px; text-transform: uppercase; letter-spacing: 1px;">© kristen</div></a></div></center>

Post 13 wrz 2018, 09:46

Zdjęcia

<center> Obrazek

<img src="https://i.pinimg.com/originals/59/7b/6f ... 8fb228.jpg" width="400"/><div class="instafot"><div style="float: left; margin-right: 10px; "> <img src="http://coolspotters.com/files/photos/12 ... rofile.jpg" width="50px" class="instafot3"></div> <font color="#3f729b">@La_Gata</font> <font style="color:#aaaaaa;font-size:10px;">2 dni temu</font> <br>#nowasesja #lato #wpracy #lateks</div></center>

Kod: Zaznacz cały

<center>[img]http://i.imgur.com/vh2XVlh.png[/img] 
<img src="zdjęcie" width="400"/><div class="instafot"><div style="float: left; margin-right: 10px; "> <img src="link do avka" width="50px" class="instafot3"></div> <font color="#3f729b">[b]NAZWA[/b]</font> <font style="color:#aaaaaa;font-size:10px;">2 dni temu</font> <br>#nowasesja #lato  #wpracy #gggg</div></center>

<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> <img src="http://www.gotceleb.com/wp-content/uplo ... 14--02.jpg" width="350" /> <div class="ins55"><table cellpadding="0" cellspacing="0"><tr><td><div class="insh"> ❤ </div> </td><td> <div class="inslike"> #### Likes </div></td><td><div class="insa1"><div class="insa2"> ❤ </div></div> </td><td><div class="insa3"><div class="insa4"> ➥ </div></div> </td></tr></table></div><div class="ins44"> </div><div class="ins55"><table cellpadding="0" cellspacing="0"><tr><td valign="top"><img src="http://vpx.pl/i/2014/09/13/3f9a0d.png" width="50" height="50" class="insii" /></td><td valign="top"><div class="inshh"> @dirty_dancer </div><div class="insah"> write your message here! remember to put italics on the @stuff. <i>so italics will look like this</i> </div></td></tr></table><div class="imgtagg"> #all the tags go here, #you can make them as long as you like, #just don't be a douchebag </div> </div><div class="ins44"> </div><div class="inscredit"> MADE BY T A NA. </div></div></center>

Kod: Zaznacz cały

<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> <img src="http://placehold.it/350x350" width="350" /> <div class="ins55"><table cellpadding="0" cellspacing="0"><tr><td><div class="insh"> ❤ </div>  </td><td> <div class="inslike"> #### Likes </div></td><td><div class="insa1"><div class="insa2"> ❤ </div></div> </td><td><div class="insa3"><div class="insa4"> ➥ </div></div> </td></tr></table></div><div class="ins44"> </div><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="50" height="50" class="insii" /></td><td valign="top"><div class="inshh"> USERNAME GOES HERE </div><div class="insah"> write your message here! remember to put italics on the @stuff. <i>so italics will look like this</i> </div></td></tr></table><div class="imgtagg"> #all the tags go here, #you can make them as long as you like, #just don't be a douchebag </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.[/URL] </div></div></center>

Post 13 wrz 2018, 09:48

Komentarz
<center><div class="instakom"><div style="float: left; margin-right: 10px; "><img src="http://coolspotters.com/files/photos/12 ... rofile.jpg" width="40px" class="instakom2"></div> <font color="#3f729b">@La_Gata</font> Ale fajna fotka , ale fajna fotka</div></center>

Kod: Zaznacz cały

<center><div class="instakom"><div style="float: left; margin-right: 10px; "><img src="zdjęcie avka" width="40px" class="instakom2"></div> <font color="#3f729b">[b]@nick[/b]</font> komentarz</div></center>

Post 13 wrz 2018, 09:55

Lubie To!

<div style="background-color: #fefefe; width: 330px;font-size: 16px; font-family: Helvetica; color: #222222;border-bottom: 1px solid #ddd; box-shadow: 0 1px 1px rgba(0,0,0,.06); border-radius: 0 3px 0 0; padding: 5px; margin-top: 8px; margin-left: 5px"><span style="color:#1c5380;"><b>@La_Gata</b></span><span style="color: #222"> lubi to <img src="http://vpx.pl/i/2015/04/07/serce8a3e5.png"></span></div>

Kod: Zaznacz cały

[align=center][list]<div style="background-color: #fefefe; width: 330px;font-size: 16px; font-family: Helvetica; color: #222222;border-bottom: 1px solid #ddd; box-shadow: 0 1px 1px rgba(0,0,0,.06);  border-radius: 0 3px 0 0; padding: 5px; margin-top: 8px; margin-left: 5px"><span style="color:#1c5380;"><b>[size=9]@NICK[/size]</b></span><span style="color: #222"> [size=10]lubi to [/size]<img src="http://vpx.pl/i/2015/04/07/serce8a3e5.png"></span></div>[/list][/align]

Zaczęła Cię obserwować!

<div style="background-color: #fefefe; width: 330px;font-size: 16px; font-family: Helvetica; color: #222222;border-bottom: 1px solid #ddd; box-shadow: 0 1px 1px rgba(0,0,0,.06); border-radius: 0 3px 0 0; padding: 5px; margin-top: 8px; margin-left: 5px"><span style="color:#1c5380;"><b>@La_Gata</b></span><span style="color: #222"> Zaczęła Cię obserwować <font style="color:#aaaaaa;font-size:11px;">2 min temu</font</span></span></div>

Kod: Zaznacz cały

[align=center][list]<div style="background-color: #fefefe; width: 330px;font-size: 16px; font-family: Helvetica; color: #222222;border-bottom: 1px solid #ddd; box-shadow: 0 1px 1px rgba(0,0,0,.06);  border-radius: 0 3px 0 0; padding: 5px; margin-top: 8px; margin-left: 5px"><span style="color:#1c5380;"><b>[size=9]@NICK[/size]</b></span><span style="color: #222"> [size=10]Zaczęła / ął Cię obserować [/size] <font style="color:#aaaaaa;font-size:11px;">2 min temu</font</span></span></div>[/list][/align]