тест

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

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


Вы здесь » тест » название подфорума » новая тема новая тема новая тема новая тема новая тема новая тема нова


новая тема новая тема новая тема новая тема новая тема новая тема нова

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

Перевести1

https://upforme.ru/uploads/001c/bb/6b/2/945392.jpg

0

2

айм кокахолик

0

Перевести3

gbg

0

4

ни цитаты ни статурса

0

5

Код:
.pa-respect .fld-name::after {
    font-family: 'Material Icons';
    content: "local_fire_department";
    font-size: 13px;
    position: absolute;
    color: #515b5b;
    top: 1px;
    left: 45px;
    font-weight: 100 !important;
}

.pa-posts::after {
    font-family: Material Icons;
    content: "mark_email_unread";
    font-size: 13px;
    position: absolute;
    color: #515b5b;
    top: -1px;
    left: -17px;
    font-weight: 100 !important;
}

0

6

gbgb

wbnfnf

Код:
kjkjk

0

Перевести7

gbg

0

Перевести8

540113

0

Перевести9

540113

0

Перевести10

540113

0

11

Свернутый текст

0

Перевести12

https://upforme.ru/uploads/001c/bb/6b/2/894558.png

0

Перевести13

https://upforme.ru/uploads/001c/bb/6b/2/590924.png

0

Перевести14

https://upforme.ru/uploads/001c/bb/6b/2/428679.png

0

Перевести15

https://upforme.ru/uploads/001c/bb/6b/2/743755.gif

0

Перевести16

https://upforme.ru/uploads/001c/bb/6b/2/754808.png
https://upforme.ru/uploads/001c/bb/6b/2/597512.png
https://upforme.ru/uploads/001c/bb/6b/2/473360.png

0

Перевести17

<a href="https://tuduriaid.rusff.me" target="_blank"><img src="https://upforme.ru/uploads/001c/bb/6b/2/743755.gif" title="prime" border="0"></a>

0

Перевести18

https://upforme.ru/uploads/001c/bb/6b/2/637037.png

0

Перевести19

[dice=27104:1:20]

0

20

