Список персонажей

[html]<style type="text/css">
#lebel {
width: 134px;
height: 150px;
position: relative;
overflow: hidden; }

#lebel .pic {
width: 134px;
height: 150px;
position: absolute;
left: 0px;
top: 0px;}

#lebel .leb {
width: 134px;
height: 15px;
margin: 0 0 6px 0;
line-height: 14px;
background: #070b09;
/* font-family: inherit;*/
font-size: 9px;
text-align: center;
text-transform: uppercase;
color: #fff;
position: absolute;
left: 0px;
bottom: 0px;
z-index: 3;
transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-webkit-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
letter-spacing: 2px;
}

#lebel:hover .leb { bottom: 150px; }

#lebel .info {
width: 134px;
height: 150px;
/*font-family: calibri;*/
font-size: 11px;
text-align: justify;
position: absolute;
bottom: -150px;
left: 0px;
transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-webkit-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
margin-bottom: -2px;
}

#lebel:hover .info { bottom: 0px; }

.list-name {background-color: #2f2929; /* font-family: inherit; */ text-align: center; text-transform: uppercase; letter-spacing: 2px; color: white; font-size: 11px;}

.aboutg {
background-color: rgba(16, 15, 15, 0.66);
/* font-family: inherit; */
line-height: 93%;
font-size: 13px;
padding: 5px;
overflow: auto;
color: rgb(207, 207, 207);
}

.aboutg p {text-align: center !important;}

.btn {background-COLOR: rgba(177, 177, 177, 0.45);text-align: center;}

.btn a{text-decoration: none;text-transform: uppercase;font-size: 11px;
color: #1b1b1b !important;}

.btn a:hover {color: #040404 !important;}

div#mainInstB{
background: url() rgba(0, 0, 0, 0.1);
width: 50%;
margin: 1px;
padding: 15px 15px;
font-family: Palatino Linotype;
}

div#mainInstB h3{
font-size: 20pt;
color: #393939;
/* font-family: Palatino Linotype; */
letter-spacing: 1px;
width: 95%;
margin: 0 auto;
padding: 2px 0px 3px 0px;
text-align: center;
}

div#mainInstB h4{
font-weight: bold;
font-size: 7pt;
text-align: center;
margin-top: -7px;
margin-bottom: 7px;
}
div#mainInstB hr#onehrRulesTown{
width: 100%;
height: 3px;
background-color: #2e2727;
margin: 0 auto;
border-left: none;
border-right: none;
border-color: #000;
border-bottom: none;
border-width: 1px;
}

div#mainInstB hr#twohrRulesTown{
width: 100%;
height: 3px;
background-color: #2e2727;
margin: 0 auto;
border-left: none;
border-right: none;
border-color: #000;
border-top: none;
border-width: 1px;
}

div#txtRulesTown {
margin: 10px auto 0px;
width: 93%;
}

div#txtRulesTown p {
margin: 0px 0px 5px 0px;
padding: 1em;
/* border-style: inset; */
/* border-color: rgb(60, 60, 60); */
/* border-width: 1px; */
background: rgba(198, 199, 201, 0.57);
border-bottom: 2px #1b1b1b solid;
}

.post-content table {
border-collapse: separate !important;
margin: 0 0 0.8em;
}

