Заходи, располагайся, будь как дома!

На ваши вопросы отвечают:[html]<div class="tabl"><table>
    <tr>
        <td><div class="spiritbox">
  <div class="spirit_pic"><img src="http://forumfiles.ru/files/001a/49/4e/45548.gif"></div>
  <div class="spirit_title">Эйлин Скаррс
<div class="spirit_subtitle">мисс упоротость</div></div>
  <div class="spirit_txt"><div>
Неадекватно адекватная. Пьет все что горит, в гостевой предлагает непотребности, отвечает за оформление, за слова и вообще базарит по понятиям. 
</div>
</div>
</div></td>
<td><div class="spiritbox">
  <div class="spirit_pic"><img src="http://forumfiles.ru/files/001a/49/4e/81857.gif"></div>
  <div class="spirit_title">Лили Эванс
<div class="spirit_subtitle">Мисс милашка</div></div>
  <div class="spirit_txt"><div>
Милый рыжик. Староста, что бдит за школьниками и их шалостями. Готова ответить на все ваши вопросы и помочь обосноваться в нашем доме.
</div>
</div>
</div></td>
<td><div class="spiritbox">
  <div class="spirit_pic"><img src="http://forumfiles.ru/files/001a/49/4e/16064.gif"></div>
  <div class="spirit_title">Сириус Блэк
<div class="spirit_subtitle">Мистер долбоеб</div></div>
  <div class="spirit_txt"><div>
Попал в состав по блату (читать как "через постель"). Самый занятый из всех администраторов, а заодно и самый быстрый. Вы еще не написали ничего в гостевую - он уже ответил. Наш гуру фотошопа и по совместительству самые сладкие щечки форума.
</div>
</div>
</div>
</td>
    </tr>
</table>
</div>
<style>
@import url('https://fonts.googleapis.com/css?family=Oswald:400,700|Play:400,700&subset=cyrillic');

.tabl {width: 550px;}
.spiritbox {width: 205px;
    height: 130px;
    overflow: hidden;
    position: relative;
    display: block;
    margin: auto;}

.spirit_pic {    width: 205px;
    height: 130px;
    transition: all 0.7s ease-in-out 0s;}

.spirit_pic img {
max-height: 130px;}

.spirit_title {width: 158px;
    position: absolute;
    text-align: center;
    margin-top: -90px;
    font-family: oswald;
    font-size: 16px;
    font-weight: 700;
    margin-left: 23px;
    color: #999;
    text-shadow: 1px 1px 1px #000;
    text-transform: lowercase;
    transition: all 0.7s ease-in-out 0s;
    background: radial-gradient(ellipse at center, rgba(0,0,0,.8) 30%, rgba(255,255,255,0) 70%);
    height: 55px;}

.spirit_subtitle {box-shadow: 0 -2px 0 0 #999;
text-align: center;
font-family: play;
font-size: 8px;
font-weight: 200;
color: #dfdfdf;
text-shadow: 1px 1px 1px #000;
text-transform: uppercase;
transition: all 0.3s ease-in-out 0s;
padding-top: 2px;
margin-top: 5px}

.spirit_txt {width: 170px;
    height: 90px;
    text-align: justify;
    font-family: tahoma;
    font-size: 10px;
    margin-top: 0px;
    position: absolute;
    background-color: rgba(255,255,255,0.8);
    line-height: 11px;
    margin-left: 18px;
    opacity: 0;
    transition: all 0.7s ease-in-out 0s;}

.spirit_txt div {
overflow-y: auto;
padding-right: 3px;
  margin: 7px 7px;
  height: 74px
}

.spirit_txt div::-webkit-scrollbar {
width: 6px;
height:6px;
background-color: transparent;}

.spirit_txt div::-webkit-scrollbar-thumb {
  background-color:#333;
  width:6px !important;
  box-shadow: 0 0 0 1px rgba(255, 255, 255,0.1) inset;
}

.spiritbox:hover .spirit_pic {filter: grayscale(100%) blur(2px);
transform: scale(1.2)}

.spiritbox:hover .spirit_title {margin-top: -170px}
.spiritbox:hover .spirit_txt {margin-top: -110px;
opacity: 1}</style>
[/html]

[b]Внешность[/b] //  [color=maroon][i]ник персонажа[/i][/color] // - за кем