[html]<!--HTML-->
<center><div class="tabs">
<input type="radio" name="inset" value="" id="tab_1" checked>
<label for="tab_1">ПРОФИЛЬ</label>
<input type="radio" name="inset" value="" id="tab_2">
<label for="tab_2">ИНВЕНТАРЬ</label>
<input type="radio" name="inset" value="" id="tab_3">
<label for="tab_3">ИМУЩЕСТВО</label>
<input type="radio" name="inset" value="" id="tab_4">
<label for="tab_4">ДОПОЛНИТЕЛЬНО</label>
<div id="txt_1">
<div class="divTable">
<div class="divTableBody">
<div class="divTableRow">
<div class="divTableCell"></div>
<div class="divTableCell"><div class="d11"><h3>Коул Беласко</h3></div></div>
</div>
<div class="divTableRow">
<div class="divTableCell">
</div>
<div class="divTableCell"></div>
</div>
<div class="divTableRow">
<div class="divTableCell">
<table>
<tbody>
<tr>
<td height="400px">
<center><a href="#" class="tooltip rollover" ><span>0 балла <br>0 монет</span></a>
<a href="https://lepidus.ru/viewtopic.php?id=4142#p180579" class="tooltip rollovers" ><span>Анкета</span>
</a>
<a href="№" class="tooltip rolloverse" ><span>Телефон</span>
</a>
</center>
</td>
</tr>
</tbody>
</table></div>
<div class="divTableCell"><div class="d13"><ul class="list6b">
<li>Возраст: 20 лет</li>
<li>Фракция: <a href="#" class="tooltip" >оборотень <span>Наследник Верослава</span></a></li>
<li>Социальный статус: студент</li>
<li>Способности: способности оборотня</li>
<li>Личный блог</li>
</ul></div></div>
</div>
</div>
</div>
<!-- DivTable.com -->
</div>
<div id="txt_2">
<p><div class="d16">Подарки персонажа</div></p>
<p><table width="100%" cellspacing="0" cellpadding="4">
<tr><th width="50%">Заголовок 1</th><th width="50%">Заголовок 2</th></tr>
<tr><td>Ячейка 1</td><td>Ячейка 2</td></tr>
</table></p>
<p><div class="d16">Прокачка персонажа</div></p>
<p><table width="100%" cellspacing="0" cellpadding="4">
<tr><th width="50%">Заголовок 1</th><th width="50%">Заголовок 2</th></tr>
<tr><td>Ячейка 1</td><td>Ячейка 2</td></tr>
</table></p>
</div>
<div id="txt_3">
<p><div class="d16">Недвижимость</div></p>
<table width="100%" cellspacing="0" cellpadding="4">
<tbody>
<tr>
<th width="50%">Название</th>
<th width="50%">Место расположения</th>
</tr>
<tr>
<td>3</td>
<td>4</td>
</tr>
<tr>
<td>5</td>
<td>6</td>
</tr>
<tr>
<td>7</td>
<td>8</td>
</tr>
<tr>
<td>9</td>
<td>10</td>
</tr>
</tbody>
</table>
<!-- DivTable.com -->
<p><div class="d16">Прочее имущество</div> <br>
<center><i>(включая животных)</i></center></p>
<table width="100%" cellspacing="0" cellpadding="4">
<tbody>
<tr>
<th width="50%">Название</th>
<th width="50%">Описание</th>
</tr>
<tr>
<td>3</td>
<td>4</td>
</tr>
<tr>
<td>5</td>
<td>6</td>
</tr>
<tr>
<td>7</td>
<td>8</td>
</tr>
<tr>
<td>9</td>
<td>10</td>
</tr>
</tbody>
</table>
<!-- DivTable.com -->
<p><div class="d16">Артефакты</div></p>
<!-- DivTable.com -->
</div>
<div id="txt_4">
<div class="divTable">
<div class="divTableBody">
<div class="divTableRow">
<div class="divTableCell">
<p><div class="d16">Общественная деятельность</div></p>
<table width="100%" cellspacing="0" cellpadding="4">
<tbody>
<tr>
<th width="50%">Название</th>
<th width="50%">Действие</th>
</tr>
<tr>
<td>3</td>
<td>4</td>
</tr>
<tr>
<td>5</td>
<td>6</td>
</tr>
<tr>
<td>7</td>
<td>8</td>
</tr>
</tbody>
</table></div>
<div class="divTableCell">
<p><div class="d16">Игровой реестр</div></p>
<table width="100%" cellspacing="0" cellpadding="4">
<tbody>
<tr>
<th width="50%">Название</th>
<th width="50%">Действие</th>
</tr>
<tr>
<td>3</td>
<td>4</td>
</tr>
<tr>
<td>5</td>
<td>6</td>
</tr>
<tr>
<td>7</td>
<td>8</td>
</tr>
</tbody>
</table>
<p><div class="d16">Лицензии</div></p>
<table>
<tbody>
<tr>
<td></td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div></center>
<style type="text/css">
.post-content td {
border-width: 0px !important;
border-style: solid !important;
padding: 0.4em 0.5em !important;
overflow: hidden;
}
.tabs { width: 100%; padding: 0px; margin: 0 auto; }
.tabs>input { display:none; }
.tabs>div { display: none;
padding: 12px;
border: 1px solid #C0C0C0;
background: #FFFFFF;
background-image: url(https://forumstatic.ru/files/0019/51/e9/79874.jpg);
width: 570px;
height: 390px;
}
.tabs>label {
display: inline-block;
padding: 7px;
margin: 0 -5px -1px 0;
font-family: Gorgia;
text-align: center;
color: #7b6692;
border: 1px solid #d7cad7;
background: #decfde;
cursor: pointer;
}
.tabs>input:checked + label {
color: #000000;
border: 1px solid #C0C0C0;
border-bottom: 1px solid #FFFFFF;
background: #cac7c7;
}
#tab_1:checked ~ #txt_1,
#tab_2:checked ~ #txt_2,
#tab_3:checked ~ #txt_3,
#tab_4:checked ~ #txt_4 { display: block; }
.r1, .r2, .r3 {
display: block; height: 1px; background: #7da7d9; overflow: hidden;
}
.r1 { margin: 0 4px; }
.r2 { margin: 0 2px; }
.r3 { margin: 0 1px; height: 2px; }
.block-round-content {
background: #7da7d9; /* Цвет фона */
color: #fff;
padding: 10px; /* Поля вокруг текста */
}
#txt_1{
background-image: url(https://i.ibb.co/hdDCCHB/1.jpg);
}
#txt_2{
background-image: url(https://forumstatic.ru/files/0019/51/e9/53071.png);
overflow: scroll; /* Добавляем полосы прокрутки */ }
#txt_3{
background-image: url(https://forumstatic.ru/files/0019/51/e9/72121.jpg);
overflow: scroll; /* Добавляем полосы прокрутки */ }
#txt_4{
background-image: url(https://forumstatic.ru/files/0019/51/e9/92792.jpg);
overflow: scroll; /* Добавляем полосы прокрутки */ }
.d11 h3 {
display: table;
width: 300px;
margin: 0 auto;
padding: 15px;
letter-spacing: 2px;
font-family: Lobster;
text-align: center;
background: #d9cbd9;
border: 2px dashed #7b6692;
color: #7b6692;
box-shadow: 0 0 0 4px #e2d3e2;
float: right;
}
.d12 {
margin-left: 10px;
font-family: Lobster;
text-align: center;
color: #808080;
}
.d13 {
display: table;
width: 325px;
height: 200px;
margin: 0 auto;
letter-spacing: 2px;
font-family: Lobster;
text-align: center;
background: #d9cbd9;
border: 2px dashed #7b6692;
color: #7b6692;
box-shadow: 0 0 0 4px #e2d3e2;
float: right;
}
.d16 {
margin-left: 10px;
font-family: Lobster;
text-align: center;
font-size: 16px;
color: #808080;
}
/* DivTable.com */
.divTable{
display: table;
width: 100%;
}
.divTableRow {
display: table-row;
}
.divTableHeading {
background-color: #EEE;
display: table-header-group;
}
.divTableCell, .divTableHead {
border: 0px solid #999999;
display: table-cell;
padding: 3px 10px;
}
.divTableHeading {
background-color: #EEE;
display: table-header-group;
font-weight: bold;
}
.divTableFoot {
background-color: #EEE;
display: table-footer-group;
font-weight: bold;
}
.divTableBody {
display: table-row-group;
}
.tooltip {
position: relative;
background: #eaeaea00;
cursor: help;
display: inline-block;
text-decoration: none;
color: #222;
outline: none;
}
.tooltip span {
visibility: hidden;
position: absolute;
bottom: 30px;
left: 20%;
z-index: 999;
width: auto;
margin-left: -20px;
padding: 10px;
border: 2px solid #d9cbd9;
opacity: .9;
background-color: #d9cbd9;
background-image: -webkit-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
background-image: -moz-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
background-image: -ms-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
background-image: -o-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
background-image: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
-moz-border-radius: 4px;
border-radius: 4px;
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
text-shadow: 0 1px 0 rgba(255,255,255,.4);
}
.tooltip:hover {
border: 0; /* IE6 fix */
}
.tooltip:hover span {
visibility: visible;
}
.tooltip span:before,
.tooltip span:after {
content: "";
position: absolute;
z-index: 1000;
bottom: -7px;
left: 50%;
margin-left: -8px;
border-top: 8px solid #ddd;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-bottom: 0;
}
.tooltip span:before {
border-top-color: #ccc;
bottom: -8px;
}
a.rollover {
background: url(https://forumstatic.ru/files/0019/51/e9/35122.png); /* Путь к файлу с исходным рисунком */
width: 50px; /* Ширина рисунка */
height: 50px; /* Высота рисунка */
}
a.rollover:hover {
background: url(https://forumstatic.ru/files/0019/51/e9/36662.png); /* Путь к файлу с заменяемым рисунком */
}
a.rollovers {
background: url(https://forumstatic.ru/files/0019/51/e9/42860.png); /* Путь к файлу с исходным рисунком */
width: 50px; /* Ширина рисунка */
height: 50px; /* Высота рисунка */
}
a.rollovers:hover {
background: url(https://forumstatic.ru/files/0019/51/e9/56450.png); /* Путь к файлу с заменяемым рисунком */
}
a.rolloverse {
background: url(https://forumstatic.ru/files/0019/51/e9/56414.png); /* Путь к файлу с исходным рисунком */
width: 50px; /* Ширина рисунка */
height: 50px; /* Высота рисунка */
}
a.rolloverse:hover {
background: url(https://forumstatic.ru/files/0019/51/e9/36611.png); /* Путь к файлу с заменяемым рисунком */
}
.list6b {
padding:0;
list-style: none;
}
.list6b li{
padding:6px;
}
.list6b li:before {
padding-right:10px;
font-weight: bold;
color: #C0C0C0;
content: "\2714";
transition-duration: 0.5s;
}
.list6b li:hover:before {
color: #337AB7;
content: "\2714";
}
</style>
<link href='https://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>
[/html]
- Подпись автора
Ты пришел и говоришь: Авалон, мне нужна справедливость, мне нужен пост. Но ты просишь без уважения, ты не предлагаешь дружбу, ты даже не назвал меня крестным админом.
