Список ролей

[html]<link href="https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,600,700,800,900|Roboto|Raleway|Sawarabi+Gothic" rel="stylesheet">
<style>

#memberdirectory {
width: 600px;
background: #fff;
height: auto;
position: relative;
margin: 20px auto;
border: 1px solid #ccc;
outline: 1px solid #bb9656;
outline-offset: 10px;
font-family: roboto;
color: #191919;
line-height: 170%;
font-size: 11px;
}

#memberdirectory maintitle {
position: relative;
display: block;
height: 60px;
border-bottom: 1px solid #bb9656;
overflow: hidden;
font-family: playfair display;
font-weight: 800;
text-align: center;
color: #bababa;
text-transform: uppercase;
line-height: 230%;
font-size: 40px;
}

#memberdirectory text {
font-family: roboto;
padding: 30px;
display: block;
color: #191919;
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: playfair display;
font-weight: 800;
text-align: left;
color: #bababa;
text-transform: uppercase;
line-height: 130%;
font-size: 20px;
}

#memberdirectory membertitle {
position: relative;
display: block;
height: 60px;
border-bottom: 1px solid #ccc;
overflow: hidden;
font-family: playfair display;
font-weight: 800;
text-align: center;
color: #ccc;
text-transform: uppercase;
line-height: 200%;
font-size: 45px;
}

#memberdirectory info {
font-family: roboto;
text-align: center;
display: block;
position: absolute;
top: 0px;
font-size: 11px;
width: 600px;
color: #bb9656;
line-height: 1000%;
}

#memberdirectory memberblock {
display: block;
padding: 20px 20px 30px;
border-bottom: 1px solid #ccc
}

.characterblock {
display: block;
height: 30px;
width: 550px;
border-bottom: 1px solid#bb9656;
margin: 5px 0px;
position: relative;
overflow: hidden;
}

#memberdirectory icon {
height: 30px;
width: 30px;
float: right;
border: 1px solid #bb9656;
background-size: cover;
position: relative;
top: 0px;
right: 0px;
}

#memberdirectory chartext {
text-align: left;
float: left;
color: #777;
text-transform: uppercase;
display: block;
top: 3px;
position: relative;
}

.charname {
display: block;
font-family: playfair display;
color: #ccc;
font-size: 20px;
position: absolute;
text-align: right;
width: 513px;
text-transform: uppercase;
font-weight: 700;
top:14px;
}

.membergroup1 .charname {
color: #99BABC;
}

.membergroup1 .characterblock {
border-bottom: 1px solid #99BABC;
}

.membergroup2 .charname {
color: #7788A7;
}

.membergroup2 .characterblock {
border-bottom: 1px solid #7788A7;
}

.membergroup3 .charname {
color: #C28E8E;
}

.membergroup3 .characterblock {
border-bottom: 1px solid #C28E8E;
}

</style>
<div id="memberdirectory">
<maintitle>список ролей</maintitle>
<text>Директор академии - NPС
<br>Три ведьмы - NPС</text>
<subtitle>Учителя</subtitle>

<membertitle>ИМЯ ФАМИЛИЯ
<info>возраст - дисциплина - внешность - пара - принадлежность(фамильяр, чародей) </info>
</membertitle>
<memberblock>
<div class="membergroup2"><a href="http://aurora.rolfor.me/profile.php?id=9"><div class="characterblock">
<div class="charname">JORGEN GREED</div>
<chartext>39 - физическая подготовка - kishibe [chainsaw man] - пара - фамильяр[белая акула]</chartext>
<icon style="background-image: url(http://forumupload.ru/uploads/001b/5f/7c/9/249303.jpg)"></icon>
</div></a></div>
<div class="membergroup1"><a href=""><div class="characterblock">
<div class="charname">Name McName</div>
<chartext>возраст - зельеварение - внешность -пара - принадлежность</chartext>
<icon style="background-image: url(https://placehold.it/100x100)"></icon>
</div></a></div>
<div class="membergroup1"><a href=""><div class="characterblock">
<div class="charname">Name McName</div>
<chartext>возраст - физическая подготовка - внешность -пара - принадлежность</chartext>
<icon style="background-image: url(https://placehold.it/100x100)"></icon>
</div></a></div>
<div class="membergroup2"><a href="http://aurora.rolfor.me/profile.php?id=37"><div class="characterblock">
<div class="charname">CLYDE GLUTTONY</div>
<chartext>25 - боевая магия - okkotsu yūta [jujutsu kaisen] - пара - чародей 2 уровня</chartext>
<icon style="background-image: url(https://i.ibb.co/cCyFfYs/3d19409711665d … a687-1.jpg)"></icon>
</div></a></div>
<div class="membergroup1"><a href=""><div class="characterblock">
<div class="charname">Name McName</div>
<chartext>возраст - защитная магия - внешность -пара - принадлежность</chartext>
<icon style="background-image: url(https://placehold.it/100x100)"></icon>
</div></a></div>
<div class="membergroup1"><a href=""><div class="characterblock">
<div class="charname">Name McName</div>
<chartext>возраст - травничество - внешность -пара - принадлежность</chartext>
<icon style="background-image: url(https://placehold.it/100x100)"></icon>
</div></a></div>
<div class="membergroup1"><a href=""><div class="characterblock">
<div class="charname">Name McName</div>
<chartext>возраст - целительство - внешность -пара - принадлежность</chartext>
<icon style="background-image: url(https://placehold.it/100x100)"></icon>
</div></a></div>
<div class="membergroup1"><a href=""><div class="characterblock">
<div class="charname">Name McName</div>
<chartext>возраст - руны - внешность -пара - принадлежность</chartext>
<icon style="background-image: url(https://placehold.it/100x100)"></icon>
</div></a></div>
<div class="membergroup1"><a href=""><div class="characterblock">
<div class="charname">Name McName</div>
<chartext>возраст - тактика боя - внешность -пара - принадлежность</chartext>
<icon style="background-image: url(https://placehold.it/100x100)"></icon>
</div></a></div>
<div class="membergroup1"><a href=""><div class="characterblock">
<div class="charname">Name McName</div>
<chartext>возраст - оборотничество - внешность -пара - принадлежность</chartext>
<icon style="background-image: url(https://placehold.it/100x100)"></icon>
</div></a></div>
</memberblock>

