Общество анонимных водолеев

Объявление

Играем по около-эре-Водолея и оккультному тоталитаризму/ Проверяем, как оно ваще работает Если вам кажется, что вы попали в филиал сумасшедшего дома - расслабьтесь и выдохните, именно так и есть. Докторские халаты, к сожалению, уже разобраны, но мы поможем подобрать вам пижамку покрасивее и палату поуютнее, а также ответим на все интересующие вопросы. Иными словами, дорогие гости - добро пожаловать! Если вам кажется, что вы попали в филиал сумасшедшего дома - расслабьтесь и выдохните, именно так и есть. Докторские халаты, к сожалению, уже разобраны, но мы поможем подобрать вам пижамку покрасивее и палату поуютнее, а также ответим на все интересующие вопросы. Иными словами, дорогие гости - добро пожаловать! Если вам кажется, что вы попали в филиал сумасшедшего дома - расслабьтесь и выдохните, именно так и есть. Докторские халаты, к сожалению, уже разобраны, но мы поможем подобрать вам пижамку покрасивее и палату поуютнее, а также ответим на все интересующие вопросы. Иными словами, дорогие гости - добро пожаловать!
Играем по около-эре-Водолея и оккультному тоталитаризму/ Проверяем, как оно ваще работает Если вам кажется, что вы попали в филиал сумасшедшего дома - расслабьтесь и выдохните, именно так и есть. Докторские халаты, к сожалению, уже разобраны, но мы поможем подобрать вам пижамку покрасивее и палату поуютнее, а также ответим на все интересующие вопросы. Иными словами, дорогие гости - добро пожаловать! Если вам кажется, что вы попали в филиал сумасшедшего дома - расслабьтесь и выдохните, именно так и есть. Докторские халаты, к сожалению, уже разобраны, но мы поможем подобрать вам пижамку покрасивее и палату поуютнее, а также ответим на все интересующие вопросы. Иными словами, дорогие гости - добро пожаловать! Если вам кажется, что вы попали в филиал сумасшедшего дома - расслабьтесь и выдохните, именно так и есть. Докторские халаты, к сожалению, уже разобраны, но мы поможем подобрать вам пижамку покрасивее и палату поуютнее, а также ответим на все интересующие вопросы. Иными словами, дорогие гости - добро пожаловать!

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

Привет, Гость! Войдите или зарегистрируйтесь.



настраиваем

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

1

.
[html]
<link rel="stylesheet" type="text/css" href="https://forumstatic.ru/files/0016/45/66/71793.css?v=131">

<div id="profoform">

<div id="bptab">

<div class="bats">

<input id="ptab1" type="radio" name="tabs" checked="">
<label for="ptab1" title="Сведения">Сведения</label>

<input id="ptab2" type="radio" name="tabs">
<label for="ptab2" title="Инвентарь">Инвентарь</label>

<input id="ptab3" type="radio" name="tabs">
<label for="ptab3" title="Дополнительно">Дополнительно</label>

<section id="pcontent1">
<!--КАРТОЧКА--!>
<div class="perskart">
<!--КАРТИНКА АВТОУЖИМАЕТСЯ--!>
<div class="fotka">
<img src="картинка, ужмется до 350х180">
</div>

<!--ОПЕРАТИВНЫЕ ДАННЫЕ--!>
<div class="osob">
<div class="osobN">оперативные данные</div>
<p>● списком
</p>
</div>
</div>

<!--ЭФФЕКТЫ--!>
<div class="eff">
<div class="effN">действующие эффекты</div>

