starling

    Информация о пользователе

    Привет, Гость! Войдите или зарегистрируйтесь.

    Вы здесь » starling » Тестовый форум » Тестовое сообщение

    Тестовое сообщение

    Страница: 1

    Сообщений 1 страница 4 из 4

    1

    • Автор: starling
    • Администратор
    • starling
    • Сообщений: 8
    • Уважение: [+0/-0]
    • Последний визит:
      10.02.2025 18:00

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla mollis urna quam, sed commodo risus ultrices at. Phasellus eleifend leo in odio venenatis, ut tincidunt magna lobortis. Nam tincidunt mauris a nibh aliquam, quis porttitor erat pretium. Suspendisse erat mauris, vulputate ac aliquam nec, ullamcorper eget quam. Quisque posuere consectetur magna, quis lobortis purus. Aliquam erat volutpat. Maecenas non nulla nec sapien aliquam congue at at dolor. Duis magna erat, sodales in sodales quis, finibus at felis. Aenean mollis tincidunt nulla, dictum maximus nisi vehicula vel. Donec nec ligula at mi iaculis placerat eget ac lorem. Quisque fermentum pulvinar interdum. Curabitur in augue ut nibh sollicitudin eleifend quis eget lorem. Vivamus bibendum arcu non faucibus sodales. Mauris volutpat convallis sem, ut pellentesque tellus sodales nec. Ut feugiat nibh eget lectus bibendum ornare. Praesent rutrum mauris nec ipsum pharetra eleifend.

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla mollis urna quam, sed commodo risus ultrices at. Phasellus eleifend leo in odio venenatis, ut tincidunt magna lobortis. Nam tincidunt mauris a nibh aliquam, quis porttitor erat pretium. Suspendisse erat mauris, vulputate ac aliquam nec, ullamcorper eget quam. Quisque posuere consectetur magna, quis lobortis purus. Aliquam erat volutpat. Maecenas non nulla nec sapien aliquam congue at at dolor. Duis magna erat, sodales in sodales quis, finibus at felis. Aenean mollis tincidunt nulla, dictum maximus nisi vehicula vel. Donec nec ligula at mi iaculis placerat eget ac lorem. Quisque fermentum pulvinar interdum. Curabitur in augue ut nibh sollicitudin eleifend quis eget lorem. Vivamus bibendum arcu non faucibus sodales. Mauris volutpat convallis sem, ut pellentesque tellus sodales nec. Ut feugiat nibh eget lectus bibendum ornare. Praesent rutrum mauris nec ipsum pharetra eleifend.

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla mollis urna quam, sed commodo risus ultrices at. Phasellus eleifend leo in odio venenatis, ut tincidunt magna lobortis. Nam tincidunt mauris a nibh aliquam, quis porttitor erat pretium. Suspendisse erat mauris, vulputate ac aliquam nec, ullamcorper eget quam. Quisque posuere consectetur magna, quis lobortis purus. Aliquam erat volutpat. Maecenas non nulla nec sapien aliquam congue at at dolor. Duis magna erat, sodales in sodales quis, finibus at felis. Aenean mollis tincidunt nulla, dictum maximus nisi vehicula vel. Donec nec ligula at mi iaculis placerat eget ac lorem. Quisque fermentum pulvinar interdum. Curabitur in augue ut nibh sollicitudin eleifend quis eget lorem. Vivamus bibendum arcu non faucibus sodales. Mauris volutpat convallis sem, ut pellentesque tellus sodales nec. Ut feugiat nibh eget lectus bibendum ornare. Praesent rutrum mauris nec ipsum pharetra eleifend.

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla mollis urna quam, sed commodo risus ultrices at. Phasellus eleifend leo in odio venenatis, ut tincidunt magna lobortis. Nam tincidunt mauris a nibh aliquam, quis porttitor erat pretium. Suspendisse erat mauris, vulputate ac aliquam nec, ullamcorper eget quam. Quisque posuere consectetur magna, quis lobortis purus. Aliquam erat volutpat. Maecenas non nulla nec sapien aliquam congue at at dolor. Duis magna erat, sodales in sodales quis, finibus at felis. Aenean mollis tincidunt nulla, dictum maximus nisi vehicula vel. Donec nec ligula at mi iaculis placerat eget ac lorem. Quisque fermentum pulvinar interdum. Curabitur in augue ut nibh sollicitudin eleifend quis eget lorem. Vivamus bibendum arcu non faucibus sodales. Mauris volutpat convallis sem, ut pellentesque tellus sodales nec. Ut feugiat nibh eget lectus bibendum ornare. Praesent rutrum mauris nec ipsum pharetra eleifend.

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla mollis urna quam, sed commodo risus ultrices at. Phasellus eleifend leo in odio venenatis, ut tincidunt magna lobortis. Nam tincidunt mauris a nibh aliquam, quis porttitor erat pretium. Suspendisse erat mauris, vulputate ac aliquam nec, ullamcorper eget quam. Quisque posuere consectetur magna, quis lobortis purus. Aliquam erat volutpat. Maecenas non nulla nec sapien aliquam congue at at dolor. Duis magna erat, sodales in sodales quis, finibus at felis. Aenean mollis tincidunt nulla, dictum maximus nisi vehicula vel. Donec nec ligula at mi iaculis placerat eget ac lorem. Quisque fermentum pulvinar interdum. Curabitur in augue ut nibh sollicitudin eleifend quis eget lorem. Vivamus bibendum arcu non faucibus sodales. Mauris volutpat convallis sem, ut pellentesque tellus sodales nec. Ut feugiat nibh eget lectus bibendum ornare. Praesent rutrum mauris nec ipsum pharetra eleifend.

    Код:
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla mollis urna quam, sed commodo risus ultrices at. Phasellus eleifend leo in odio venenatis, ut tincidunt magna lobortis. Nam tincidunt mauris a nibh aliquam, quis porttitor erat pretium. Suspendisse erat mauris, vulputate ac aliquam nec, ullamcorper eget quam. Quisque posuere consectetur magna, quis lobortis purus. Aliquam erat volutpat. Maecenas non nulla nec sapien aliquam congue at at dolor. Duis magna erat, sodales in sodales quis, finibus at felis. Aenean mollis tincidunt nulla, dictum maximus nisi vehicula vel. Donec nec ligula at mi iaculis placerat eget ac lorem. Quisque fermentum pulvinar interdum. Curabitur in augue ut nibh sollicitudin eleifend quis eget lorem. Vivamus bibendum arcu non faucibus sodales. Mauris volutpat convallis sem, ut pellentesque tellus sodales nec. Ut feugiat nibh eget lectus bibendum ornare. Praesent rutrum mauris nec ipsum pharetra eleifend.
    lorem ipsum

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla mollis urna quam, sed commodo risus ultrices at. Phasellus eleifend leo in odio venenatis, ut tincidunt magna lobortis. Nam tincidunt mauris a nibh aliquam, quis porttitor erat pretium. Suspendisse erat mauris, vulputate ac aliquam nec, ullamcorper eget quam. Quisque posuere consectetur magna, quis lobortis purus. Aliquam erat volutpat. Maecenas non nulla nec sapien aliquam congue at at dolor. Duis magna erat, sodales in sodales quis, finibus at felis. Aenean mollis tincidunt nulla, dictum maximus nisi vehicula vel. Donec nec ligula at mi iaculis placerat eget ac lorem. Quisque fermentum pulvinar interdum. Curabitur in augue ut nibh sollicitudin eleifend quis eget lorem. Vivamus bibendum arcu non faucibus sodales. Mauris volutpat convallis sem, ut pellentesque tellus sodales nec. Ut feugiat nibh eget lectus bibendum ornare. Praesent rutrum mauris nec ipsum pharetra eleifend.

    Valentine Morgenstern написал(а):

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla mollis urna quam, sed commodo risus ultrices at. Phasellus eleifend leo in odio venenatis, ut tincidunt magna lobortis. Nam tincidunt mauris a nibh aliquam, quis porttitor erat pretium. Suspendisse erat mauris, vulputate ac aliquam nec, ullamcorper eget quam. Quisque posuere consectetur magna, quis lobortis purus. Aliquam erat volutpat. Maecenas non nulla nec sapien aliquam congue at at dolor. Duis magna erat, sodales in sodales quis, finibus at felis. Aenean mollis tincidunt nulla, dictum maximus nisi vehicula vel. Donec nec ligula at mi iaculis placerat eget ac lorem. Quisque fermentum pulvinar interdum. Curabitur in augue ut nibh sollicitudin eleifend quis eget lorem. Vivamus bibendum arcu non faucibus sodales. Mauris volutpat convallis sem, ut pellentesque tellus sodales nec. Ut feugiat nibh eget lectus bibendum ornare. Praesent rutrum mauris nec ipsum pharetra eleifend.

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla mollis urna quam, sed commodo risus ultrices at. Phasellus eleifend leo in odio venenatis, ut tincidunt magna lobortis. Nam tincidunt mauris a nibh aliquam, quis porttitor erat pretium. Suspendisse erat mauris, vulputate ac aliquam nec, ullamcorper eget quam.

    0

    2

    • Автор: starling
    • Администратор
    • starling
    • Сообщений: 8
    • Уважение: [+0/-0]
    • Последний визит:
      10.02.2025 18:00

    [html]
    <style>@import url('https://fonts.googleapis.com/css2?family=Unbounded:wght@200;300;400;500;600;700;800;900&display=swap');
    @import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');
    body {
      background-color: #f1f1f1;
      box-sizing: border-box;
      font-style: normal;
      text-decoration: none;
      font-family: 'IBM plex Sans', sans-sherif;
    }
    .npc {
      margin: auto;
      width: 100%;
      height: 420px;
      background-color: #e6e6e6;
      border-radius:20px;
      padding:5px;
      border: 1px solid #c7d29d;
      border-radius: 20px;
      box-shadow: 0px 0px 50px #f1f1f1 inset;
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
    }
    .npc img {
       border-radius: 20px;
        -webkit-filter: grayscale(1);
        filter: grayscale(1);
        opacity: 0.7;
        -webkit-transition: all 0.3s linear 0s;
        transition: all 0.3s linear 0s;
    }
    .npc img:hover {
      -webkit-filter: grayscale(0);
        filter: grayscale(0);
      opacity: 1;
      -webkit-transition: all 0.3s linear 0s;
      transition: all 0.3s linear 0s;
    }
    .npc_left {
      background-color: #000;
      width: 40%;
      height: 400px;
      padding: 10px;
      border-radius: 20px 0 0 20px;
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      gap: 15px;
    }
    .npc_left_name {
      color: #86A31F;
      font-size:30px;
      font-weight: 600;
      font-family: 'Unbounded', sans-sherif;
    }
    .npc_left_occup {
      color: #f1f1f1;
      font-size: 12px;
    }
    .npc_left_face {
      color: #f1f1f1;
      font-size: 10px;
    }
    .npc_right {
      width: 60%;
      background: #dedede;
      height: 400px;
      padding: 10px;
      font-size: 14px;
      line-height: 16px;
      border-radius: 0 20px 20px 0;
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      gap: 15px;
    }
    .npc_right_descr {
      height: 200px;
      padding: 10px;
      border-radius: 20px 0 0 20px;
    }
    .npc_right_descr p {
      margin: 5px;
      height: 190px;
      overflow: auto;
      padding-right: 5px;
    }

    .npc_right_where {
      height: 140px;
      padding: 10px;
      border-radius: 20px 0 0 20px;
    }
    .npc_right_descr span,.npc_right_where span {
      padding: 5px;
      font-family: 'Unbounded', sans-sherif;
      font-weight: 600;
      font-size:16px;
    }
    .npc_right_where p {
      margin: 5px;
      height: 120px;
      overflow: auto;
      padding-right: 5px;
    }</style>

    <div class="npc">
      <div class="npc_left"><img src="https://forumavatars.ru/img/avatars/001b/d3/b3/2-1677241964.jpg" original-title="текст">
        <div class="npc_left_name">name surname
    </div>
    <div class="npc_left_occup">возраст | кто | ещё что-то
    </div>
        <div class="npc_left_face">name surname - name surname
    </div>
    </div>
      <div class="npc_right">
        <div class="npc_right_descr">
          <span>узнать больше</span>
          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla mollis urna quam, sed commodo risus ultrices at. Phasellus eleifend leo in odio venenatis, ut tincidunt magna lobortis. Nam tincidunt mauris a nibh aliquam, quis porttitor erat pretium. Suspendisse erat mauris, vulputate ac aliquam nec, ullamcorper eget quam. Quisque posuere consectetur magna, quis lobortis purus. Aliquam erat volutpat. Maecenas non nulla nec sapien aliquam congue at at dolor. Duis magna erat, sodales in sodales quis, finibus at felis. Aenean mollis tincidunt nulla, dictum maximus nisi vehicula vel. Donec nec ligula at mi iaculis placerat eget ac lorem. Quisque fermentum pulvinar interdum. Curabitur in augue ut nibh sollicitudin eleifend quis eget lorem. Vivamus bibendum arcu non faucibus sodales. Mauris volutpat convallis sem, ut pellentesque tellus sodales nec. Ut feugiat nibh eget lectus bibendum ornare. Praesent rutrum mauris nec ipsum pharetra eleifend.</p>
        </div>
        <div class="npc_right_where"><span>где был замечен</span>
          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla mollis urna quam, sed commodo risus ultrices at. Phasellus eleifend leo in odio venenatis, ut tincidunt magna lobortis. Nam tincidunt mauris a nibh aliquam, quis porttitor erat pretium. Suspendisse erat mauris, vulputate ac aliquam nec, ullamcorper eget quam. Quisque posuere consectetur magna, quis lobortis purus. Aliquam erat volutpat. Maecenas non nulla nec sapien aliquam congue at at dolor. Duis magna erat, sodales in sodales quis, finibus at felis. Aenean mollis tincidunt nulla, dictum maximus nisi vehicula vel. Donec nec ligula at mi iaculis placerat eget ac lorem. Quisque fermentum pulvinar interdum. Curabitur in augue ut nibh sollicitudin eleifend quis eget lorem. Vivamus bibendum arcu non faucibus sodales. Mauris volutpat convallis sem, ut pellentesque tellus sodales nec. Ut feugiat nibh eget lectus bibendum ornare. Praesent rutrum mauris nec ipsum pharetra eleifend.</p>
        </div>
        </div>
    </div>
    [/html]

    0

    3

    • Автор: starling
    • Администратор
    • starling
    • Сообщений: 8
    • Уважение: [+0/-0]
    • Последний визит:
      10.02.2025 18:00

    lorem ipsum dolor sit amet, consectetur adipiscing elit. nulla mollis urna quam, sed commodo risus ultrices at. phasellus eleifend leo in odio venenatis, ut tincidunt magna lobortis. nam tincidunt mauris a nibh aliquam, quis porttitor erat pretium. suspendisse erat mauris, vulputate ac aliquam nec, ullamcorper eget quam. quisque posuere consectetur magna, quis lobortis purus. aliquam erat volutpat.

    0

    4

    • Автор: starling
    • Администратор
    • starling
    • Сообщений: 8
    • Уважение: [+0/-0]
    • Последний визит:
      10.02.2025 18:00

    пупуппу

    45.33.62.176

    45.33.62.176

    пупуппу

    45.33.62.176

    45.33.62.176

    пупуппу

    45.33.62.176

    45.33.62.176

    0

    Страница: 1

    Вы здесь » starling » Тестовый форум » Тестовое сообщение

    Рейтинг форумов | Создать форум бесплатно