<subtitle>Персонал</subtitle>

<membertitle>ИМЯ ФАМИЛИЯ
<info> возраст - дисциплина - внешность - пара - принадлежность(фамильяр, чародей)</info>
</membertitle>
<memberblock>
<div class="membergroup1"><a href=""><div class="characterblock">
<div class="charname">Name McName</div>
<chartext>возраст - глав. врач - внешность - пара - принадлежность</chartext>
<icon style="background-image: url()"></icon>
</div></a></div>
<div class="membergroup1"><a href=""><div class="characterblock">
<div class="charname">Name McName</div>
<chartext>возраст - мед. сестра - внешность -пара - принадлежность</chartext>
<icon style="background-image: url()"></icon>
</div></a></div>
<div class="membergroup1"><a href=""><div class="characterblock">
<div class="charname">Name McName</div>
<chartext>возраст - психолог - внешность -пара - принадлежность(фамильяр, чародей) </chartext>
<icon style="background-image: url(https://placehold.it/100x100)"></icon>
</div></a></div>
<div class="membergroup1"><a href=""><div class="characterblock">
<div class="charname">Name McName</div>
<chartext>возраст - психолог - внешность -пара - принадлежность(фамильяр, чародей) </chartext>
<icon style="background-image: url(https://placehold.it/100x100)"></icon>
</div></a></div>

</memberblock>

<subtitle>МИНИСТЕРСТВО МАГИИ</subtitle>

<membertitle>ИМЯ ФАМИЛИЯ
<info> возраст - отдел - внешность - пара - принадлежность(фамильяр, чародей)</info>
</membertitle>
<memberblock>
<div class="membergroup2"><a href="http://aurora.rolfor.me/profile.php?id=11"><div class="characterblock">
<div class="charname">MATTHEW KING</div>
<chartext>24 - отдел противостояния темной магии - art - Athena Horn - чародей 1 уровня</chartext>
<icon style="background-image: url(http://forumavatars.ru/img/avatars/001b … 604904.jpg)"></icon>
</div></a></div>
<div class="membergroup3"><a href="http://aurora.rolfor.me/profile.php?id=29"><div class="characterblock">
<div class="charname">olivia curse</div>
<chartext>24 - отдел противостояния темной магии - jinx[LoL] - Gregory Crow - чародей 2 уровня</chartext>
<icon style="background-image: url(http://forumstatic.ru/files/001b/5f/7c/26443.png)"></icon>
</div></a></div>
<div class="membergroup1"><a href=""><div class="characterblock">
<div class="charname">Name McName</div>
<chartext>возраст - отдел - внешность - пара - принадлежность(фамильяр, чародей)</chartext>
<icon style="background-image: url(https://placehold.it/100x100)"></icon>
</div></a></div>

</memberblock>
<subtitle>ФАКУЛЬТЕТ БОЕВОЙ МАГИИ</subtitle>

