Код:
<!--HTML-->
<style> .punbb .section h2, #pun-main h1, #pun-main h2, #pun-stats h2, #pun-debug h2 { background-image: none; 
}</style>
<style type="text/css">
#louisinsta2 { width:300px; background-color:#fafafa; border:1px solid #f5f5f5; padding:25px; }
#louisinsta2 .one { width:250px; background-color:#f9f9f9; border:1px solid #f5f5f5; padding:24px; }
#louisinsta2 .two { width:230px; background-color:#fafafa; border:1px solid #f5f5f5; padding:9px; }
#louisinsta2 .three { width:70px; height:70px; background-color:#fdfdfd; padding:5px; border:1px solid #f5f5f5; }
#louisinsta2 .three img { width:70px; }
#louisinsta2 .four { margin-left:10px; width:138px; }
#louisinsta2 .seven { width:138px; height:1px; margin-bottom:5px; background: #b5d3c6; background: -moz-linear-gradient(left,  #b5d3c6 0%, #fdfdfd 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,#b5d3c6), color-stop(100%,#fdfdfd)); background: -webkit-linear-gradient(left,  #b5d3c6 0%,#fdfdfd 100%); background: -o-linear-gradient(left,  #b5d3c6 0%,#fdfdfd 100%); background: -ms-linear-gradient(left,  #b5d3c6 0%,#fdfdfd 100%); background: linear-gradient(to right,  #b5d3c6 0%,#fdfdfd 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5d3c6', endColorstr='#fdfdfd',GradientType=1 ); }
#louisinsta2 h1 { font-weight:normal; margin:0; font-size:15px; text-transform:uppercase; font-family:century gothic; letter-spacing:1px; text-align:center; line-height:100%; color:#856892; }
#louisinsta2 .five { width:138px; margin-top:5px; }
#louisinsta2 .six { padding-left:5px; border-left:8px solid #b5d3c6; width:131px; height:8px; font-family:century gothic; color:#636363; text-transform:uppercase; font-size:8px; line-height:8px; letter-spacing:1px; margin:1px 0; display:block; }
</style><center>
<div id="louisinsta2"><div class="one"><div class="two"><table cellpadding="0" cellspacing="0"><tbody><h1><font style="text-align: justify; margin-left:-526px;">@marlenberg</font></h1><tr><td><div class="three"><img src="http://s2.uploads.ru/PGEJb.png"></div></td><td><div class="four"><div class="seven"></div><div class="six">11 posts</div><div class="six">11followers</div><div class="six">11following</div></div></td></tr></tbody></table></div></div></div>
</center><br><br>
<style type="text/css">
#louisinsta2-pic { width:300px; background-color:#fafafa; border:1px solid #f5f5f5; padding:25px; }
#louisinsta2-pic .one { width:280px; background-color:#fdfdfd; border:1px solid #f5f5f5; padding:9px; }
#louisinsta2-pic .one img { width:278px; border:1px solid #f5f5f5; }
#louisinsta2-pic .two { width:280px; margin-top:5px; text-align:justify; font-family:century gothic; font-size:10px; color:#636363; line-height:100%; }
#louisinsta2-pic .three { width:280px; height:1px; margin:5px 0; background: #fdfdfd; background: -moz-linear-gradient(left,  #fdfdfd 0%, #b5d3c6 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,#fdfdfd), color-stop(100%,#b5d3c6)); background: -webkit-linear-gradient(left,  #fdfdfd 0%,#b5d3c6 100%); background: -o-linear-gradient(left,  #fdfdfd 0%,#b5d3c6 100%); background: -ms-linear-gradient(left,  #fdfdfd 0%,#b5d3c6 100%); background: linear-gradient(to right,  #fdfdfd 0%,#b5d3c6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#b5d3c6',GradientType=1 ); }
#louisinsta2-pic .two h1 { font-weight:normal; margin:0; font-size:15px; text-transform:uppercase; font-family:century gothic; letter-spacing:1px; text-align:justify; line-height:100%; color:#856892; display:inline-block; }
</style>
twitter

<!--HTML--><style> .punbb .section h2, #pun-main h1, #pun-main h2, #pun-stats h2, #pun-debug h2 { background-image: none;
}</style>
<style type="text/css">
#louisinsta2 { width:300px; background-color:#fafafa; border:1px solid #f5f5f5; padding:25px; }
#louisinsta2 .one { width:250px; background-color:#f9f9f9; border:1px solid #f5f5f5; padding:24px; }
#louisinsta2 .two { width:230px; background-color:#fafafa; border:1px solid #f5f5f5; padding:9px; }
#louisinsta2 .three { width:70px; height:70px; background-color:#fdfdfd; padding:5px; border:1px solid #f5f5f5; }
#louisinsta2 .three img { width:70px; }
#louisinsta2 .four { margin-left:10px; width:138px; }
#louisinsta2 .seven { width:138px; height:1px; margin-bottom:5px; background: #b5d3c6; background: -moz-linear-gradient(left,  #b5d3c6 0%, #fdfdfd 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,#b5d3c6), color-stop(100%,#fdfdfd)); background: -webkit-linear-gradient(left,  #b5d3c6 0%,#fdfdfd 100%); background: -o-linear-gradient(left,  #b5d3c6 0%,#fdfdfd 100%); background: -ms-linear-gradient(left,  #b5d3c6 0%,#fdfdfd 100%); background: linear-gradient(to right,  #b5d3c6 0%,#fdfdfd 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5d3c6', endColorstr='#fdfdfd',GradientType=1 ); }
#louisinsta2 h1 { font-weight:normal; margin:0; font-size:15px; text-transform:uppercase; font-family:century gothic; letter-spacing:1px; text-align:center; line-height:100%; color:#594638}
#louisinsta2 .five { width:138px; margin-top:5px; }
#louisinsta2 .six { padding-left:5px; border-left:8px solid #b5d3c6; width:131px; height:8px; font-family:century gothic; color:#636363; text-transform:uppercase; font-size:8px; line-height:8px; letter-spacing:1px; margin:1px 0; display:block; }
</style><center>
<div id="louisinsta2-pic"><div class="three"></div><div class="two"><h1>@marlenberg</h1><br>пишите что хотите</div></div></div>
</center>

