Первое сообщение:
код
Код:[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]