<membertitle>ИМЯ ФАМИЛИЯ
<info> возраст - курс - внешность - пара - принадлежность(фамильяр, чародей)</info>
</membertitle>
<memberblock>
<div class="membergroup3"><a href="http://aurora.rolfor.me/profile.php?id=4"><div class="characterblock">
<div class="charname">Aeri O Connor</div>
<chartext>17 - 2 курс - Lenore [Castlevania] - Jack Frost - чародейка 1 уровня</chartext>
<icon style="background-image: url(https://64.media.tumblr.com/fb17d823539 … af2e75.jpg)"></icon>
</div></a></div>
<div class="membergroup3"><a href="http://aurora.rolfor.me/profile.php?id=12"><div class="characterblock">
<div class="charname">HOLLIE SHIELDS</div>
<chartext>19 - 4 курс - reyna [valorant] - пара - чародейка</chartext>
<icon style="background-image: url(http://forumupload.ru/uploads/001b/5f/7c/12/328648.jpg)"></icon>
</div></a></div>
<div class="membergroup3"><a href="http://aurora.rolfor.me/profile.php?id=19"><div class="characterblock">
<div class="charname">LUNA CALDWELL</div>
<chartext>21 - 5 курс - Tachibana Kisa [JACKJEANNE] - EIRWYN VIRGO - чародейка 1 уровня</chartext>
<icon style="background-image: url(https://i.ibb.co/W6DyD1t/Tachibana-Kisa … 389444.jpg)"></icon>
</div></a></div>
<div class="membergroup2"><a href="http://aurora.rolfor.me/profile.php?id=21"><div class="characterblock">
<div class="charname">GRAHAM BURKE</div>
<chartext>20 - 5 курс - itadori yūji – [jujutsu kaisen] - пара - чародей 2 уровня</chartext>
<icon style="background-image: url(http://forumupload.ru/uploads/001b/5f/7c/21/972246.png)"></icon>
</div></a></div>
<div class="membergroup2"><a href="http://aurora.rolfor.me/profile.php?id=22"><div class="characterblock">
<div class="charname">VERGIL VALENTINE</div>
<chartext>20 - 5 курс - aki hayakawa [chainsaw man] - пара - чародей, 1 уровень</chartext>
<icon style="background-image: url(https://images2.imgbox.com/c9/14/Ve4KgsUU_o.jpg)"></icon>
</div></a></div>
<div class="membergroup2"><a href="http://aurora.rolfor.me/profile.php?id=38"><div class="characterblock">
<div class="charname">ERIK DAHL</div>
<chartext>18 - III курс - aether [genshin impact] - erik nystrom - чародей 1 уровня</chartext>
<icon style="background-image: url(http://forumupload.ru/uploads/001b/5f/7c/38/214134.png)"></icon>
</div></a></div>

</memberblock>

<subtitle>ФАКУЛЬТЕТ магии поддержки</subtitle>

<membertitle>ИМЯ ФАМИЛИЯ
<info> возраст - курс - внешность - пара - уровень</info>
</membertitle>
<memberblock>
<div class="membergroup3"><a href="http://aurora.rolfor.me/profile.php?id=34"><div class="characterblock">
<div class="charname">MIRRA AMOURE</div>
<chartext>16 - 1 курс - Okuda Manami [Ansatsu Kyoushitsu] - пара - чародейка</chartext>
<icon style="background-image: url(http://forumupload.ru/uploads/001b/5f/7c/34/327912.jpg)"></icon>
</div></a></div>
<div class="membergroup2"><a href="http://aurora.rolfor.me/profile.php?id=33"><div class="characterblock">
<div class="charname">GIN MORGAN</div>
<chartext>18 - 3 курс - hirofumi yoshida [chainsaw man] - PARK JI YEON - чародей</chartext>
<icon style="background-image: url(https://i.ibb.co/fHGdnYB/123.jpg)"></icon>
</div></a></div>

<div class="membergroup1"><a href=""><div class="characterblock">
<div class="charname">Name McName</div>
<chartext>возраст - курс - внешность - пара - уровень</chartext>
<icon style="background-image: url(https://placehold.it/100x100)"></icon>
</div></a></div>

</memberblock>

<subtitle>ФАКУЛЬТЕТ ФАМИЛЬЯРОВ</subtitle>

<membertitle>ИМЯ ФАМИЛИЯ
<info> возраст - курс - внешность - пара - вид</info>
</membertitle>
<memberblock>
<div class="membergroup3"><a href="http://aurora.rolfor.me/profile.php?id=2"><div class="characterblock">
<div class="charname">ATHENA HORN</div>
<chartext>16 - 1 курс - art - Matthew King - пегас</chartext>
<icon style="background-image: url(http://forumstatic.ru/files/001b/5f/7c/96990.png)"></icon>
</div></a></div>
<div class="membergroup3"><a href="http://aurora.rolfor.me/profile.php?id=17"><div class="characterblock">
<div class="charname">XIAO YU</div>
<chartext>16 - 1 курс - art - пара - фамильяр [карп кои]</chartext>
<icon style="background-image: url(http://forumupload.ru/uploads/001b/5f/7c/17/528801.jpg)"></icon>
</div></a></div>