[html]
<!-- НАСТРОЙКИ СТИЛЕЙ (НЕ ТРОГАТЬ) -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Cinzel:wght@600;700;900&family=Montserrat:wght@300;400;500;600&display=swap" rel="stylesheet">
<style>
  .char-app-container { width: 750px !important; height: 800px !important; margin: 20px auto !important; display: flex !important; flex-direction: column !important; box-sizing: border-box !important; border-radius: 8px !important; overflow: hidden !important; box-shadow: 0 10px 30px rgba(0,0,0,0.7), 0 0 0 1px rgba(222,190,146,0.2) !important; font-family: 'Montserrat', Arial, sans-serif !important; color: #eee8e1 !important; background: #121212 !important; text-align: left !important; }
  .char-app-header { height: 330px !important; min-height: 330px !important; box-sizing: border-box !important; padding: 15px 25px 15px !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; text-align: center !important; position: relative !important; z-index: 5 !important; border-bottom: 2px solid #720119 !important; box-shadow: 0 4px 15px rgba(0,0,0,0.5) !important; background: linear-gradient(180deg, rgba(85,4,18,0.85) 0%, rgba(35,2,7,0.95) 100%), url('https://upforme.ru/uploads/000b/49/16/2/296677.png') center/cover no-repeat !important; }
 
  /* Рамка 180x113 с градиентной окантовкой */
  .char-app-avatar-box { width: 180px !important; height: 113px !important; border-radius: 4px !important; padding: 3px !important; background: linear-gradient(135deg, #debe92 0%, #720119 100%) !important; box-shadow: 0 4px 12px rgba(0,0,0,0.6) !important; margin-bottom: 10px !important; flex-shrink: 0 !important; box-sizing: border-box !important; }
 
  /* Автоматическая адаптация изображения под размер 180x113 */
  .char-app-avatar { width: 100% !important; height: 100% !important; max-width: 100% !important; max-height: 100% !important; object-fit: cover !important; object-position: center !important; border-radius: 2px !important; display: block !important; }
 
  .char-app-name { display: block !important; visibility: visible !important; opacity: 1 !important; font-family: 'Georgia', serif !important; font-size: 24px !important; font-weight: 900 !important; text-transform: uppercase !important; letter-spacing: 4px !important; color: #ffd79a !important; text-shadow: 0 2px 8px rgba(0,0,0,0.9), 0 0 15px rgba(222,190,146,0.4) !important; margin: 0 0 10px 0 !important; padding: 0 !important; line-height: 1.2 !important; }
  .char-app-meta-grid { display: flex !important; flex-wrap: wrap !important; justify-content: center !important; gap: 6px 12px !important; max-width: 680px !important; }
  .char-meta-item { font-size: 11px !important; letter-spacing: 0.5px !important; color: #e3d5c8 !important; background: rgba(0,0,0,0.45) !important; padding: 4px 10px !important; border-radius: 3px !important; border: 1px solid rgba(222,190,146,0.2) !important; }
  .char-meta-item b { color: #debe92 !important; text-transform: uppercase !important; font-weight: 600 !important; margin-right: 4px !important; }
  .char-app-body { flex: 1 !important; overflow-y: auto !important; box-sizing: border-box !important; padding: 20px 30px !important; position: relative !important; background-image: url('https://forumstatic.ru/files/0017/95/29/pattern.png') !important; background-repeat: repeat !important; background-position: top left !important; background-color: #141414 !important; }
  .char-app-content-card { background: rgba(18,18,18,0.88) !important; backdrop-filter: blur(2px) !important; border: 1px solid rgba(255,255,255,0.06) !important; border-radius: 6px !important; padding: 20px 25px !important; box-shadow: 0 4px 20px rgba(0,0,0,0.4) !important; }
  .char-section-title { font-family: 'Cinzel', serif !important; font-size: 14px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 2px !important; color: #ffd79a !important; border-bottom: 1px solid rgba(114,1,25,0.6) !important; padding-bottom: 5px !important; margin: 15px 0 10px 0 !important; }
  .char-section-title:first-child { margin-top: 0 !important; }
  .char-app-content-card p { font-size: 13px !important; line-height: 1.7 !important; color: #d1c8c0 !important; margin: 0 0 12px 0 !important; text-align: justify !important; }
  .char-app-body::-webkit-scrollbar { width: 6px !important; }
  .char-app-body::-webkit-scrollbar-track { background: rgba(0,0,0,0.3) !important; }
  .char-app-body::-webkit-scrollbar-thumb { background: #720119 !important; border-radius: 3px !important; }
</style>

<!-- ================= БЛОК ДЛЯ ЗАПОЛНЕНИЯ ИГРОКОМ ================= -->
<div class="char-app-container">
 
  <div class="char-app-header">
    <!-- 1. Ссылка на фото (автоподгонка под 180x113) -->
    <div class="char-app-avatar-box">
      <img src="https://upforme.ru/uploads/001c/bb/6b/2/787036.gif" class="char-app-avatar" alt="Character Portrait">
    </div>

    <!-- 2. Имя персонажа на латинице -->
    <div class="char-app-name">YOUR NAME</div>

    <!-- 3. Параметры -->
    <div class="char-app-meta-grid">
      <div class="char-meta-item"><b>Внешность:</b> ваш ответ</div>
      <div class="char-meta-item"><b>Возраст:</b> ваш ответ</div>
      <div class="char-meta-item"><b>Дата рождения:</b> ваш ответ</div>
      <div class="char-meta-item"><b>Место рождения:</b> ваш ответ</div>
    </div>
  </div>

  <div class="char-app-body">
    <div class="char-app-content-card">
     
      <!-- 4. Характер -->
      <div class="char-section-title">I. Общее описание и характер</div>
      <p>
        Опишите характер персонажа...
      </p>

      <!-- 5. Биография -->
      <div class="char-section-title">II. Биография и прошлое</div>
      <p>
        История и биография персонажа...
      </p>

      <!-- 6. Способности и инвентарь -->
      <div class="char-section-title">III. Способности и инвентарь</div>
      <p>
        Навыки, магия, экипировка...
      </p>

      <!-- 7. Связь -->
      <div class="char-section-title">IV. Связь с игроком</div>
      <p>
        Telegram / Discord / VK
      </p>

    </div>
  </div>

</div>
[/html]

Код:
[html]
<!-- НАСТРОЙКИ СТИЛЕЙ (НЕ ТРОГАТЬ) -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Cinzel:wght@600;700;900&family=Montserrat:wght@300;400;500;600&display=swap" rel="stylesheet">
<style>
  .char-app-container { width: 750px !important; height: 800px !important; margin: 20px auto !important; display: flex !important; flex-direction: column !important; box-sizing: border-box !important; border-radius: 8px !important; overflow: hidden !important; box-shadow: 0 10px 30px rgba(0,0,0,0.7), 0 0 0 1px rgba(222,190,146,0.2) !important; font-family: 'Montserrat', Arial, sans-serif !important; color: #eee8e1 !important; background: #121212 !important; text-align: left !important; }
  .char-app-header { height: 330px !important; min-height: 330px !important; box-sizing: border-box !important; padding: 15px 25px 15px !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; text-align: center !important; position: relative !important; z-index: 5 !important; border-bottom: 2px solid #720119 !important; box-shadow: 0 4px 15px rgba(0,0,0,0.5) !important; background: linear-gradient(180deg, rgba(85,4,18,0.85) 0%, rgba(35,2,7,0.95) 100%), url('https://upforme.ru/uploads/000b/49/16/2/296677.png') center/cover no-repeat !important; }
  
  /* Рамка 180x113 с градиентной окантовкой */
  .char-app-avatar-box { width: 180px !important; height: 113px !important; border-radius: 4px !important; padding: 3px !important; background: linear-gradient(135deg, #debe92 0%, #720119 100%) !important; box-shadow: 0 4px 12px rgba(0,0,0,0.6) !important; margin-bottom: 10px !important; flex-shrink: 0 !important; box-sizing: border-box !important; }
  
  /* Автоматическая адаптация изображения под размер 180x113 */
  .char-app-avatar { width: 100% !important; height: 100% !important; max-width: 100% !important; max-height: 100% !important; object-fit: cover !important; object-position: center !important; border-radius: 2px !important; display: block !important; }
  
  .char-app-name { display: block !important; visibility: visible !important; opacity: 1 !important; font-family: 'Georgia', serif !important; font-size: 24px !important; font-weight: 900 !important; text-transform: uppercase !important; letter-spacing: 4px !important; color: #ffd79a !important; text-shadow: 0 2px 8px rgba(0,0,0,0.9), 0 0 15px rgba(222,190,146,0.4) !important; margin: 0 0 10px 0 !important; padding: 0 !important; line-height: 1.2 !important; }
  .char-app-meta-grid { display: flex !important; flex-wrap: wrap !important; justify-content: center !important; gap: 6px 12px !important; max-width: 680px !important; }
  .char-meta-item { font-size: 11px !important; letter-spacing: 0.5px !important; color: #e3d5c8 !important; background: rgba(0,0,0,0.45) !important; padding: 4px 10px !important; border-radius: 3px !important; border: 1px solid rgba(222,190,146,0.2) !important; }
  .char-meta-item b { color: #debe92 !important; text-transform: uppercase !important; font-weight: 600 !important; margin-right: 4px !important; }
  .char-app-body { flex: 1 !important; overflow-y: auto !important; box-sizing: border-box !important; padding: 20px 30px !important; position: relative !important; background-image: url('https://forumstatic.ru/files/0017/95/29/pattern.png') !important; background-repeat: repeat !important; background-position: top left !important; background-color: #141414 !important; }
  .char-app-content-card { background: rgba(18,18,18,0.88) !important; backdrop-filter: blur(2px) !important; border: 1px solid rgba(255,255,255,0.06) !important; border-radius: 6px !important; padding: 20px 25px !important; box-shadow: 0 4px 20px rgba(0,0,0,0.4) !important; }
  .char-section-title { font-family: 'Cinzel', serif !important; font-size: 14px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 2px !important; color: #ffd79a !important; border-bottom: 1px solid rgba(114,1,25,0.6) !important; padding-bottom: 5px !important; margin: 15px 0 10px 0 !important; }
  .char-section-title:first-child { margin-top: 0 !important; }
  .char-app-content-card p { font-size: 13px !important; line-height: 1.7 !important; color: #d1c8c0 !important; margin: 0 0 12px 0 !important; text-align: justify !important; }
  .char-app-body::-webkit-scrollbar { width: 6px !important; }
  .char-app-body::-webkit-scrollbar-track { background: rgba(0,0,0,0.3) !important; }
  .char-app-body::-webkit-scrollbar-thumb { background: #720119 !important; border-radius: 3px !important; }
</style>

<!-- ================= БЛОК ДЛЯ ЗАПОЛНЕНИЯ ИГРОКОМ ================= -->
<div class="char-app-container">
  
  <div class="char-app-header">
    <!-- 1. Ссылка на фото (автоподгонка под 180x113) -->
    <div class="char-app-avatar-box">
      <img src="https://upforme.ru/uploads/001c/bb/6b/2/787036.gif" class="char-app-avatar" alt="Character Portrait">
    </div>

    <!-- 2. Имя персонажа на латинице -->
    <div class="char-app-name">YOUR NAME</div>

    <!-- 3. Параметры -->
    <div class="char-app-meta-grid">
      <div class="char-meta-item"><b>Внешность:</b> ваш ответ</div>
      <div class="char-meta-item"><b>Возраст:</b> ваш ответ</div>
      <div class="char-meta-item"><b>Дата рождения:</b> ваш ответ</div>
      <div class="char-meta-item"><b>Место рождения:</b> ваш ответ</div>
    </div>
  </div>

  <div class="char-app-body">
    <div class="char-app-content-card">
      
      <!-- 4. Характер -->
      <div class="char-section-title">I. Общее описание и характер</div>
      <p>
        Опишите характер персонажа...
      </p>

      <!-- 5. Биография -->
      <div class="char-section-title">II. Биография и прошлое</div>
      <p>
        История и биография персонажа...
      </p>

      <!-- 6. Способности и инвентарь -->
      <div class="char-section-title">III. Способности и инвентарь</div>
      <p>
        Навыки, магия, экипировка...
      </p>

      <!-- 7. Связь -->
      <div class="char-section-title">IV. Связь с игроком</div>
      <p>
        Telegram / Discord / VK
      </p>

    </div>
  </div>

</div>
[/html]

0

21

[html]
<div class="char-app-container">
 
  <div class="char-app-header">
    <!-- Ссылка на фото (любого размера, само сожмётся в 180x113) -->
    <div class="char-app-avatar-box">
      <img src="https://images.unsplash.com/photo-1534528741775-53994a69daeb?auto=format&fit=crop&w=600&q=80" class="char-app-avatar" alt="Portrait">
    </div>

    <!-- Имя персонажа латиницей -->
    <div class="char-app-name">YOUR NAME</div>

    <!-- Краткие параметры -->
    <div class="char-app-meta-grid">
      <div class="char-meta-item"><b>Внешность:</b> ваш ответ</div>
      <div class="char-meta-item"><b>Возраст:</b> ваш ответ</div>
      <div class="char-meta-item"><b>Дата рождения:</b> ваш ответ</div>
      <div class="char-meta-item"><b>Место рождения:</b> ваш ответ</div>
    </div>
  </div>

  <div class="char-app-body">
    <div class="char-app-content-card">
     
      <div class="char-section-title">I. Общее описание и характер</div>
      <p>
        Опишите характер персонажа...
      </p>

      <div class="char-section-title">II. Биография и прошлое</div>
      <p>
        История и биография персонажа...
      </p>

      <div class="char-section-title">III. Способности и инвентарь</div>
      <p>
        Навыки, магия, экипировка...
      </p>

      <div class="char-section-title">IV. Связь с игроком</div>
      <p>
        Telegram / Discord / VK
      </p>

    </div>
  </div>

</div>
[/html]

0

22

[html]
<!-- ================= АНКЕТА ПЕРСОНАЖА ================= -->
<div style="width: 750px; height: 800px; max-width: 750px; max-height: 800px; margin: 20px auto; display: flex; flex-direction: column; box-sizing: border-box; border-radius: 8px; overflow: hidden; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.7), 0 0 0 1px rgba(222, 190, 146, 0.2); font-family: 'Montserrat', Arial, sans-serif; color: #eee8e1; background: #121212; text-align: left; line-height: 1.5;">

  <!-- СТАТИЧНЫЙ ВЕРХ (КРАСНЫЙ МРАМОР) -->
  <div style="height: 330px; min-height: 330px; box-sizing: border-box; padding: 15px 25px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; position: relative; border-bottom: 2px solid #720119; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5); background: linear-gradient(180deg, rgba(85, 4, 18, 0.85) 0%, rgba(35, 2, 7, 0.95) 100%), url('https://upforme.ru/uploads/000b/49/16/2/296677.png') center/cover no-repeat;">
   
    <!-- РАМКА ДЛЯ ФОТО 180x113 С АВТОПОДГОНКОЙ -->
    <div style="width: 180px; height: 113px; min-width: 180px; min-height: 113px; border-radius: 4px; padding: 3px; background: linear-gradient(135deg, #debe92 0%, #720119 100%); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.6); margin-bottom: 10px; box-sizing: border-box; flex-shrink: 0;">
      <img src="https://images.unsplash.com/photo-1534528741775-53994a69daeb?auto=format&fit=crop&w=600&q=80" style="width: 100%; height: 100%; object-fit: cover; object-position: center; border-radius: 2px; display: block; margin: 0; padding: 0; border: none;" alt="Portrait">
    </div>

    <!-- ИМЯ ПЕРСОНАЖА ЛАТИНИЦЕЙ -->
    <div style="display: block; font-family: 'Cinzel', 'Georgia', serif; font-size: 24px; font-weight: 900; text-transform: uppercase; letter-spacing: 4px; color: #ffd79a; text-shadow: 0 2px 8px rgba(0, 0, 0, 0.9), 0 0 15px rgba(222, 190, 146, 0.4); margin: 0 0 10px 0; line-height: 1.2;">
      YOUR NAME
    </div>

    <!-- КРАТКИЕ ПАРАМЕТРЫ -->
    <div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 6px 12px; max-width: 680px;">
      <div style="font-size: 11px; letter-spacing: 0.5px; color: #e3d5c8; background: rgba(0, 0, 0, 0.45); padding: 4px 10px; border-radius: 3px; border: 1px solid rgba(222, 190, 146, 0.2);"><b style="color: #debe92; text-transform: uppercase; font-weight: 600; margin-right: 4px;">Внешность:</b> Colin Farrell</div>
      <div style="font-size: 11px; letter-spacing: 0.5px; color: #e3d5c8; background: rgba(0, 0, 0, 0.45); padding: 4px 10px; border-radius: 3px; border: 1px solid rgba(222, 190, 146, 0.2);"><b style="color: #debe92; text-transform: uppercase; font-weight: 600; margin-right: 4px;">Возраст:</b> 34 года</div>
      <div style="font-size: 11px; letter-spacing: 0.5px; color: #e3d5c8; background: rgba(0, 0, 0, 0.45); padding: 4px 10px; border-radius: 3px; border: 1px solid rgba(222, 190, 146, 0.2);"><b style="color: #debe92; text-transform: uppercase; font-weight: 600; margin-right: 4px;">Дата рождения:</b> 14.10.1992</div>
      <div style="font-size: 11px; letter-spacing: 0.5px; color: #e3d5c8; background: rgba(0, 0, 0, 0.45); padding: 4px 10px; border-radius: 3px; border: 1px solid rgba(222, 190, 146, 0.2);"><b style="color: #debe92; text-transform: uppercase; font-weight: 600; margin-right: 4px;">Место рождения:</b> New Orleans, USA</div>
    </div>

  </div>

  <!-- ПРОКРУЧИВАЕМЫЙ НИЗ (МНОЖАЩИЙСЯ УЗОР) -->
  <div style="flex: 1; overflow-y: auto; box-sizing: border-box; padding: 20px 30px; background-image: url('https://forumstatic.ru/files/0017/95/29/pattern.png'); background-repeat: repeat; background-position: top left; background-color: #141414;">
   
    <!-- ПОДЛОЖКА ПОД ТЕКСТ -->
    <div style="background: rgba(18, 18, 18, 0.88); border: 1px solid rgba(255, 255, 255, 0.06); border-radius: 6px; padding: 20px 25px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);">
     
      <!-- РАЗДЕЛ 1 -->
      <div style="font-family: 'Cinzel', 'Georgia', serif; font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; color: #ffd79a; border-bottom: 1px solid rgba(114, 1, 25, 0.6); padding-bottom: 5px; margin: 0 0 10px 0;">
        I. Общее описание и характер
      </div>
      <div style="font-size: 13px; line-height: 1.7; color: #d1c8c0; margin-bottom: 15px; text-align: justify;">
        Опишите характер персонажа...
      </div>

      <!-- РАЗДЕЛ 2 -->
      <div style="font-family: 'Cinzel', 'Georgia', serif; font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; color: #ffd79a; border-bottom: 1px solid rgba(114, 1, 25, 0.6); padding-bottom: 5px; margin: 15px 0 10px 0;">
        II. Биография и прошлое
      </div>
      <div style="font-size: 13px; line-height: 1.7; color: #d1c8c0; margin-bottom: 15px; text-align: justify;">
        История и биография персонажа...
      </div>

      <!-- РАЗДЕЛ 3 -->
      <div style="font-family: 'Cinzel', 'Georgia', serif; font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; color: #ffd79a; border-bottom: 1px solid rgba(114, 1, 25, 0.6); padding-bottom: 5px; margin: 15px 0 10px 0;">
        III. Способности и инвентарь
      </div>
      <div style="font-size: 13px; line-height: 1.7; color: #d1c8c0; margin-bottom: 15px; text-align: justify;">
        Навыки, магия, экипировка...
      </div>

      <!-- РАЗДЕЛ 4 -->
      <div style="font-family: 'Cinzel', 'Georgia', serif; font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; color: #ffd79a; border-bottom: 1px solid rgba(114, 1, 25, 0.6); padding-bottom: 5px; margin: 15px 0 10px 0;">
        IV. Связь с игроком
      </div>
      <div style="font-size: 13px; line-height: 1.7; color: #d1c8c0; margin-bottom: 5px; text-align: justify;">
        Telegram / Discord / VK
      </div>

    </div>

  </div>

</div>
<!-- ================= /АНКЕТА ПЕРСОНАЖА ================= -->
[/html]

0

23

[html][анкета]
[фото]https://images.unsplash.com/photo-1534528741775-53994a69daeb?auto=format&fit=crop&w=600&q=80[/фото]
[имя]LUCAS MORGENTHAL[/имя]
[внешность]Colin Farrell[/внешность]
[возраст]34 года[/возраст]
[дата]14.10.1992[/дата]
[место]New Orleans, USA[/место]

[характер]
Опишите здесь характер вашего персонажа...
[/характер]

[биография]
Здесь пишется история и прошлое персонажа...
[/биография]

[способности]
Навыки, магия, инвентарь или экипировка...
[/способности]

[связь]
Telegram: @username / Discord / VK
[/связь]
[/анкета][/html]

0

24

[html]
<!-- ================= ТЕХНИЧЕСКАЯ ЧАСТЬ (НЕ ТРОГАТЬ) ================= -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Cinzel:wght@600;700;900&family=Montserrat:wght@300;400;500;600&display=swap" rel="stylesheet">
<style>
  .char-app-container { width: 750px !important; height: 800px !important; margin: 20px auto !important; display: flex !important; flex-direction: column !important; box-sizing: border-box !important; border-radius: 8px !important; overflow: hidden !important; box-shadow: 0 10px 30px rgba(0,0,0,0.7), 0 0 0 1px rgba(222,190,146,0.2) !important; font-family: 'Montserrat', Arial, sans-serif !important; color: #eee8e1 !important; background: #121212 !important; text-align: left !important; line-height: 1.5 !important; }
  .char-app-header { height: 330px !important; min-height: 330px !important; box-sizing: border-box !important; padding: 15px 25px 15px !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; text-align: center !important; position: relative !important; z-index: 5 !important; border-bottom: 2px solid #720119 !important; box-shadow: 0 4px 15px rgba(0,0,0,0.5) !important; background: linear-gradient(180deg, rgba(85,4,18,0.85) 0%, rgba(35,2,7,0.95) 100%), url('https://upforme.ru/uploads/000b/49/16/2/296677.png') center/cover no-repeat !important; }
  .char-app-avatar-box { width: 180px !important; height: 113px !important; border-radius: 4px !important; padding: 3px !important; background: linear-gradient(135deg, #debe92 0%, #720119 100%) !important; box-shadow: 0 4px 12px rgba(0,0,0,0.6) !important; margin-bottom: 10px !important; flex-shrink: 0 !important; box-sizing: border-box !important; }
  .char-app-avatar { width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center !important; border-radius: 2px !important; display: block !important; margin: 0 !important; padding: 0 !important; }
  .char-app-name { display: block !important; visibility: visible !important; opacity: 1 !important; font-family: 'Cinzel', 'Georgia', serif !important; font-size: 24px !important; font-weight: 900 !important; text-transform: uppercase !important; letter-spacing: 4px !important; color: #ffd79a !important; text-shadow: 0 2px 8px rgba(0,0,0,0.9), 0 0 15px rgba(222,190,146,0.4) !important; margin: 0 0 10px 0 !important; padding: 0 !important; line-height: 1.2 !important; }
  .char-app-meta-grid { display: flex !important; flex-wrap: wrap !important; justify-content: center !important; gap: 6px 12px !important; max-width: 680px !important; }
  .char-meta-item { font-size: 11px !important; letter-spacing: 0.5px !important; color: #e3d5c8 !important; background: rgba(0,0,0,0.45) !important; padding: 4px 10px !important; border-radius: 3px !important; border: 1px solid rgba(222,190,146,0.2) !important; }
  .char-meta-item b { color: #debe92 !important; text-transform: uppercase !important; font-weight: 600 !important; margin-right: 4px !important; }
  .char-app-body { flex: 1 !important; overflow-y: auto !important; box-sizing: border-box !important; padding: 20px 30px !important; position: relative !important; background-image: url('https://forumstatic.ru/files/0017/95/29/pattern.png') !important; background-repeat: repeat !important; background-position: top left !important; background-color: #141414 !important; }
  .char-app-content-card { background: rgba(18,18,18,0.88) !important; backdrop-filter: blur(2px) !important; border: 1px solid rgba(255,255,255,0.06) !important; border-radius: 6px !important; padding: 20px 25px !important; box-shadow: 0 4px 20px rgba(0,0,0,0.4) !important; }
  .char-section-title { font-family: 'Cinzel', serif !important; font-size: 14px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 2px !important; color: #ffd79a !important; border-bottom: 1px solid rgba(114,1,25,0.6) !important; padding-bottom: 5px !important; margin: 15px 0 10px 0 !important; }
  .char-section-title:first-child { margin-top: 0 !important; }
  .char-app-content-card p { font-size: 13px !important; line-height: 1.7 !important; color: #d1c8c0 !important; margin: 0 0 12px 0 !important; text-align: justify !important; }
  .char-app-body::-webkit-scrollbar { width: 6px !important; }
  .char-app-body::-webkit-scrollbar-track { background: rgba(0,0,0,0.3) !important; }
  .char-app-body::-webkit-scrollbar-thumb { background: #720119 !important; border-radius: 3px !important; }
</style>

<!-- ================= ЗАПОЛНЯТЬ ТОЛЬКО ЗДЕСЬ ================= -->
<div class="char-app-container">
 
  <div class="char-app-header">
   
    <!-- 1. Фото персонажа (автоматически ужмется под 180x113) -->
    <div class="char-app-avatar-box">
      <img src="https://images.unsplash.com/photo-1534528741775-53994a69daeb?auto=format&fit=crop&w=600&q=80" class="char-app-avatar" alt="Character Portrait">
    </div>

    <!-- 2. Имя, Фамилия персонажа, титул (если имеется). -->
    <div class="char-app-name">your name</div>

    <!-- 3. Параметры персонажа -->
    <div class="char-app-meta-grid">
      <div class="char-meta-item"><b>Возраст:</b> Возраст на момент вступления в игру (полных лет), дата рождения (формат ДД/ММ/ГГГГ)</div>
      <div class="char-meta-item"><b>Род занятий, социальный статус.:</b> ваш ответ</div>
      <div class="char-meta-item"><b>Место рождения:</b> New Orleans, USA</div>
    </div>

  </div>

  <div class="char-app-body">
    <div class="char-app-content-card">
     
      <!-- 4. Описание персонажа -->
      <div class="char-section-title">I. Внешность</div>
      <p>
        Описание внешности + имя актера на аватаре(можно кратко, обратите внимания на какие-то личные особенности - видимые родинки, шрамы и тд)
      </p>

      <!-- 5. Биография -->
      <div class="char-section-title">II. Биография и характер</div>
      <p>
        Краткая биография и характер (привычки, особые манеры, и прочее)
      </p>

      <!-- 7. Связь -->
      <div class="char-section-title">IV. Связь с игроком</div>
      <p>
        (макс, тг - можно в личку админам), и откуда о нас узнали
      </p>

    </div>
  </div>

</div>
[/html]

0

25

[html]
<!-- НЕ ТРОГАТЬ (ТЕХНИЧЕСКИЙ БЛОК) -->
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@700&family=Cinzel:wght@700&family=IM+Fell+English+SC&family=Montserrat:wght@400;600&display=swap"><style>.char-app-container{width:750px!important;height:850px!important;margin:20px auto!important;display:flex!important;flex-direction:column!important;box-sizing:border-box!important;border-radius:8px!important;overflow:hidden!important;box-shadow:0 12px 35px rgba(0,0,0,.75),0 0 0 1px rgba(222,190,146,.2)!important;font-family:'Montserrat',Arial,sans-serif!important;color:#eee8e1!important;background:#121212!important;text-align:left!important;line-height:1.5!important}.char-app-header{height:400px!important;min-height:400px!important;box-sizing:border-box!important;padding:20px 25px 15px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;position:relative!important;z-index:5!important;border-bottom:2px solid #720119!important;box-shadow:0 4px 15px rgba(0,0,0,.5)!important;background:linear-gradient(180deg,rgba(85,4,18,.85) 0%,rgba(35,2,7,.95) 100%),url('https://upforme.ru/uploads/000b/49/16/2/296677.png') center/cover no-repeat!important}.char-app-avatar-box{width:180px!important;height:180px!important;min-width:180px!important;min-height:180px!important;border-radius:4px!important;padding:3px!important;background:linear-gradient(135deg,#debe92 0%,#720119 100%)!important;box-shadow:0 6px 16px rgba(0,0,0,.6)!important;margin-bottom:12px!important;flex-shrink:0!important;box-sizing:border-box!important}.char-app-avatar{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;border-radius:2px!important;display:block!important;margin:0!important;padding:0!important}.char-app-name{display:block!important;visibility:visible!important;opacity:1!important;font-family:'Book Antiqua','Cinzel Decorative',Georgia,serif!important;font-size:26px!important;font-weight:400!important;text-transform:uppercase!important;letter-spacing:3px!important;color:#ffd79a!important;text-shadow:0 2px 8px rgba(0,0,0,.9),0 0 15px rgba(222,190,146,.4)!important;margin:0 0 10px 0!important;padding:0!important;line-height:1.1!important}.char-app-meta-grid{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:6px 10px!important;max-width:700px!important}.char-meta-item{font-size:11px!important;letter-spacing:.4px!important;color:#e3d5c8!important;background:rgba(0,0,0,.45)!important;padding:4px 10px!important;border-radius:3px!important;border:1px solid rgba(222,190,146,.2)!important;line-height:1.4!important}.char-meta-item b{color:#debe92!important;text-transform:uppercase!important;font-weight:600!important;margin-right:4px!important}.char-app-body{flex:1!important;overflow-y:auto!important;box-sizing:border-box!important;padding:20px 30px!important;position:relative!important;background-image:url('https://forumstatic.ru/files/0017/95/29/pattern.png')!important;background-repeat:repeat!important;background-position:top left!important;background-color:#141414!important}.char-app-content-card{background:rgba(18,18,18,.88)!important;backdrop-filter:blur(2px)!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:6px!important;padding:20px 25px!important;box-shadow:0 4px 20px rgba(0,0,0,.4)!important}.char-section-title{font-family:'Cinzel',Georgia,serif!important;font-size:14px!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:2px!important;color:#ffd79a!important;border-bottom:1px solid rgba(114,1,25,.6)!important;padding-bottom:5px!important;margin:15px 0 10px 0!important}.char-section-title:first-child{margin-top:0!important}.char-app-content-card p{font-size:13px!important;line-height:1.7!important;color:#d1c8c0!important;margin:0 0 12px 0!important;text-align:justify!important}.char-app-body::-webkit-scrollbar{width:6px!important}.char-app-body::-webkit-scrollbar-track{background:rgba(0,0,0,.3)!important}.char-app-body::-webkit-scrollbar-thumb{background:#720119!important;border-radius:3px!important}</style>

<!-- ================= ЗАПОЛНЯТЬ ЗДЕСЬ ================= -->
<div class="char-app-container">
 
  <div class="char-app-header">
   
    <!-- 1. Фото персонажа (180x180, любое фото сожмется автоматически) -->
    <div class="char-app-avatar-box">
      <img src="https://images.unsplash.com/photo-1534528741775-53994a69daeb?auto=format&fit=crop&w=600&q=80" class="char-app-avatar" alt="Character Portrait">
    </div>

    <!-- 2. Имя, Фамилия персонажа, титул -->
    <div class="char-app-name">your name</div>

    <!-- 3. Краткие параметры -->
    <div class="char-app-meta-grid">
      <div class="char-meta-item"><b>Возраст:</b> Возраст на момент вступления в игру (полных лет), дата рождения (формат ДД/ММ/ГГГГ)</div>
      <div class="char-meta-item"><b>Род занятий, социальный статус:</b> ваш ответ</div>
     
    </div>

  </div>

  <div class="char-app-body">
    <div class="char-app-content-card">
     
      <!-- 4. Внешность -->
      <div class="char-section-title">I. Внешность</div>
      <p>
        Описание внешности + имя актера на аватаре (можно кратко, обратите внимание на какие-то личные особенности — видимые родинки, шрамы и т.д.)
      </p>

      <!-- 5. Биография и характер -->
      <div class="char-section-title">II. Биография и характер</div>
      <p>
        Краткая биография и характер (привычки, особые манеры, и прочее)
      </p>

      <!-- 6. Связь -->
      <div class="char-section-title">III. Связь с игроком</div>
      <p>
        (макс, тг — можно в личку админам), и откуда о нас узнали
      </p>

    </div>
  </div>

</div>
[/html]

0

26


https://upforme.ru/uploads/0017/c0/6e/2/692202.jpg
https://upforme.ru/uploads/0017/c0/6e/2/849985.gif     https://upforme.ru/uploads/0017/c0/6e/2/404629.gif

Чего хочет Женщина



Alesta Dowd & Dylan Bear

✖️ 24 декабря 2022 года
✖️ El Tropicano, начало у дома Алесты Дауд

Утро начинается с кофе, а что принесет день... Можно попробовать погадать на кофейной гуще.

0

27

--


your name
Титул: ваш ответ
Возраст / Дата рождения: ваш ответ
Род занятий: ваш ответ

I. ВНЕШНОСТЬ
Имя прототипа/актера на аватаре, описание внешности персонажа, рост, телосложение, а также отличительные приметы (родинки, шрамы, манера одеваться).


II. ХАРАКТЕР И БИОГРАФИЯ
Здесь подробно расписывается жизненный путь персонажа, его ключевые черты личности, привычки, цели, страхи и особенности поведения.


III. СВЯЗЬ С ИГРОКОМ
Telegram / VK / MAX можно в лс администрации
[/size][/color][/align]
[/scroll]

0

28

[html]<div class="anketa"> <div id="info"> <blok> <img src="ссылка на ваше изображение размер 180 х 180"> <span>внешность</span> </blok> <blok> <name>Имя фамилия, титул (если есть)</name> <date><z>Дата рождения: </z>00.00.0000</date> <prof><z>род занятий:</z>ваш ответ</prof>  <owl><z>связь с вами: </z>почта, тг, вк, max</owl> </blok> </div> <div id="bio"> <zag>I. ВНЕШНОСТЬ</zag> <text>Имя прототипа/актера на аватаре, описание внешности персонажа, рост, телосложение, а также отличительные приметы (родинки, шрамы, манера одеваться).</text> </div> 
<div id="bio"> <zag>II. ХАРАКТЕР И БИОГРАФИЯ</zag> <text>Здесь подробно расписывается жизненный путь персонажа, его ключевые черты личности, привычки, цели, страхи и особенности поведения.</text> </div> </div>
[/html]

0

29

Код:
<!----- Смайлы и стикеры by Человек-Шаман ----->
<style>
  /* 1. Скрываем стандартную кнопку смайликов Rusff */
  #button-smile,
  td#button-smile {
    display: none !important;
  }

  /* 2. Позиционирование кнопки стикеров со смещением 1px */
  #button-stickers,
  td#button-stickers,
  [id*="sticker"],
  [id*="sticker"] a,
  [class*="sticker"] {
    position: relative !important;
    vertical-align: middle !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transform: translateY(-1px) !important;
    margin: 0 !important;
    padding: 2px 4px !important;
    box-sizing: border-box !important;
    cursor: pointer !important;
    user-select: none;
    
    /* Жестко глушим любые фоновые картинки (солнышко) */
    background-image: none !important;
  }

  /* Полное удаление псевдоэлементов, если солнышко рисовалось через ::before / ::after */
  #button-stickers::before,
  #button-stickers::after,
  [id*="sticker"]::before,
  [id*="sticker"]::after,
  [class*="sticker"]::before,
  [class*="sticker"]::after {
    content: none !important;
    display: none !important;
  }

  /* 3. Подсветка при наведении строго на высоте 1px */
  #button-stickers:hover,
  td#button-stickers:hover,
  [id*="sticker"]:hover,
  [class*="sticker"]:hover {
    transform: translateY(-1px) !important;
    background-color: rgba(255, 255, 255, 0.1) !important;
    border-radius: 4px !important;
    box-shadow: 0 0 6px rgba(255, 255, 255, 0.2) !important;
  }

  /* 4. Настройки размера вашей картинки смайлика */
  .custom-sticker-icon {
    display: block !important;
    max-height: 20px !important;
    max-width: 22px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    margin: 0 auto !important;
    pointer-events: none !important;
    background: transparent !important;
  }
</style>

<script src="https://forumstatic.ru/files/0017/95/29/40399.js"></script>
<script>
$(document).ready(function() {
  // 1. Инициализация пака смайлов
  hvStickerPack.init("https://forumstatic.ru/files/001c/cc/7a/11220.txt?v=1");

  // 2. Полная очистка кнопки от старого содержимого (солнышка) и вставка только смайлика
  function fixStickerIcon() {
    var $btn = $("#button-stickers, td#button-stickers, [id*='sticker']").filter("td, span, div, a");
    
    $btn.each(function() {
      var $el = $(this);
      
      // Сбрасываем фон
      $el.css({
        "background-image": "none",
        "background": "transparent"
      });

      // Если смайлик ещё не вставлен или внутри осталось солнышко
      if (!$el.find(".custom-sticker-icon").length) {
        // Очищаем всё старое содержимое (svg, иконки, текст)
        $el.empty();
        // Вставляем только вашу картинку
        $el.append('<img src="https://upforme.ru/uploads/000b/49/16/2/265590.png" class="custom-sticker-icon" alt="Смайлы" title="Смайлы и стикеры">');
      } else {
        // Удаляем любых соседей смайлика, если скрипт пытается их дорисовать
        $el.children().not(".custom-sticker-icon").remove();
      }
    });
  }

  // Запуск проверки для надёжности
  fixStickerIcon();
  var runs = 0;
  var interval = setInterval(function() {
    fixStickerIcon();
    runs++;
    if (runs > 15) clearInterval(interval);
  }, 100);
});
</script>
<!----- /Конец ----->

0

30

/* =================================================================== */
/*        СТИЛИ ДЛЯ ТЕМ ВНУТРИ ФОРУМА (КАК КАТЕГОРИИ)              */
/* =================================================================== */

/* 1. Настраиваем таблицу: разделяем строки и добавляем отступы между ними */
#pun-viewforum .main table {
    border-collapse: separate; /* Это свойство обязательно для border-spacing */
    border-spacing: 0 10px;  /* 0 отступ по горизонтали, 10px по вертикали */
    border: none;            /* Убираем стандартную рамку вокруг всей таблицы */
}

/* 2. Скрываем стандартный заголовок таблицы (<thead>) */
#pun-viewforum .main table thead {
    display: none;
}

#pun-admain fieldset .handle, #pun-admain fieldset p {  background-color: transparent!important; }

/* Скрывает и «Быстрый ответ», и «Напишите ваше сообщение...» */
#post h2,
#post-form h2,
#post legend,
#post-form legend {
  display: none !important;
}

0

Быстрый ответ

Напишите ваше сообщение и нажмите «Отправить»



Вы здесь » тест » название подфорума » новая тема новая тема новая тема новая тема новая тема новая тема нова


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