Первое сообщение:

код
Код:
[html]

<div class="instaz">
<div class="ipicz"><div class=ilogoz><img src="КАРТИНКА-АВАТАР-ПРОФИЛЯ"></div></div>
<div class="itabz">
<table>
<tr><td><b>...</b><br>Публикаций</td><td><b>...</b><br>Подписчиков</td><td><b>...</b><br>Подписок</td></tr></table></div>
<br><br><br>
<div class="infoz"><b><font size="2">@НИК-ПЕРСОНАЖА</font></b><br>ПОДПИСЬ</div>
<div class="itab2z">
<table>
<tr><td><img src="КВАДРАТНАЯ-КАРТИНКА-1"></td><td><img src="КВАДРАТНАЯ-КАРТИНКА-2"></td><td><img src="КВАДРАТНАЯ-КАРТИНКА-3"></td></tr></table></div></div>
<style>
.ilogoz { width: 135px; height: 135px; border-radius: 100%; background-image: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); position: relative; top: -10px; left: -50px;}

.ipicz {width:150px;height:150px; margin-left:30px; margin-top:-10px;}
.ipicz img {width: 122px; border-radius: 100%; position: relative; top: 5px; left: 5px; border: 2px solid #22252b;}
.itabz {width:350px; height:50px; margin-left:150px; margin-top:-150px; font-size: 12px; text-align: center;}
.infoz {width:350px; height:50px;margin-left:170px; margin-top:-10px;font-size: 12px;}
.itab2z {width:510px; height:170px; margin-left:-25px; margin-top:20px;  text-align: center;}
.itab2z img {width: 160px; position: relative; top: 5px; left: -13px; border: 2px solid #22252b;}

.instaz {margin: auto;
background: #e4e4e4;
border: 1px solid #8a8f9a;
box-shadow: 0px 3px 5px 0 rgba(14,25,45,.34);
width: 450px;
padding: 40px}
</style>[/html]

Посты:

код
Код:
[html]

<div class="insta">
<div class="ppic"><div class=plogo><img src="КАРТИНКА-АВАТАР"></div></div>
<br><br><br>
<div class="pinfo"><b><font size="2">@НИК</font></b><br>МЕСТО-ПУБЛИЦАЦИИ</div>
<div class="ptab2">
<img src="КАРТИНКА-ПОСТ"></div>
<div class="ptab3">
<img src="https://funkyimg.com/i/3aiY1.jpg"></div>
<div class="pinfo2"><b><font size="1,5">@НИК</font></b><br>ТЕКСТ
<br> #ХЕШТЕГ
</div>

</div>
<style>
.plogo { width: 40px; height: 40px; border-radius: 100%; background-image: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); position: relative; top: -20px; left: -60px;}

.ppic {width:50px;height:50px; margin-left:30px; margin-top:-10px;}
.ppic img {width: 30px; border-radius: 100%; position: relative; top: 3px; left: 3px; border: 2px solid #22252b;}
.pinfo {width:350px; height:50px;margin-left:20px; margin-top:-105px;font-size: 12px;}
.pinfo2 {width:350px; height:30px;margin-left:-20px; margin-top:5px;font-size: 10px;}
.ptab2 img {width: 530px; position: relative; top: -5px; left: -40px; border: 0px solid #22252b;}
.ptab3 img {width: 530px; position: relative; top: -5px; left: -40px; border: 0px solid #22252b;}


.insta {margin: auto;
background: #e4e4e4;
border: 1px solid #8a8f9a;
box-shadow: 0px 3px 5px 0 rgba(14,25,45,.34);
width: 450px;
padding: 40px}
</style>[/html]