<div class="membergroup2"><a href="http://aurora.rolfor.me/viewtopic.php?id=47#p2949"><div class="characterblock">
<div class="charname">JACK FROST</div>
<chartext>22 - 2 курс - AZAZEL - [SHINGEKI NO BAHAMUT] - AERI O CONNOR - фамильяр [василиск]</chartext>
<icon style="background-image: url(https://i.ibb.co/ThP7vRN/123.jpg)"></icon>
</div></a></div>
<div class="membergroup3"><a href="http://aurora.rolfor.me/profile.php?id=27"><div class="characterblock">
<div class="charname">KATHARINA SHAW</div>
<chartext>18 - 2 курс - Tracer [Overwatch] - пара - фамильяр [стриж]</chartext>
<icon style="background-image: url(http://forumupload.ru/uploads/001b/5f/7c/27/541196.png)"></icon>
</div></a></div>
<div class="membergroup3"><a href="http://aurora.rolfor.me/profile.php?id=8"><div class="characterblock">
<div class="charname">KIARA DUN</div>
<chartext>19 - 3 курс - art - пара - фамильяр [сапсан]</chartext>
<icon style="background-image: url(http://forumupload.ru/uploads/001b/5f/7c/8/111152.png)"></icon>
</div></a></div>
<div class="membergroup3"><a href="https://aurora.rolfor.me/profile.php?id=20"><div class="characterblock">
<div class="charname">GRETA JONKER</div>
<chartext>17 - 3 курс - viper [valorant] - hollie shields - фамильяр [гадюка]</chartext>
<icon style="background-image: url(https://i.imgur.com/dr6v39K.png)"></icon>
</div></a></div>
<div class="membergroup3">
<a href="http://aurora.rolfor.me/profile.php?id=36"><div class="characterblock">
<div class="charname">ANGEL HAWTHORNE</div>
<chartext>20 - 4 курс - OC - пара - фамильяр [тёмная молодь]</chartext>
<icon style="background-image: url(https://i.imgur.com/zOMBgXb.png)"></icon>
</div></a></div>
<div class="membergroup2"><a href="http://aurora.rolfor.me/profile.php?id=18"><div class="characterblock">
<div class="charname">EIRWYN VIRGO</div>
<chartext>21 - 5 курс - sakiguchi nagahiro [bishounen tanteidan] - Luna Caldwell [единорог]</chartext>
<icon style="background-image: url(http://forumstatic.ru/files/0018/e5/9a/19658.png)"></icon>
</div></a></div>
<div class="membergroup3"><a href="https://aurora.rolfor.me/profile.php?id=26"><div class="characterblock">
<div class="charname">ULIANA BOYAROVA</div>
<chartext>21 - 5 курс - Makima [Chainsaw Man] - пара - фамилиар [мантикора]</chartext>
<icon style="background-image: url(https://forumupload.ru/uploads/001b/5f/7c/26/412291.jpg)"></icon>
</div></a></div>
<div class="membergroup3"><a href="http://aurora.rolfor.me/profile.php?id=32"><div class="characterblock">
<div class="charname">PARK JI YEON</div>
<chartext>21 - 5 курс - akali [league of legends] - GIN MORGAN - фамильяр [феникс]</chartext>
<icon style="background-image: url(https://i.ibb.co/gtSG3Vj/22.png)"></icon>
</div></a></div>
<div class="membergroup2"><a href="http://aurora.rolfor.me/profile.php?id=39"><div class="characterblock">
<div class="charname">JOHANNES NYSTROM</div>
<chartext>18 - 3 курс - albedo [genshin impact] - erik dahl - фамильяр [эйктюрнир]</chartext>
<icon style="background-image: url(http://forumupload.ru/uploads/001b/5f/7c/39/990366.png)"></icon>
</div></a></div>

</memberblock>
</div><center><a href="http://wecode.jcink.net/index.php?showuser=4933" style="color:#ccc;font-size:7px;letter-spacing:5px;">MONTY</a></center>
[/html]

Код:

<a href="ссылка на профиль"><div class="characterblock">
   <div class="charname">NAME SURNAME</div>

Код:

возраст - курс - внешность - пара - принадлежность(фамильяр, чародей)

Код:

ссылка на картинку с изображением персонажа размером 100*100

AURORA BOREALIS

Меню навигации

Пользовательские ссылки

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

Список ролей

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

Поделиться12021-10-02 22:42:15