<!--ОТРИЦАТЕЛЬНЫЕ ЭФФЕКТЫ--!>
<div class="effO">
<div class="effON">отрицательные</div>
<p>
● спискомпростыня!!!Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse dictum placerat suscipit. Aenean placerat nunc egestas interdum luctus. Proin tincidunt tempus dui id lacinia. Nullam quis interdum ligula. Pellentesque hendrerit feugiat gravida. Duis faucibus elementum elementum. Morbi at nisi vitae urna vulputate eleifend. Praesent id ante ac mi sollicitudin fringilla. Mauris consequat quis libero id lobortis. Proin a libero non lorem porttitor tempus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse dictum placerat suscipit. Aenean placerat nunc egestas interdum luctus. Proin tincidunt tempus dui id lacinia. Nullam quis interdum ligula. Pellentesque hendrerit feugiat gravida. Duis faucibus elementum elementum. Morbi at nisi vitae urna vulputate eleifend. Praesent id ante ac mi sollicitudin fringilla. Mauris consequat quis libero id lobortis. Proin a libero non lorem porttitor tempus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse dictum placerat suscipit. Aenean placerat nunc egestas interdum luctus. Proin tincidunt tempus dui id lacinia. Nullam quis interdum ligula.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse dictum placerat suscipit. Aenean placerat nunc egestas interdum luctus. Proin tincidunt tempus dui id lacinia. Nullam quis interdum ligula. Pellentesque hendrerit feugiat gravida. Duis faucibus elementum elementum. Morbi at nisi vitae urna vulputate eleifend. Praesent id ante ac mi sollicitudin fringilla. Mauris consequat quis libero id lobortis. Proin a libero non lorem porttitor tempus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse dictum placerat suscipit. Aenean placerat nunc egestas interdum luctus. Proin tincidunt tempus dui id lacinia. Nullam quis interdum ligula. Pellentesque hendrerit feugiat gravida. Duis faucibus elementum elementum. Morbi at nisi vitae urna vulputate eleifend. Praesent id ante ac mi sollicitudin fringilla. Mauris consequat quis libero id lobortis. Proin a libero non lorem porttitor tempus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse dictum placerat suscipit. Aenean placerat nunc egestas interdum luctus. Proin tincidunt tempus dui id lacinia. Nullam quis interdum ligula.
а так норм?
</p></div>

<!--ПОЛОЖИТЕЛЬНЫЕ ЭФФЕКТЫ--!>
<div class="effP">
<div class="effPN">положительные</div>
<p>
● спискомпростыня!!!Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse dictum placerat suscipit. Aenean placerat nunc egestas interdum luctus. Proin tincidunt tempus dui id lacinia. Nullam quis interdum ligula. Pellentesque hendrerit feugiat gravida. Duis faucibus elementum elementum. Morbi at nisi vitae urna vulputate eleifend. Praesent id ante ac mi sollicitudin fringilla. Mauris consequat quis libero id lobortis. Proin a libero non lorem porttitor tempus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse dictum placerat suscipit. Aenean placerat nunc egestas interdum luctus. Proin tincidunt tempus dui id lacinia. Nullam quis interdum ligula. Pellentesque hendrerit feugiat gravida. Duis faucibus elementum elementum. Morbi at nisi vitae urna vulputate eleifend. Praesent id ante ac mi sollicitudin fringilla. Mauris consequat quis libero id lobortis. Proin a libero non lorem porttitor tempus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse dictum placerat suscipit. Aenean placerat nunc egestas interdum luctus. Proin tincidunt tempus dui id lacinia. Nullam quis interdum ligula.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse dictum placerat suscipit. Aenean placerat nunc egestas interdum luctus. Proin tincidunt tempus dui id lacinia. Nullam quis interdum ligula. Pellentesque hendrerit feugiat gravida. Duis faucibus elementum elementum. Morbi at nisi vitae urna vulputate eleifend. Praesent id ante ac mi sollicitudin fringilla. Mauris consequat quis libero id lobortis. Proin a libero non lorem porttitor tempus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse dictum placerat suscipit. Aenean placerat nunc egestas interdum luctus. Proin tincidunt tempus dui id lacinia. Nullam quis interdum ligula. Pellentesque hendrerit feugiat gravida. Duis faucibus elementum elementum. Morbi at nisi vitae urna vulputate eleifend. Praesent id ante ac mi sollicitudin fringilla. Mauris consequat quis libero id lobortis. Proin a libero non lorem porttitor tempus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse dictum placerat suscipit. Aenean placerat nunc egestas interdum luctus. Proin tincidunt tempus dui id lacinia. Nullam quis interdum ligula.
а так норм?
</p></div></div>

