[html]<div class="img-container-x9f2">
<!-- Выберите один из классов: horizontal (для горизонтальных картинок), vertical (для вертикальных картинок) или square (для квадратных картинок) -->
<div class="img-border-k7p4"><img src="https://i.pinimg.com/736x/1f/da/f9/1fdaf9194eb654ab44cb4f99adb30cf2.jpg"
class="img-content-r3t8 horizontal"></div></div>
<div style="text-align: center; margin: 10px 0;">
<a href="https://rpgtop.su/27182" title="Рейтинг Ролевых Ресурсов - RPG TOP" target="_blank" style="margin: 0 5px;">
<img src="//img.rpgtop.su/88x31x11x8.gif" alt="Рейтинг Ролевых Ресурсов - RPG TOP" border="0" width="88" height="31">
</a>
<a href="https://forum-top.ru/vote/14085" title="Рейтинг форумов Forum-top.ru" target="_blank" style="margin: 0 5px;">
<img src="https://forum-top.ru/uploads/buttons/forum-top_88x31_3.gif" alt="Рейтинг форумов Forum-top.ru" />
</a>
</div>[/html]
Код:[html]<div class="img-container-x9f2"> <!-- Выберите один из классов: horizontal (для горизонтальных картинок), vertical (для вертикальных картинок) или square (для квадратных картинок) --> <div class="img-border-k7p4"><img src="КАРТИНКА" class="img-content-r3t8 square"></div></div> <div style="text-align: center; margin: 10px 0;"> <a href="https://rpgtop.su/27182" title="Рейтинг Ролевых Ресурсов - RPG TOP" target="_blank" style="margin: 0 5px;"> <img src="//img.rpgtop.su/88x31x11x8.gif" alt="Рейтинг Ролевых Ресурсов - RPG TOP" border="0" width="88" height="31"> </a> <a href="https://forum-top.ru/vote/14085" title="Рейтинг форумов Forum-top.ru" target="_blank" style="margin: 0 5px;"> <img src="https://forum-top.ru/uploads/buttons/forum-top_88x31_3.gif" alt="Рейтинг форумов Forum-top.ru" /> </a> </div>[/html]Чтобы всё нормально отображалась, нужно в строчке кода class="img-content-r3t8 square" поменять последнее слово на нужную для вашей картинки ориентацию:
horizontal, для горизонтальных картинок;
vertical, для вертикальных картинок;
square, для квадратных картинок
