те, что поставлены на учет представителями ОПТУиУ
[html]
<style>
#memberdirectory {
width: 700px;
background: #dbdbdb;
height: auto;
position: relative;
margin: 20px auto;
border: 1px solid #0394ff;
outline: 1px solid #0394ff;
outline-offset: 10px;
font-family: arial;
color: #1c1d22;
line-height: 170%;
font-size: 11px;
}
#memberdirectory maintitle {
position: relative;
display:блок;
высота: 60px;
граница-дно: 1px solid #1c1d22;
переполнение: скрыто;
семейство шрифтов: arial, playfair display;
font-weight: 800;
text-align: center;
color: #1c1d22;
text-transform: uppercase;
line-height: 230%;
font-size: 40px;
}
#memberdirectory text {
font-family: arial, roboto;
padding: 30px;
display: block;
color: #1c1d22;
text-align: justify;
font-size: 11px;
line-height: 150%;
}
#memberdirectory subtitle {
position: relative;
display: block;
height: 20px;
border-bottom: 1px solid #ccc;
overflow: hidden;
font-family: arial, playfair display;
font-weight:800;
text-align: left;
color: #1c1d22;
text-transform: uppercase;
line-height: 130%;
font-size: 20px;
}
#memberdirectory membertitle {
позиция: относительная;
дисплей: блок;
высота: 60px;
border-bottom: 1px solid #1c1d22;
overflow: hidden;
font-family: arial, playfair display;
font-weight: 800;
text-align: center;
color: #1c1d22;
text-transform: uppercase;
line-height: 200%;
font-size: 45px;
}
#memberdirectory info {
font-family: arial, roboto;
text-align: center;
display: block;
position: absolute;
top: 0px;
font-size: 11px;
width: 700px;
color: #1c1d22;
line-height: 1000%;
}
#memberdirectory memberblock {
display: block;
padding: 20px 20px 30px;
border-bottom: 1px solid #bcbcbc
}
.characterblock {
display: block;
height: 30px;
width: 550px;
border-bottom: 1px solid#1c1d22;
margin: 5px 0px;
position: relative;
overflow: hidden;
}
#memberdirectory icon {
height: 30px;
width: 30px;
float: right;
border: 1px solid #0394ff;
background-size: cover;
position: relative;
top: 0px;
right: 0px;
}
#memberdirectory chartext {
text-align: left;
float: left;
color: #1c1d22;
text-transform: uppercase;
display: block;
top: 3px;
position: relative;
}
.charname {
display: block;
font-family: arial, playfair display;
color: #1c1d22;
font-size: 20px;
position: absolute;
text-align: right;
width: 425px;
text-transform: uppercase;
font-weight: 700;
top:14px;
}
.membergroup1 .charname {
color: #1c1d22;
}
.membergroup1 .characterblock {
border-bottom: 1px solid #0394ff;
}
.membergroup2 .charname {
color: #363635;
}
.membergroup2 .characterblock {
border-bottom: 1px solid #0394ff;
}
.membergroup3 .charname {
color: #363635;
}
.membergroup3 .characterblock {
border-bottom: 1px solid #0394ff;
}
</style>
<div id="memberdirectory">
<maintitle>
</maintitle>
<info></info>
</membertitle>
<memberblock>
<div class="membergroup1" > <a href="http://konohovo.rusff.me/profile.php?id=26"><div class="characterblock">
<div class="charname">БЕЛЫЙ МИТЯЙ</div>
<chartext>НАМИКАЗЕ МИНАТО - 25 - КУРЬЕР-АНАЛИТИК</chartext>
<icon style="background-image: url(https://p.favim.com/orig/2019/03/26/nar … 004758.jpg)"></icon>
</div></a>
<div class="membergroup1" > <a href="http://konohovo.rusff.me/profile.php?id=57"><div class="characterblock">
<div class="charname">ВЕРТУН НАТОЧКА</div>
<chartext>НАГАТО - 22 - ВЕБКАМ, ФОТО, «РАССВЕТ»</chartext>
<icon style="background-image: url(http://forumupload.ru/uploads/001b/ae/fb/57/253979.jpg)"></icon>
</div></a>
<div class="membergroup1" > <a href="http://konohovo.rusff.me/profile.php?id=3"><div class="characterblock">
<div class="charname">ВИХРЕВА КАРОЛИНА</div>
<chartext>УЗУМАКИ КАРИН - 19 - ВЕБКАМ, СТУДЕНТКА</chartext>
<icon style="background-image: url(https://i.pinimg.com/originals/b5/5b/ac … 9bdc0f.jpg)"></icon>
</div></a>
<div class="membergroup1" > <a href="http://konohovo.rusff.me/profile.php?id=54"><div class="characterblock">
<div class="charname">ВИХРЕВ НИКИТА</div>
<chartext>УЗУМАКИ НАРУТО - 19 - СТУДЕНТ ШАРАГИ</chartext>
<icon style="background-image: url(https://sun9-38.userapi.com/impg/ANXdd_ … type=album)"></icon>
</div></a>
<div class="membergroup1" > <a href="http://konohovo.rusff.me/profile.php?id=74"><div class="characterblock">
<div class="charname">вишневская сандра</div>
<chartext>харуно сакура - 19 - студентка мед.института</chartext>
<icon style="background-image: url(https://64.media.tumblr.com/1d0675c14b6 … ed826c.jpg)"></icon>
</div></a>
<div class="membergroup1" > <a href="http://konohovo.rusff.me/profile.php?id=33"><div class="characterblock">
<div class="charname">ГЛИНКА ДАНИИЛ</div>
<chartext>ДЕЙДАРА - 22 - НАРКОДИЛЕР / НАРКОМАН СО СТАЖЕМ / «РАССВЕТ»</chartext>
<icon style="background-image: url(https://i.postimg.cc/7PVHg2sJ/5c3c9f48c … ab1593.jpg)"></icon>
</div></a>
<div class="membergroup1" > <a href="http://konohovo.rusff.me/profile.php?id=12"><div class="characterblock">
<div class="charname">ДОЖДЕВАЯ АНГЕЛИНА</div>
<chartext>КОНАН - 32 - МЕНЕДЖЕР ПО ЛОГИСТИКЕ</chartext>
<icon style="background-image: url(https://i.pinimg.com/550x/f4/af/ee/f4af … 568b74.jpg)"></icon>
</div></a>
<div class="membergroup1" > <a href="http://konohovo.rusff.me/profile.php?id=10"><div class="characterblock">
<div class="charname">ЗВУЧЕНКО ТАНЯ</div>
<chartext>ТАЮЯ - 23 - СОТРУДНИК «БОЛОТО»</chartext>
<icon style="background-image: url(http://forumupload.ru/uploads/001b/ae/fb/10/571022.png)"></icon>
</div></a></div >
<div class="membergroup1" > <a href="http://konohovo.rusff.me/profile.php?id=11"><div class="characterblock">
<div class="charname">ЗМЕЙКА МИРОН</div>
<chartext>МИЦУКИ - 17 - ЧЛЕН «БОЛОТА»</chartext>
<icon style="background-image: url(http://forumupload.ru/uploads/001b/ae/fb/11/977792.jpg)"></icon>
</div></a>
<div class="membergroup1" > <a href="http://konohovo.rusff.me/profile.php?id=30"><div class="characterblock">
<div class="charname">КАРАТАЕВ АРТЁМ</div>
<chartext>КАРАТАЧИ ЯГУРА - 17 - ШКОЛЬНИК, ЧИНИТ ТЕХНИКУ</chartext>
<icon style="background-image: url(http://forumavatars.ru/img/avatars/001b … 493804.jpg)"></icon>
</div></a>
<div class="membergroup1" > <a href="http://konohovo.rusff.me/profile.php?id=70"><div class="characterblock">
<div class="charname">корнилов саша</div>
<chartext>Сай - 21 - Хакер</chartext>
<icon style="background-image: url(http://forumupload.ru/uploads/001b/ae/fb/70/206294.jpg)"></icon>
</div></a>
<div class="membergroup1" > <a href="http://konohovo.rusff.me/profile.php?id=14"><div class="characterblock">
<div class="charname">краснов сергей</div>
<chartext>акасуна но сасори - 35 - иждивенец/коллекционер/«рассвет»</chartext>
<icon style="background-image: url(https://i.postimg.cc/13HktVt9/7-1645119959.jpg)"></icon>
</div></a>
<div class="membergroup1" > <a href="http://konohovo.rusff.me/profile.php?id=4"><div class="characterblock">
<div class="charname">ОБИДОВ ТИХОН</div>
<chartext>ОБИТО УТИХА - 28 - ЛИДЕР «РАССВЕТА» / ОПЕР В УГРО МВД</chartext>
<icon style="background-image: url(https://i.pinimg.com/564x/e8/a8/eb/e8a8 … 27143b.jpg)"></icon>
</div></a>
<div class="membergroup1" > <a href="http://konohovo.rusff.me/profile.php?id=15"><div class="characterblock">
<div class="charname">ПЕРЧУК КРИСТИНА</div>
<chartext>УЗУМАКИ КУШИНА - 25 - ОБОРОТЕНЬ / ПОВАР-ДИРЕКТОР ЛАПШИЧНОЙ-ДОСТАВКИ / ЧЛЕН ОПТУИУ</chartext>
<icon style="background-image: url(https://i.yapx.ru/TSGQ5.jpg)"></icon>
</div></a>
<div class="membergroup1" > <a href="http://konohovo.rusff.me/profile.php?id=53"><div class="characterblock">
<div class="charname">СОБАКЕВИЧ ГАРИК</div>
<chartext>ГААРА - 19 - МУЗЫКАНТ</chartext>
<icon style="background-image: url(https://i.ibb.co/znFq6yk/1646396626-7-a … ona-15.jpg)"></icon>
</div></a>
<div class="membergroup1" > <a href="http://konohovo.rusff.me/profile.php?id=42"><div class="characterblock">
<div class="charname">СОБАКЕВИЧ КАНТЕМИР</div>
<chartext>КАНКУРО - 20 - РЕСТОВРАТОР, АНИМАТОР</chartext>
<icon style="background-image: url(https://a.wattpad.com/useravatar/Sabaku … 536524.jpg)"></icon>
</div></a>
<div class="membergroup1" > <a href="https://konohovo.rusff.me/profile.php?id=41"><div class="characterblock">
<div class="charname">СОБАКЕВИЧ ТАМАРА</div>
<chartext>темари - 21 - студентка психфака</chartext>
<icon style="background-image: url(https://i.imgur.com/YSIZYKg.jpeg)"></icon>
</div></a>
<div class="membergroup1" > <a href="http://konohovo.rusff.me/viewtopic.php?id=202"><div class="characterblock">
<div class="charname">тихов тати</div>
<chartext>утиха итати - 25 - Семейный психолог / Вербовщик "Рассвета"</chartext>
<icon style="background-image: url(http://forumupload.ru/uploads/001b/ae/fb/56/t570794.png)"></icon>
</div></a>
<div class="membergroup1" > <a href="https://konohovo.rusff.me/profile.php?id=58"><div class="characterblock">
<div class="charname">УТЕХОВ СТАС</div>
<chartext>САСКЕ - 25 - безработный/на принудительных работах</chartext>
<icon style="background-image: https://i.imgur.com/jlJKkNc.jpg"></icon>
</div></a>
<div class="membergroup1" > <a href="http://konohovo.rusff.me/profile.php?id=17"><div class="characterblock">
<div class="charname">ФАКИНА ФУНАНЬЯ</div>
<chartext>ФУУ - 21 - СТУДЕНТКА</chartext>
<icon style="background-image: url(http://forumupload.ru/uploads/001b/ae/fb/17/88571.jpg)"></icon>
</div></a>
<div class="membergroup1" > <a href="http://konohovo.rusff.me/profile.php?id=5"><div class="characterblock">
<div class="charname">хаташевский казимир</div>
<chartext>хатаке какаши - 28 - препод / зам.ком. «корня»</chartext>
<icon style="background-image: url(https://sun9-28.userapi.com/impg/BC-gtU … type=album)"></icon>
</div></a>
<div class="membergroup1" > <a href="https://konohovo.rusff.me/profile.php?id=35"><div class="characterblock">
<div class="charname">ХЬЮБИДАЕВА ХАНИЯ</div>
<chartext>хината хьюга - 19 - студентка-косметолог</chartext>
<icon style="background-image: url(https://forumupload.ru/uploads/001b/ae/fb/35/832718.jpg)"></icon>
</div></a>
<div class="membergroup1" > <a href="http://konohovo.rusff.me/profile.php?id=73"><div class="characterblock">
<div class="charname">ЩУКИНА ПОЛИНА</div>
<chartext>ПАКУРА - 20 - СТУДЕНТКА ИКОНОПИСИ</chartext>
<icon style="background-image: url(https://i.ibb.co/C60RBdc/image.png)"></icon>
</div></a>
<div class="membergroup1" > <a href="http://konohovo.rusff.me/profile.php?id=6"><div class="characterblock">
<div class="charname">ЮГОВА НИНА</div>
<chartext>НИИ ЮГИТО - 24 - ОБОРОТЕНЬ / КАЛЬЯНЩИЦА В «ОБЛАКЕ»</chartext>
<icon style="background-image: url(https://i.postimg.cc/MT5PGb4j/3005bea3c … 1af1-1.png)"></icon>
</div></a>
<div class="membergroup1" > <a href="http://konohovo.rusff.me/profile.php?id=38"><div class="characterblock">
<div class="charname">ЯМАНАЛА ИННА</div>
<chartext>ЯМАНАКА ИНО - 20 - СТУДЕНТКА-ЭСКОРТНИЦА</chartext>
<icon style="background-image: url(https://i.yapx.ru/TiEPG.jpg)"></icon>
</div></a>
</memberblock>
</div><center><a href="http://wecode.jcink.net/index.php?showuser=4933" style="color:#dad2cf;font-size:7px;letter-spacing:5px;">МОНТИ</a></center>
[/html]
Заполняем по форме, оборачиваем в код:
<div class="membergroup1" > <a href="СЮДА ССЫЛКУ НА ПРОФИЛЬ"><div class="characterblock"> <div class="charname">ФАМИЛИЯ И ИМЯ</div> <chartext>[size=8]ИМЯ В КАНОНЕ - ВОЗРАСТ - РОД ДЕЯТЕЛЬНОСТИ[/size]</chartext> <icon style="background-image: url(КАРТИНКА ВАШЕГО ПЕРСОНАЖА ССЫЛКОЙ)"></icon> </div></a>