<!--ДРУГИЕ ПЕРСОНАЖИ--!>
<div class="drugp"><div class="drugpN">также известен как</div>
<p>
<a href="ссылка на профиль">имя персонажа</a> | фракция и ранг в ней | маска/основной (лишнее удалить) | жив/мертв/замороженпростыня!!!Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse dictum placerat suscipit. Aenean placerat nunc egestas interdum luctus. Proin tincidunt tempus dui id lacinia. Nullam quis interdum ligula. Pellentesque hendrerit feugiat gravida. Duis faucibus elementum elementum. Morbi at nisi vitae urna vulputate eleifend. Praesent id ante ac mi sollicitudin fringilla. Mauris consequat quis libero id lobortis. Proin a libero non lorem porttitor tempus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse dictum placerat suscipit. Aenean placerat nunc egestas interdum luctus. Proin tincidunt tempus dui id lacinia. Nullam quis interdum ligula. Pellentesque hendrerit feugiat gravida. Duis faucibus elementum elementum. Morbi at nisi vitae urna vulputate eleifend. Praesent id ante ac mi sollicitudin fringilla. Mauris consequat quis libero id lobortis. Proin a libero non lorem porttitor tempus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse dictum placerat suscipit. Aenean placerat nunc egestas interdum luctus. Proin tincidunt tempus dui id lacinia. Nullam quis interdum ligula.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse dictum placerat suscipit. Aenean placerat nunc egestas interdum luctus. Proin tincidunt tempus dui id lacinia. Nullam quis interdum ligula. Pellentesque hendrerit feugiat gravida. Duis faucibus elementum elementum. Morbi at nisi vitae urna vulputate eleifend. Praesent id ante ac mi sollicitudin fringilla. Mauris consequat quis libero id lobortis. Proin a libero non lorem porttitor tempus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse dictum placerat suscipit. Aenean placerat nunc egestas interdum luctus. Proin tincidunt tempus dui id lacinia. Nullam quis interdum ligula. Pellentesque hendrerit feugiat gravida. Duis faucibus elementum elementum. Morbi at nisi vitae urna vulputate eleifend. Praesent id ante ac mi sollicitudin fringilla. Mauris consequat quis libero id lobortis. Proin a libero non lorem porttitor tempus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse dictum placerat suscipit. Aenean placerat nunc egestas interdum luctus. Proin tincidunt tempus dui id lacinia. Nullam quis interdum ligula.
а так норм?
</p></div>
</section> 

<section id="pcontent2">
<!---БАЛАНС--!>
<div class="balans"><div class="balansT">ТЕКУЩИЙ БАЛАНС:</div> <div class="balansZ"><b>0</b> монеток, <b>0</b> жетонов</div>
</div>

<!--БАНКОВСКИЕ ОПЕРАЦИИ--!>
<div class="oper">
<div class="operN">операции</div>
<p>
<i><b>дата</i></b> - произведенная операция по снятию-начислению валюты и приобретению предметовпростыня!!!Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse dictum placerat suscipit. Aenean placerat nunc egestas interdum luctus. Proin tincidunt tempus dui id lacinia. Nullam quis interdum ligula. Pellentesque hendrerit feugiat gravida. Duis faucibus elementum elementum. Morbi at nisi vitae urna vulputate eleifend. Praesent id ante ac mi sollicitudin fringilla. Mauris consequat quis libero id lobortis. Proin a libero non lorem porttitor tempus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse dictum placerat suscipit. Aenean placerat nunc egestas interdum luctus. Proin tincidunt tempus dui id lacinia. Nullam quis interdum ligula. Pellentesque hendrerit feugiat gravida. Duis faucibus elementum elementum. Morbi at nisi vitae urna vulputate eleifend. Praesent id ante ac mi sollicitudin fringilla. Mauris consequat quis libero id lobortis. Proin a libero non lorem porttitor tempus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse dictum placerat suscipit. Aenean placerat nunc egestas interdum luctus. Proin tincidunt tempus dui id lacinia. Nullam quis interdum ligula.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse dictum placerat suscipit. Aenean placerat nunc egestas interdum luctus. Proin tincidunt tempus dui id lacinia. Nullam quis interdum ligula. Pellentesque hendrerit feugiat gravida. Duis faucibus elementum elementum. Morbi at nisi vitae urna vulputate eleifend. Praesent id ante ac mi sollicitudin fringilla. Mauris consequat quis libero id lobortis. Proin a libero non lorem porttitor tempus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse dictum placerat suscipit. Aenean placerat nunc egestas interdum luctus. Proin tincidunt tempus dui id lacinia. Nullam quis interdum ligula. Pellentesque hendrerit feugiat gravida. Duis faucibus elementum elementum. Morbi at nisi vitae urna vulputate eleifend. Praesent id ante ac mi sollicitudin fringilla. Mauris consequat quis libero id lobortis. Proin a libero non lorem porttitor tempus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse dictum placerat suscipit. Aenean placerat nunc egestas interdum luctus. Proin tincidunt tempus dui id lacinia. Nullam quis interdum ligula.
а так норм?
</p>
</div>

