[html]
<center>
<link rel="stylesheet" href="https://forumstatic.ru/files/001c/10/e8/94989.css">
<style>

input#img-1-post-1:checked ~ .nav-dots label#img-dot-1-post-1 {
} input#img-2-post-1:checked ~ .nav-dots label#img-dot-2-post-1 {
} input#img-3-post-1:checked ~ .nav-dots label#img-dot-3-post-1 {
} input#img-4-post-1:checked ~ .nav-dots label#img-dot-4-post-1 {
} input#img-5-post-1:checked ~ .nav-dots label#img-dot-5-post-1 {
} input#img-6-post-1:checked ~ .nav-dots label#img-dot-6-post-1 {
} input#img-7-post-1:checked ~ .nav-dots label#img-dot-7-post-1 {
} input#img-8-post-1:checked ~ .nav-dots label#img-dot-8-post-1 {
} input#img-9-post-1:checked ~ .nav-dots label#img-dot-9-post-1 {

background: #49adf4;
  opacity: 1;
}

</style>

<div class="lacargram-post"><div class="lacar-header">

<div class="iconsmall"><img src="https://forumupload.ru/uploads/001c/28/10/2/391228.png"></div> <!-- аватар профиля, размер не менее 42px -->

<div class="lacar-user">username</div><!-- название вашего профиля -->

<div class="verif"><img src="https://forumupload.ru/uploads/001c/28/10/2/866252.png"></div><!-- значок верификации, можно удалить -->

<div class="followlacar">Подписаться</div></div>

  <ul class="slides">
    <input type="radio" name="radio-btn" id="img-1-post-1" checked />
    <li class="slide-container">
    <div class="slide">
    <img src="https://i.pinimg.com/736x/87/7b/48/877b48346f05d0e4ae6df6e316e6e0b8.jpg" />
        </div><div class="nav">
    <label for="img-5-post-1" class="prev">‹</label>
    <label for="img-2-post-1" class="next">›</label>
</div>
    </li>

    <input type="radio" name="radio-btn" id="img-2-post-1" />
    <li class="slide-container">
        <div class="slide">
          <img src="https://i.pinimg.com/736x/7a/36/5c/7a365c46f56a25dec88e5a3b07adb218.jpg" />
        </div><div class="nav">
    <label for="img-1-post-1" class="prev">‹</label>
    <label for="img-3-post-1" class="next">›</label>
    </div>
</li>

    <input type="radio" name="radio-btn" id="img-3-post-1" />
    <li class="slide-container">
        <div class="slide">
          <img src="https://i.pinimg.com/736x/25/d4/05/25d4053c87d941eff482f0bd12424767.jpg" />
        </div>
    <div class="nav">
    <label for="img-2-post-1" class="prev">‹</label>
    <label for="img-4-post-1" class="next">›</label>
    </div>
    </li>

    <input type="radio" name="radio-btn" id="img-4-post-1" />
    <li class="slide-container">
        <div class="slide">
          <img src="https://i.pinimg.com/736x/40/5b/eb/405bebcc5c7ace699bf05a50b2bf1484.jpg" />
        </div>
    <div class="nav">
    <label for="img-3-post-1" class="prev">‹</label>
    <label for="img-5-post-1" class="next">›</label>
    </div>
    </li>

    <input type="radio" name="radio-btn" id="img-5-post-1" />
    <li class="slide-container">
        <div class="slide">
          <img src="https://i.pinimg.com/736x/2b/4c/d5/2b4cd530a9c79ab10219cbfb60d77c28.jpg" />
        </div>
    <div class="nav">
    <label for="img-4-post-1" class="prev">‹</label>
    <label for="img-1-post-1" class="next">›</label>
    </div>
    </li>

 

    <li class="nav-dots">
      <label for="img-1-post-1" class="nav-dot" id="img-dot-1-post-1"></label>
      <label for="img-2-post-1" class="nav-dot" id="img-dot-2-post-1"></label>
      <label for="img-3-post-1" class="nav-dot" id="img-dot-3-post-1"></label>
      <label for="img-4-post-1" class="nav-dot" id="img-dot-4-post-1"></label>
      <label for="img-5-post-1" class="nav-dot" id="img-dot-5-post-1"></label>

    </li>
</ul>
 
 
 
 
  <!-- заменяйте ссылку на картинку не менее 550px -->
  <div class="buttonscar"></div><div class="buttonscar2"></div>

<div class="likes"><b>Нравится:</b> <b>000</b></div> <!-- заменить цифры -->

<div class="lacar-txt"><span>username</span> сюда вставляется текст вашего поста, его можно делать любой длины и при необходимости можно в него можно добавить обращение к другому пользователю со ссылкой, которая будет выглядеть так: <a href="ССЫЛКА НА ПРОФИЛЬ ИЛИ АНКЕТУ ДРУГОГО ПЕРСОНАЖА">@name</a></div> <!-- сюда вводите название вашего профиля и желаемый текст, используйте <br> для переноса на следующую строку -->

<div class="lacar-comments">Смотреть все комментарии (00)</div> <!-- замените цифры количества комментариев -->

<div class="lacar-ago">7 мая</div> <!-- впишите дату публикации поста персонажем --></div>

   <!-- Скрипт для уникализации идентификаторов -->
  <script>
// Пример генерации уникальных идентификаторов для блоков
const posts = document.querySelectorAll('.lacargram-post');

posts.forEach((post, index) => {
  const slides = post.querySelectorAll('.slides input, .slides label, .nav-dots label');

  slides.forEach(slide => {
    const id = slide.id;
    const name = slide.name;

    slide.id = `${id}-post-${index + 1}`;
    slide.name = `${name}-post-${index + 1}`;
  });
</script>
</center>[/html]