НАГЛЯДНЫЙ ПРИМЕР АНКЕТЫ
[html]<link href="https://forumstatic.ru/files/001b/ea/cf/12902.css" rel="stylesheet"><!-- COULEURS PERSONNALISABLES --><div class="THROW" style="margin: auto; background-image: linear-gradient(180deg, #030403d6 55%, transparent);"> <div class="FRM">
<!-- ФИО И ПРОЗВИЩЕ -->
<div class="tleFRM" style=""><p>Фамилия Имя</p>
<span style="border-color: #e5c485; color: #baf0b7bf; font-size: 62px; font-family: 'StreetbrushW01' !important;">Прозвище</span></div>
<!-- ВНЕШНИЕ ПРИЗНАКИ -->
<div class="topPOK"><img src="https://forumstatic.ru/files/001b/ea/cf/42726.png" />
<div>
<div class="rpVOID" style="color:white;">
<span style="background-image: linear-gradient(90deg, #5feac8c7, transparent); color: white;">Внешние данные...</span>
<!-- ПРОИСХОЖДЕНИЕ --><div><b style="font-size:12px; color: #96cea6;font-family: DS Diploma;text-combine-upright: all;left: -16px;position: relative;font-weight: inherit;">Происхождение</b> ....</div>
<!-- РОСТ --><div><b style="font-size:11px; color: #96cea6;font-family: DS Diploma;text-combine-upright: all;left: -16px;position: relative;font-weight: inherit;">Рост</b> ... см</div>
<!-- КОЖА --><div><b style="font-size:12px; color: #96cea6;font-family: DS Diploma;text-combine-upright: all;left: -16px;position: relative;font-weight: inherit;">Цвет кожи</b> ....</div>
<!-- ВОЛОСЫ --><div style="padding-left: 41px;"><b style="font-size:11px; color: #96cea6;font-family: DS Diploma;text-combine-upright: all;left: -18px;position: relative;font-weight: inherit;">Цвет волос</b> ....</div>
<!-- ГЛАЗА--><div style="padding-left: 68px;"><b style="font-size:11px; color: #96cea6;font-family: DS Diploma;text-combine-upright: all;left: -20px;position: relative;font-weight: inherit;">Цвет глаз</b> ....</div>
<!-- ПРИМЕТЫ--><div style="padding-left: 116px;"><b style="font-size:12px; color: #96cea6;font-family: DS Diploma;text-combine-upright: all;left: -32px;position: relative;font-weight: inherit;">Особые приметы</b> ....</div>
</div>
<div class="abtION"><div style="display: flex; position: relative; flex-wrap: wrap; flex-direction: row-reverse; justify-content: flex-start; align-items: flex-end;"></br><div class="iLION"><div class="triLION">
<!-- ПОЛ ⚧(трансгендер) / ♀ / ♂ --><div style="border-color: #89c386; color: #1f251c; font-size: 40px; background-image: radial-gradient(#c1f9be, #c1f9bea6, #c1f9be5c, #1a2314b8, #04040375, #1f251c00); font-weight: 600;"><abbr style="cursor: pointer;" title="Женский пол">♀</abbr></div>
<!-- ВОЗРАСТ --><div class="ageION" style="border-color:#b5ab70;">
<span style="background: #1f251c; font-family: 'DS Diploma'; cursor: pointer; font-size: 13px; color: #b5ab70; border: 1px solid #b5ab70; padding: 29px 0 0;"><b style="font-size: 16px; text-decoration-line: underline;">29 лет</b><br />выглядит на 20</span></div>
<!-- ОРИЕНТАЦИЯ ⚤ / ⚢ / ⚣ / (транссексуальная)⚦ --><div style="border-color: #89c386; color: #1f251c; font-size: 40px; background-image: radial-gradient(#c1f9be, #c1f9bea6, #c1f9be5c, #1a2314b8, #04040375, #1f251c00); font-weight: 600;"><abbr style="cursor: pointer;" title="Гетеросексуальная">⚤</abbr></div></div>
</div></div>
</div></div></div>
<div class="KAM"><!-- ONGLET CONTEXTE & LIENS --><input type="radio" name="KAM" id="OKAM1" checked ><label for="OKAM1" style=" "><p style="
position: relative;
right: 31px;
">О персонаже</p></label>
<!-- ONGLET BOUTONS PARTENARIAT --><input type="radio" name="KAM" id="OKAM2"><label for="OKAM2" style=" "><p>О навыках</p></label>
<!-- BLOC CONTEXTE & LIENS --><div id="contentKAM2" class="contentKAM" style="border: 1px solid #c1f9be;
border-bottom-left-radius: 70px;
border-bottom-right-radius: 70px;
border-bottom: none !important;
background-image: linear-gradient(180deg, #0e0d07, #0b2f1bbf, #8fff894f, transparent);">
<!-- КЛАССЫ -->
<div style="top: 40px; position: relative; display: flex; justify-content: space-around;">
<!-- БОЕЦ -->
<div class="linkDUBL">
<div class="persoDUBL">
<span style="color:#85cea6 !important; margin-left: 7px;">Боец III уровня</a></span><img src="https://forumstatic.ru/files/001b/ea/cf/42834.png" />
<!-- ОСОБЫЕ НАВЫКИ БОЙЦА --><p style="text-align: center; color: #c5bb80; font-size: 10px;"><b style="font-weight: 100 !important; color: #e5c485; font-variant: all-petite-caps; font-weight: bolder; font-size: 20px; font-family: 'DS Diploma'; top: -12px; position: relative;">Особые навыки</b> <br />
....<br />....<br />....
</p>
</div></div>
<!-- МЕДИК -->
<div class="linkDUBL">
<div class="persoDUBL">
<span style="color:#85cea6 !important; margin-left: 7px;">Медик II уровня</a></span><img src="https://forumstatic.ru/files/001b/ea/cf/81093.png" />
<!-- ОСОБЫЕ НАВЫКИ БОЙЦА --><p style="text-align: center; color: #c5bb80; font-size: 10px;"><b style="font-weight: 100 !important; color: #e5c485; font-variant: all-petite-caps; font-weight: bolder; font-size: 20px; font-family: 'DS Diploma'; top: -12px; position: relative;">Особые навыки</b> <br />
.....<br />....
</p>
</div></div>
<!-- УЧЕНЫЙ -->
<div class="linkDUBL">
<div class="persoDUBL">
<span style="color:#85cea6 !important; margin-left: 7px;">Ученый I уровня</a></span><img src="https://forumstatic.ru/files/001b/ea/cf/38403.png" />
<!-- ОСОБЫЕ НАВЫКИ БОЙЦА --><p style="text-align: center; color: #c5bb80; font-size: 10px;"><b style=" font-weight: 100 !important; color: #e5c485; font-variant: all-petite-caps; font-weight: bolder; font-size: 20px; font-family: 'DS Diploma'; top: -12px; position: relative;">Особые навыки</b> <br />
....<br />....
</p>
</div></div>
</div>
<!-- ВНЕКЛАССОВЫЕ НАВЫКИ --><div style="color: #b5ab70;
font-size: 13px;
padding: 12px 7px 15px 19px;
border: 1px solid #e5c485;
margin: 2px -17px 6px;
background: #000000ba;"><b style="font-size:20px; color: #96cea6;font-family: DS Diploma;left: -14px;position: relative;font-weight: inherit;">Внеклассовые навыки</b> .................</div>
</div>
<!-- ОБЩЕЕ --><div id="contentKAM1" class="contentKAM btnKAM" style="border: 1px solid #c1f9be;
padding: 50px 29px 0;
border-bottom-left-radius: 70px;
border-bottom-right-radius: 70px;
border-bottom: none !important;
background-image: linear-gradient(180deg, #0e0d07, #0b2f1bbf, #8fff894f, transparent);">
<!-- ПРОФЕССИЯ --><div style="color: #b5ab70;
font-size: 13px;
padding: 12px 7px 15px 19px;
border: 1px solid #e5c485;
margin: 2px -17px 6px;
background: #000000ba;"><b style="font-size:20px; color: #96cea6;font-family: DS Diploma;left: -14px;position: relative;font-weight: inherit;">Профессия</b> ....</div>
<!-- АНОМАЛИЯ --><p><b style="font-size:20px; color: #96cea6;font-family: DS Diploma;left: -14px;position: relative;font-weight: inherit;margin: 33px 0;">Мутаций нет</b></p>
<!-- ПАРТИЯ --><div style=" font-size: 13px;
border-bottom: 1px dashed;
color: #c1f9be;
margin: 0 0 12px 0;"><b style="font-size:20px; color: #96cea6;font-family: DS Diploma;left: -14px;position: relative;font-weight: inherit;">Партия</b> ....</div>
<!-- РАЙОН --><div style=" font-size: 18px;
border-bottom: 1px dashed;
color: #c1f9be;
margin: 0 0 12px 0;"><b style="font-size:20px; color: #96cea6;font-family: DS Diploma;left: -14px;position: relative;font-weight: inherit;">Район</b> ....</div>
</div>
</div></div>
<!-- TOUTES COULEURS PERSONNALISABLES | IMAGES EN 150*85 MINIMUM - REDIMENSIONNEMENT & RECADRAGE AUTOMATIQUES --><div class="RUP"><div class="blocRUP">
<!-- БИОГРАФИЯ --><div class="lksRUP" tabindex="0">
<!-- КАРТИНКА 1 --><div class="imgRUP" style="border-color:#c1f9be;"><img src="https://forumstatic.ru/files/001b/ea/cf/45157.png" style=" " /></div><div class="abbrRUP" style="color: antiquewhite;">Биография</div>
<!-- ТЕКСТ БИОГРАФИИ --><div class="descRUP" style="text-align-last: left;text-align: justify;text-indent: 50px;border: 1px solid #c1f9be;background-image: linear-gradient(180deg, #050801, #284f28, transparent);color: #e0d58f;padding: 9px 19px 34px 15px;">
биография биография биография биография биография биография биография биография биография биография биография биография биография биография биография биография биография биография биография биография биография биография биография биография биография биография биография биография биография биография биография биография биография биография биография биография биография биография биография биография
</br></br>
биография биография биография биография биография биография биография биография биография биография биография биография биография биография биография биография биография биография биография биография биография биография биография биография биография биография биография биография биография биография биография биография биография биография биография биография биография биография биография
</br>
биография биография биография биография биография биография биография биография биография биография биография биография биография биография биография биография биография биография биография биография биография биография биография биография биография биография биография биография биография биография биография биография биография биография биография биография биография биография биография биография биография биография биография биография биография биография биография биография биография биография биография биография биография биография биография биография биография биография биография биография биография биография биография биография биография биография биография биография биография биография биография биография биография биография биография биография биография
</div></div>
<!-- ВНЕШНОСТЬ --><div class="lksRUP lksMRUP" tabindex="0">
<!-- КАРТИНКА 2 --><div class="imgRUP" style="border-color:#c1f9be;"><img src="https://forumstatic.ru/files/001b/ea/cf/45157.png" /></div>
<div class="abbrRUP" style="color: antiquewhite;">Внешность</div>
<!-- ТЕКСТ ЗАПОЛНЕНИЯ ВНЕШНОСТИ --><div class="descRUP" style="text-align-last: left;text-align: justify;text-indent: 50px;border: 1px solid #c1f9be;background-image: linear-gradient(180deg, #050801, #284f28, transparent);color: #e0d58f; padding: 9px 19px 34px 15px;">
внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность
</br>
внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность
</br></br>
внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность
</br>
внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность внешность
</div></div>
<!-- ХАРАКТЕР --><div class="lksRUP lksRRUP" tabindex="0">
<!-- КАРТИНКА 3 --><div class="imgRUP" style="border-color:#c1f9be; "><img src="https://forumstatic.ru/files/001b/ea/cf/45157.png" style="" /></div><div class="abbrRUP" style="color: antiquewhite;">Характер</div>
<!-- ТЕКСТ ОПИСАНИЯ ХАРАКТЕРА --><div class="descRUP" style="text-align-last: left;text-align: justify;text-indent: 50px;border: 1px solid #c1f9be;background-image: linear-gradient(180deg, #050801, #284f28, transparent);color: #e0d58f;padding: 9px 19px 34px 15px;">
характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер
</br></br>
характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер
</br>
характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер характер
</div></div>
</div></div>
[/html]