<!--ИНВЕНТАРЬ--!>
<div class="invent">
<div class="inventN">инвентарь</div>
<p>
<img src="ссылка" title="комментарий">
простыня!!!Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse dictum placerat suscipit. Aenean placerat nunc egestas interdum luctus. Proin tincidunt tempus dui id lacinia. Nullam quis interdum ligula. Pellentesque hendrerit feugiat gravida. Duis faucibus elementum elementum. Morbi at nisi vitae urna vulputate eleifend. Praesent id ante ac mi sollicitudin fringilla. Mauris consequat quis libero id lobortis. Proin a libero non lorem porttitor tempus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse dictum placerat suscipit. Aenean placerat nunc egestas interdum luctus. Proin tincidunt tempus dui id lacinia. Nullam quis interdum ligula. Pellentesque hendrerit feugiat gravida. Duis faucibus elementum elementum. Morbi at nisi vitae urna vulputate eleifend. Praesent id ante ac mi sollicitudin fringilla. Mauris consequat quis libero id lobortis. Proin a libero non lorem porttitor tempus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse dictum placerat suscipit. Aenean placerat nunc egestas interdum luctus. Proin tincidunt tempus dui id lacinia. Nullam quis interdum ligula.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse dictum placerat suscipit. Aenean placerat nunc egestas interdum luctus. Proin tincidunt tempus dui id lacinia. Nullam quis interdum ligula. Pellentesque hendrerit feugiat gravida. Duis faucibus elementum elementum. Morbi at nisi vitae urna vulputate eleifend. Praesent id ante ac mi sollicitudin fringilla. Mauris consequat quis libero id lobortis. Proin a libero non lorem porttitor tempus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse dictum placerat suscipit. Aenean placerat nunc egestas interdum luctus. Proin tincidunt tempus dui id lacinia. Nullam quis interdum ligula. Pellentesque hendrerit feugiat gravida. Duis faucibus elementum elementum. Morbi at nisi vitae urna vulputate eleifend. Praesent id ante ac mi sollicitudin fringilla. Mauris consequat quis libero id lobortis. Proin a libero non lorem porttitor tempus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse dictum placerat suscipit. Aenean placerat nunc egestas interdum luctus. Proin tincidunt tempus dui id lacinia. Nullam quis interdum ligula.
а так норм?
</p>
</div>

<!--ЖЕТОНЫ--!>
<div class="get">
<div class="getN">жетоны</div>
<p>
<img src="ссылка" title="комментарий">простыня!!!Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse dictum placerat suscipit. Aenean placerat nunc egestas interdum luctus. Proin tincidunt tempus dui id lacinia. Nullam quis interdum ligula. Pellentesque hendrerit feugiat gravida. Duis faucibus elementum elementum. Morbi at nisi vitae urna vulputate eleifend. Praesent id ante ac mi sollicitudin fringilla. Mauris consequat quis libero id lobortis. Proin a libero non lorem porttitor tempus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse dictum placerat suscipit. Aenean placerat nunc egestas interdum luctus. Proin tincidunt tempus dui id lacinia. Nullam quis interdum ligula. Pellentesque hendrerit feugiat gravida. Duis faucibus elementum elementum. Morbi at nisi vitae urna vulputate eleifend. Praesent id ante ac mi sollicitudin fringilla. Mauris consequat quis libero id lobortis. Proin a libero non lorem porttitor tempus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse dictum placerat suscipit. Aenean placerat nunc egestas interdum luctus. Proin tincidunt tempus dui id lacinia. Nullam quis interdum ligula.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse dictum placerat suscipit. Aenean placerat nunc egestas interdum luctus. Proin tincidunt tempus dui id lacinia. Nullam quis interdum ligula. Pellentesque hendrerit feugiat gravida. Duis faucibus elementum elementum. Morbi at nisi vitae urna vulputate eleifend. Praesent id ante ac mi sollicitudin fringilla. Mauris consequat quis libero id lobortis. Proin a libero non lorem porttitor tempus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse dictum placerat suscipit. Aenean placerat nunc egestas interdum luctus. Proin tincidunt tempus dui id lacinia. Nullam quis interdum ligula. Pellentesque hendrerit feugiat gravida. Duis faucibus elementum elementum. Morbi at nisi vitae urna vulputate eleifend. Praesent id ante ac mi sollicitudin fringilla. Mauris consequat quis libero id lobortis. Proin a libero non lorem porttitor tempus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse dictum placerat suscipit. Aenean placerat nunc egestas interdum luctus. Proin tincidunt tempus dui id lacinia. Nullam quis interdum ligula.
а так норм?
</p>
</div>

