[html]
<style>
#memberdirectory {
width: 700px;
background: #dbdbdb;
height: auto;
position: relative;
margin: 20px auto;
border: 1px solid #b0b0b0;
outline: 1px solid #b0b0b0;
outline-offset: 10px;
font-family: arial;
color: #363635;
line-height: 170%;
font-size: 11px;
}
#memberdirectory maintitle {
position: relative;
display:блок;
высота: 60px;
граница-дно: 1px solid #363635;
переполнение: скрыто;
семейство шрифтов: arial, playfair display;
font-weight: 800;
text-align: center;
color: #363635;
text-transform: uppercase;
line-height: 230%;
font-size: 40px;
}
#memberdirectory text {
font-family: arial, roboto;
padding: 30px;
display: block;
color: #363635;
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: #363635;
text-transform: uppercase;
line-height: 130%;
font-size: 20px;
}
#memberdirectory membertitle {
позиция: относительная;
дисплей: блок;
высота: 60px;
border-bottom: 1px solid #363635;
overflow: hidden;
font-family: arial, playfair display;
font-weight: 800;
text-align: center;
color: #363635;
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: #363635;
line-height: 1000%;
}
#memberdirectory memberblock {
display: block;
padding: 20px 20px 30px;
border-bottom: 1px solid #c2b6b2
}
.characterblock {
display: block;
height: 30px;
width: 550px;
border-bottom: 1px solid#363635;
margin: 5px 0px;
position: relative;
overflow: hidden;
}
#memberdirectory icon {
height: 30px;
width: 30px;
float: right;
border: 1px solid #363635;
background-size: cover;
position: relative;
top: 0px;
right: 0px;
}
#memberdirectory chartext {
text-align: left;
float: left;
color: #363635;
text-transform: uppercase;
display: block;
top: 3px;
position: relative;
}
.charname {
display: block;
font-family: arial, playfair display;
color: #363635;
font-size: 20px;
position: absolute;
text-align: right;
width: 425px;
text-transform: uppercase;
font-weight: 700;
top:14px;
}
.membergroup1 .charname {
color: #363635;
}
.membergroup1 .characterblock {
border-bottom: 1px solid #ab9b96;
}
.membergroup2 .charname {
color: #363635;
}
.membergroup2 .characterblock {
border-bottom: 1px solid #ab9b96;
}
.membergroup3 .charname {
color: #363635;
}
.membergroup3 .characterblock {
border-bottom: 1px solid #ab9b96;
}
</style>
<div id="memberdirectory">
<maintitle>
</maintitle>
<info></info>
</membertitle>
<memberblock>
<div class="membergroup1" > <a href="https://narutoedw.rusff.me/profile.php?id=2"><div class="characterblock">
<div class="charname">Учиха Саске</div>
<chartext>21 - зараженный - каннибалы </chartext>
<icon style="background-image: url(https://i.postimg.cc/jj11Tgpn/bcf3de57d … 802222.jpg)"></icon>
</div></a></div >
<div class="membergroup1" > <a href="https://narutoedw.rusff.me/profile.php?id=10"><div class="characterblock">
<div class="charname">Темари Кимура</div>
<chartext>24 - носитель - клан Нара </chartext>
<icon style="background-image: url(https://forumavatars.ru/img/avatars/001 … 447933.jpg)"></icon>
</div></a></div >
<div class="membergroup1" > <a href="https://narutoedw.rusff.me/profile.php?id=11"><div class="characterblock">
<div class="charname">Хатаке Какаши</div>
<chartext>32 - чистый - нет</chartext>
<icon style="background-image: url(https://i.yapx.ru/Rk3aO.png)"></icon>
</div></a></div >
<div class="membergroup1" > <a href="https://narutoedw.rusff.me/profile.php?id=7"><div class="characterblock">
<div class="charname">Тен Тен</div>
<chartext>27 - носитель - нет </chartext>
<icon style="background-image: url(https://forumupload.ru/uploads/001b/92/8e/2/999716.jpg)"></icon>
</div></a></div >
<div class="membergroup1" > <a href="https://narutoedw.rusff.me/profile.php?id=23"><div class="characterblock">
<div class="charname">Акасуна но Сасори</div>
<chartext>35 - зараженный - акацуки </chartext>
<icon style="background-image: url(https://i.postimg.cc/4yHbxDQF/3550060d4 … c6820b.jpg)"></icon>
</div></a></div >
<div class="membergroup1" > <a href="https://narutoedw.rusff.me/profile.php?id=24"><div class="characterblock">
<div class="charname">Киба Инузука</div>
<chartext>21 - чистый - нет </chartext>
<icon style="background-image: url(https://forumupload.ru/uploads/001b/92/8e/2/725708.jpg)"></icon>
</div></a></div >
<div class="membergroup1" > <a href="https://narutoedw.rusff.me/profile.php?id=25"><div class="characterblock">
<div class="charname">ТАЮЯ</div>
<chartext>24 - носитель - Орочимару</chartext>
<icon style="background-image: url(https://forumupload.ru/uploads/001b/92/8e/25/408692.png)"></icon>
</div></a></div >
<div class="membergroup1" > <a href="https://narutoedw.rusff.me/profile.php?id=27"><div class="characterblock">
<div class="charname">ИТАЧИ УЧИХА</div>
<chartext>26 - ЧИСТЫЙ - АКАЦУКИ/АНБУ </chartext>
<icon style="background-image: url(https://forumupload.ru/uploads/001b/92/8e/27/569895.png)"></icon>
</div></a></div >
<div class="membergroup1" > <a href="https://narutoedw.rusff.me/profile.php?id=13"><div class="characterblock">
<div class="charname">РИН НОХАРА</div>
<chartext>27 - ЧИСТАЯ - АКАЦУКИ </chartext>
<icon style="background-image: url(https://forumupload.ru/uploads/001b/92/8e/13/725981.jpg)"></icon>
</div></a></div >
<div class="membergroup1" > <a href="https://narutoedw.rusff.me/profile.php?id=32"><div class="characterblock">
<div class="charname">Нагато (Пейн)</div>
<chartext>35 - НОСИТЕЛЬ - АКАЦУКИ</chartext>
<icon style="background-image: url(https://forumupload.ru/uploads/001b/92/8e/2/228765.jpg)"></icon>
</div></a></div >
<div class="membergroup1" > <a href="https://narutoedw.rusff.me/viewtopic.php?id=88#p9223"><div class="characterblock">
<div class="charname">Дейдара Тсукури</div>
<chartext>20 - НОСИТЕЛЬ - АКАЦКИ </chartext>
<icon style="background-image: url(https://i.ibb.co/f2BDtmw/ca6fe55391d686 … 23b30b.jpg)"></icon>
</div></a></div >
<div class="membergroup1" > <a href="https://narutoedw.rusff.me/profile.php?id=34"><div class="characterblock">
<div class="charname">Тобирама Сенджу</div>
<chartext>46 - носитель - нет </chartext>
<icon style="background-image: url(https://i.ibb.co/Hq2kK6q/4-B10-DBCC-864 … FEE5-A.jpg)"></icon>
</div></a></div >
</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>ВОЗРАСТ - СТАТУС - ОРГАНИЗАЦИЯ </chartext> <icon style="background-image: url(КАРТИНКА ВАШЕГО ПЕРСОНАЖА ССЫЛКОЙ)"></icon> </div></a></div >