insta

<!--HTML--><style> .punbb .section h2, #pun-main h1, #pun-main h2, #pun-stats h2, #pun-debug h2 { background-image: none;
}</style>
<style type="text/css">
#louisinsta2 { width:300px; background-color:#fafafa; border:1px solid #f5f5f5; padding:25px; }
#louisinsta2 .one { width:250px; background-color:#f9f9f9; border:1px solid #f5f5f5; padding:24px; }
#louisinsta2 .two { width:230px; background-color:#fafafa; border:1px solid #f5f5f5; padding:9px; }
#louisinsta2 .three { width:70px; height:70px; background-color:#fdfdfd; padding:5px; border:1px solid #f5f5f5; }
#louisinsta2 .three img { width:70px; }
#louisinsta2 .four { margin-left:10px; width:138px; }
#louisinsta2 .seven { width:138px; height:1px; margin-bottom:5px; background: #b5d3c6; background: -moz-linear-gradient(left,  #b5d3c6 0%, #fdfdfd 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,#b5d3c6), color-stop(100%,#fdfdfd)); background: -webkit-linear-gradient(left,  #b5d3c6 0%,#fdfdfd 100%); background: -o-linear-gradient(left,  #b5d3c6 0%,#fdfdfd 100%); background: -ms-linear-gradient(left,  #b5d3c6 0%,#fdfdfd 100%); background: linear-gradient(to right,  #b5d3c6 0%,#fdfdfd 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5d3c6', endColorstr='#fdfdfd',GradientType=1 ); }
#louisinsta2 h1 { font-weight:normal; margin:0; font-size:15px; text-transform:uppercase; font-family:century gothic; letter-spacing:1px; text-align:center; line-height:100%; color:#856892; }
#louisinsta2 .five { width:138px; margin-top:5px; }
#louisinsta2 .six { padding-left:5px; border-left:8px solid #b5d3c6; width:131px; height:8px; font-family:century gothic; color:#636363; text-transform:uppercase; font-size:8px; line-height:8px; letter-spacing:1px; margin:1px 0; display:block; }
</style><center>
<div id="louisinsta2-pic"><div class="one"><img src="ССЫЛКА НА ФОТО"><div class="three"></div><div class="two"><h1>@marlenberg</h1><br>описание фото</div></div></div>
</center>

comment

<!--HTML-->
<style> .punbb .section h2, #pun-main h1, #pun-main h2, #pun-stats h2, #pun-debug h2 { background-image: none;
}</style>
<style type="text/css">
#louisinsta2 { width:300px; background-color:#fafafa; border:1px solid #f5f5f5; padding:25px; }
#louisinsta2 .one { width:250px; background-color:#f9f9f9; border:1px solid #f5f5f5; padding:24px; }
#louisinsta2 .two { width:230px; background-color:#fafafa; border:1px solid #f5f5f5; padding:9px; }
#louisinsta2 .three { width:70px; height:70px; background-color:#fdfdfd; padding:5px; border:1px solid #f5f5f5; }
#louisinsta2 .three img { width:70px; }
#louisinsta2 .four { margin-left:10px; width:138px; }
#louisinsta2 .seven { width:138px; height:1px; margin-bottom:5px; background: #b5d3c6; background: -moz-linear-gradient(left,  #b5d3c6 0%, #fdfdfd 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,#b5d3c6), color-stop(100%,#fdfdfd)); background: -webkit-linear-gradient(left,  #b5d3c6 0%,#fdfdfd 100%); background: -o-linear-gradient(left,  #b5d3c6 0%,#fdfdfd 100%); background: -ms-linear-gradient(left,  #b5d3c6 0%,#fdfdfd 100%); background: linear-gradient(to right,  #b5d3c6 0%,#fdfdfd 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5d3c6', endColorstr='#fdfdfd',GradientType=1 ); }
#louisinsta2 h1 { font-weight:normal; margin:0; font-size:15px; text-transform:uppercase; font-family:century gothic; letter-spacing:1px; text-align:center; line-height:100%; color:#856892 }
#louisinsta2 .five { width:138px; margin-top:5px; }
#louisinsta2 .six { padding-left:5px; border-left:8px solid #b5d3c6; width:131px; height:8px; font-family:century gothic; color:#636363; text-transform:uppercase; font-size:8px; line-height:8px; letter-spacing:1px; margin:1px 0; display:block; }
</style><center>
<div id="louisinsta2-pic"><div class="three"></div><div class="two"><h1>комментарий к записи N</h1><br><b>@marlenberg:</b><br> ваш комментарий</div></div></div>
</center>

Отредактировано Marlen Hulkenberg (2015-11-13 12:18:42)