</section> 

<section id="pcontent3">

<!--ПОДАРКИ--!>
<div class="podar">
<div class="podarN">ПОДАРКИ</div>
<div class="podarT">
<table>
<tr><td><img src="https://vk.com/sticker/1-67060-64.png"></td><td> от души в душу брат дарю тебе все что у меня есть хочешь тандыр забирай насовсем подарю  - Арсенчику от Арсланчика </td></tr>
<tr><td><img src="https://vk.com/sticker/1-67060-64.png"></td><td> комментарий к подарку</td></tr>
<tr><td><img src="https://vk.com/sticker/1-67060-64.png"></td><td> комментарий к подарку</td></tr>
<tr><td><img src="https://vk.com/sticker/1-67060-64.png"></td><td> комментарий к подарку</td></tr>
<tr><td><img src="https://vk.com/sticker/1-67060-64.png"></td><td> комментарий к подарку</td></tr>
<tr><td><img src="https://vk.com/sticker/1-67060-64.png"></td><td> комментарий к подарку</td></tr>
</table>
</div>
</div>

<!--ПРЕДУПРЕЖДЕНИЯ--!>
<div class="block"><div class="blockN">предупреждения</div>
<p>
текстпростыня!!!Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse dictum placerat suscipit. Aenean placerat nunc egestas interdum luctus. Proin tincidunt tempus dui id lacinia. Nullam quis interdum ligula. Pellentesque hendrerit feugiat gravida. Duis faucibus elementum elementum. Morbi at nisi vitae urna vulputate eleifend. Praesent id ante ac mi sollicitudin fringilla. Mauris consequat quis libero id lobortis. Proin a libero non lorem porttitor tempus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse dictum placerat suscipit. Aenean placerat nunc egestas interdum luctus. Proin tincidunt tempus dui id lacinia. Nullam quis interdum ligula. Pellentesque hendrerit feugiat gravida. Duis faucibus elementum elementum. Morbi at nisi vitae urna vulputate eleifend. Praesent id ante ac mi sollicitudin fringilla. Mauris consequat quis libero id lobortis. Proin a libero non lorem porttitor tempus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse dictum placerat suscipit. Aenean placerat nunc egestas interdum luctus. Proin tincidunt tempus dui id lacinia. Nullam quis interdum ligula.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse dictum placerat suscipit. Aenean placerat nunc egestas interdum luctus. Proin tincidunt tempus dui id lacinia. Nullam quis interdum ligula. Pellentesque hendrerit feugiat gravida. Duis faucibus elementum elementum. Morbi at nisi vitae urna vulputate eleifend. Praesent id ante ac mi sollicitudin fringilla. Mauris consequat quis libero id lobortis. Proin a libero non lorem porttitor tempus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse dictum placerat suscipit. Aenean placerat nunc egestas interdum luctus. Proin tincidunt tempus dui id lacinia. Nullam quis interdum ligula. Pellentesque hendrerit feugiat gravida. Duis faucibus elementum elementum. Morbi at nisi vitae urna vulputate eleifend. Praesent id ante ac mi sollicitudin fringilla. Mauris consequat quis libero id lobortis. Proin a libero non lorem porttitor tempus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse dictum placerat suscipit. Aenean placerat nunc egestas interdum luctus. Proin tincidunt tempus dui id lacinia. Nullam quis interdum ligula.
а так норм?
</p>
</div>