.p_style{color:#1b1b1b; font-size: 20pt; margin: 25px auto 0px !important; width: 95%; text-align: center !important;}
</style>

<body>
<div id="mainInstB">
<hr id="onehrRulesTown">
<h3>СПИСОК ПЕРСОНАЖЕЙ</h3>
<hr id="twohrRulesTown">
<br>
<div id="txtRulesTown"><p >
Перечень существующих персонажей в игре (имя, должность в городе, ссылки на профиль и анкету).<br/>
После принятия анкеты амс сами занесут вашего персонажа в таблицу, но если этого по каким-то причинам не произошло, не стесняйтесь напомнить им об этом. Увы, но мы тоже люди и можем заработаться, задуматься, отвлечься.
</p></div>
<br>

<p class="p_style">Оборотни</p>

<table style="table-layout:fixed;width:100%"><tbody>
<tr>

<td><div class="htmldemo">
<div id="lebel">

<div class="pic" style="background: url(' http://s9.uploads.ru/yqXce.png ');"></div>
<div class="leb"> Alexander Lynch </div>
<div class="info">
<table width="100%" border="0" height="100%" cellspacing="0"><tbody>
<tr><td colspan="2" height="20%" valign="middle" class="list-name"> Александр Линч, 32 </td></tr>
<tr><td height="65%" valign="middle" class="aboutg" colspan="2"><p> Полицейский. </p></td></tr>

<td><div class="htmldemo">
<div id="lebel">

<div class="pic" style="background: url(' http://s9.uploads.ru/KRYoP.jpg ');"></div>
<div class="leb"> Hector Ward </div>
<div class="info">
<table width="100%" border="0" height="100%" cellspacing="0"><tbody>
<tr><td colspan="2" height="20%" valign="middle" class="list-name"> Гектор Уорд, 40 </td></tr>
<tr><td height="65%" valign="middle" class="aboutg" colspan="2"><p> Шериф. </p></td></tr>

<td><div class="htmldemo">
<div id="lebel">

<div class="pic" style="background: url(' ссылка ');"></div>
<div class="leb"> NameLastname </div>
<div class="info">
<table width="100%" border="0" height="100%" cellspacing="0"><tbody>
<tr><td colspan="2" height="20%" valign="middle" class="list-name"> ИмяФамилия </td></tr>
<tr><td height="65%" valign="middle" class="aboutg" colspan="2"><p> Чем занимается </p></td></tr>

</tr>

</tbody></table>

<p class="p_style">Вендиго</p>
<table style="table-layout:fixed;width:100%"><tbody>
<tr>
<td><div class="htmldemo">
<div id="lebel">

<div class="pic" style="background: url(' http://sa.uploads.ru/4uUQl.png ');"></div>
<div class="leb"> Alen Crow </div>
<div class="info">
<table width="100%" border="0" height="100%" cellspacing="0"><tbody>
<tr><td colspan="2" height="20%" valign="middle" class="list-name"> Ален Кроу, 37 </td></tr>
<tr><td height="65%" valign="middle" class="aboutg" colspan="2"><p> Работник архива в мэрии. </p></td></tr>

<tr><td height="15%" valign="middle" style="margin: 0px;padding: 0px !important;" width="50%">
<div class="btn"><a href=" ссылка ">профиль</a></div>
</td><td height="15%" valign="middle" style="margin: 0px;padding: 0px !important;" width="50%">
<div class="btn"><a href=" ссылка ">анкета</a></div>
</td></tr>
</tbody></table>
</div>
</div>
</div></td>
<td><div class="htmldemo">
<div id="lebel">

<div class="pic" style="background: url(' ссылка ');"></div>
<div class="leb"> NameLastname </div>
<div class="info">
<table width="100%" border="0" height="100%" cellspacing="0"><tbody>
<tr><td colspan="2" height="20%" valign="middle" class="list-name"> ИмяФамилия </td></tr>
<tr><td height="65%" valign="middle" class="aboutg" colspan="2"><p> Чем занимается </p></td></tr>

</tr>

</tbody></table>

<p class="p_style">Вампиры</p>
<table style="table-layout:fixed;width:100%"><tbody>
<tr>

<p class="p_style">Магики</p>
<table style="table-layout:fixed;width:100%"><tbody>

<tr>
<td><div class="htmldemo">
<div id="lebel">

<div class="pic" style="background: url(' http://sd.uploads.ru/HAReQ.png ');"></div>
<div class="leb"> Pythia Lagoniko </div>
<div class="info">
<table width="100%" border="0" height="100%" cellspacing="0"><tbody>
<tr><td colspan="2" height="20%" valign="middle" class="list-name"> Пифия Лагонико, 30 </td></tr>
<tr><td height="65%" valign="middle" class="aboutg" colspan="2"><p> Магик-телепат.<br>Ищейка, наемный детектив. </p></td></tr>

<td><div class="htmldemo">
<div id="lebel">

<div class="pic" style="background: url(' https://i.ibb.co/CMLQJsZ/34.jpg ');"></div>
<div class="leb"> Christopher Cross </div>
<div class="info">
<table width="100%" border="0" height="100%" cellspacing="0"><tbody>
<tr><td colspan="2" height="20%" valign="middle" class="list-name"> Кристофер Кросс </td></tr>
<tr><td height="65%" valign="middle" class="aboutg" colspan="2"><p> Магик-некромант <br> Владелец похоронного бюро</p></td></tr>

<tr><td height="15%" valign="middle" style="margin: 0px;padding: 0px !important;" width="50%">
<div class="btn"><a href="https://weallscream.rusff.me/profile.php?id=150">профиль</a></div>
</td><td height="15%" valign="middle" style="margin: 0px;padding: 0px !important;" width="50%">
<div class="btn"><a href="https://weallscream.rusff.me/viewtopic.php?id=618">анкета</a></div>
</td></tr>
</tbody></table>
</div>
</div>
</div></td>
<td><div class="htmldemo">
<div id="lebel">

<div class="pic" style="background: url(' ссылка ');"></div>
<div class="leb"> NameLastname </div>
<div class="info">
<table width="100%" border="0" height="100%" cellspacing="0"><tbody>
<tr><td colspan="2" height="20%" valign="middle" class="list-name"> ИмяФамилия </td></tr>
<tr><td height="65%" valign="middle" class="aboutg" colspan="2"><p> Чем занимается </p></td></tr>

</tr>
</tbody></table>

<p class="p_style">Грехи</p>
<table style="table-layout:fixed;width:100%"><tbody>
<tr>

<td><div class="htmldemo">
<div id="lebel">

<div class="pic" style="background: url(' https://i.ibb.co/nnsXx5N/34.jpg ');"></div>
<div class="leb"> Daniel Menacant </div>
<div class="info">
<table width="100%" border="0" height="100%" cellspacing="0"><tbody>
<tr><td colspan="2" height="20%" valign="middle" class="list-name"> Даниэль Мюнесон, 22 </td></tr>
<tr><td height="65%" valign="middle" class="aboutg" colspan="2"><p> Гнев <br>Безработный</p></td></tr>

</tr>
</tbody></table>

<p class="p_style">Духи</p>
<table style="table-layout:fixed;width:100%"><tbody>
<tr>
<td><div class="htmldemo">
<div id="lebel">

<div class="pic" style="background: url(' ссылка ');"></div>
<div class="leb"> NameLastname </div>
<div class="info">
<table width="100%" border="0" height="100%" cellspacing="0"><tbody>
<tr><td colspan="2" height="20%" valign="middle" class="list-name"> ИмяФамилия </td></tr>
<tr><td height="65%" valign="middle" class="aboutg" colspan="2"><p> Чем занимается </p></td></tr>

<td><div class="htmldemo">
<div id="lebel">

<div class="pic" style="background: url(' https://i.ibb.co/RCmDkP7/image.jpg ');"></div>
<div class="leb"> Emily Knight </div>
<div class="info">
<table width="100%" border="0" height="100%" cellspacing="0"><tbody>
<tr><td colspan="2" height="20%" valign="middle" class="list-name"> Эмили Найт, 22 </td></tr>
<tr><td height="65%" valign="middle" class="aboutg" colspan="2"><p> Радиоведущая. </p></td></tr>

<td><div class="htmldemo">
<div id="lebel">

<div class="pic" style="background: url(' https://i.ibb.co/3Ns3DhN/image.jpg ');"></div>
<div class="leb"> Alisa Warlock </div>
<div class="info">
<table width="100%" border="0" height="100%" cellspacing="0"><tbody>
<tr><td colspan="2" height="20%" valign="middle" class="list-name"> Алиса Варлок, 23 </td></tr>
<tr><td height="65%" valign="middle" class="aboutg" colspan="2"><p> Редактор в газете. </p></td></tr>

<tr><td height="15%" valign="middle" style="margin: 0px;padding: 0px !important;" width="50%">
<div class="btn"><a href="https://weallscream.rusff.me/profile.php?id=101">профиль</a></div>
</td><td height="15%" valign="middle" style="margin: 0px;padding: 0px !important;" width="50%">
<div class="btn"><a href="https://weallscream.rusff.me/viewtopic.php?id=397#p36876">анкета</a></div>
</td></tr>
</tbody></table>
</div>
</div>
</div></td>
<td><div class="htmldemo">
<div id="lebel">

<div class="pic" style="background: url(' https://i.ibb.co/C8LJxcq/image.png ');"></div>
<div class="leb"> Mary Worthington </div>
<div class="info">
<table width="100%" border="0" height="100%" cellspacing="0"><tbody>
<tr><td colspan="2" height="20%" valign="middle" class="list-name"> Мэри Уортингтон, 23 </td></tr>
<tr><td height="65%" valign="middle" class="aboutg" colspan="2"><p> Охотница на нежить. </p></td></tr>

<td><div class="htmldemo">
<div id="lebel">

<div class="pic" style="background: url(' https://i.ibb.co/FVTPC44/34.jpg ');"></div>
<div class="leb"> Artemis Ewail </div>
<div class="info">
<table width="100%" border="0" height="100%" cellspacing="0"><tbody>
<tr><td colspan="2" height="20%" valign="middle" class="list-name"> Артемис Ивейл </td></tr>
<tr><td height="65%" valign="middle" class="aboutg" colspan="2"><p> Офицер полиции </p></td></tr>

</tbody></table>

<p class="p_style">Эксперимент-17</p>
<table style="table-layout:fixed;width:100%"><tbody>
<tr>
<td><div class="htmldemo">
<div id="lebel">

<div class="pic" style="background: url(' ссылка ');"></div>
<div class="leb"> NameLastname </div>
<div class="info">
<table width="100%" border="0" height="100%" cellspacing="0"><tbody>
<tr><td colspan="2" height="20%" valign="middle" class="list-name"> ИмяФамилия </td></tr>
<tr><td height="65%" valign="middle" class="aboutg" colspan="2"><p> Чем занимается </p></td></tr>

<br><hr id="twohrRulesTown"></div>
[/html]

Down In The Forest

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

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

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

Список персонажей

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

Поделиться12017-03-17 22:03:10

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