</section> 
</div>

</div></div>

[/html]

0

2

изначальное

Код:
<!-- Всплывающая таблица с вкладками, в топике, с инфой о персонаже -->
    <style type="text/css">
    /*Подвижка иконки*/
    img.a-info{
      margin-top: -3px!important;
      margin-left: 173px!important;
      width:30px;  /*Размер иконки*/
    }
    /*Подвижка всплывающей подсказки иконки*/
    .tipsy.a-info{
      margin-top: -2px!important;
      margin-left:-6px!important;
      font: normal normal 400 11px/16.5px Verdana;
    }
    /*сдвиг таблицы*/ .my-tabs{
      margin-top: -73px;  /*сдвиг таблицы вверх от положения иконки*/
      margin-left:120px;  /*сдвиг таблицы вправо от положения иконки*/
    }
    /*Цвет фона и бордюров таблицы*/
    .my-tabs>.tab-a,.my-tabs>span{
      background:transparent!important;
      border-color: transparent!important;
    }
    </style>
    <link rel="stylesheet" type="text/css" href="https://forumstatic.ru/files/0013/44/56/73823.css" />
    <script img-data="http://sa.uploads.ru/SoT3N.png" src="https://forumstatic.ru/files/0013/44/56/57946.js" forum="11"></script>
    <!--//End//Всплывающая таблица с вкладками, в топике, с инфой о персонаже// -->

0

3

https://i.ibb.co/qRMBd3K/3.png

0

4

вырезано из стиля таблицы в профиле

Код:
/* Стиль "Ушка" вкладок */
.my-tabs>span{
 opacity:0.78;
 color:#626436;
 cursor:pointer;
 display:block!important;
 position:relative; z-index:12;
 padding:4px;
 height: 17px!important;
 margin-right: 2px;
 margin-left: -1px;
 margin-bottom:-4px!important;
 border: 4px solid;
 border-radius: 10px 0 0 0;
 text-align:left;
 padding-right:6px;
 text-shadow: 1px 1px 2px rgba(0,0,0,.4);
 font: italic normal 400 13px/16.5px "Comic Sans Ms";
 float:left;
}
/* Cдвиг самого первого "Уха" */
.my-tabs>span:first-child{
 margin-left: 8px;
}
/* Активное "Ушко" */
.my-tabs>span.selected{
 opacity:1;
 border-bottom-color:transparent!important;
}
/* Стиль вкладки(LI)*/
.my-tabs>.tab-a{
 width:100%;
 height:100%;
 position:relative;z-index:1;
 display:none;
 overflow-y:auto;
 overflow-x:hidden;  
 text-align:center;
 vertical-align:middle;
 border-radius: 10px;
 border:  6px solid;
 border-width:4px 7px 5px 7px;
 padding:4px 12px!important;
}

0

5

а это анимация появления текста
в целом, нафиг она нужна, но пусть будет
тут

Код:
section { 
  animation: scale 0.7s ease-in-out; 
} 
@keyframes scale { 
  0% { 
  transform: scale(0.9); 
  opacity: 0; 
  } 
  50% { 
  transform: scale(1.005); 
  opacity: 0.5; 
  } 
  100% { 
  transform: scale(1); 
  opacity: 1; 
  } 

0

6

#bptab section {
    display: none;
    margin-top: 10px;
    margin-left: 15px;
    width: 750px;
    height: 420px;
    background: #ff000033;
    border-radius: 5px;
    padding: 10px;
    overflow: hidden;
    text-align: justify;
}

#bptab label {
    display: inline-block;
    width: 210px;
    cursor: pointer;
    height: 28px;
    opacity: 1;
    transition: all .2s linear;
    background: #0000009c;
    text-align: center;
    font-family: goudy;
    text-transform: uppercase;
    font-size: 12px;
    color: #2c525a;
    line-height: 29px;
    border-radius: 10px;
}

0