Код:
<!--HTML--><div class="postcolor"> <div align="center">

<style type="text/css">
#tt {border: 0px solid #e9e9d1; width: 250px; height: 350px; position: relative; overflow: hidden;  -webkit-box-shadow: outset 1px 1px 2px 1px #efdfb8; box-shadow: outset 1px 1px 2px 1px #efdfb8;
border-radius: 100px 20px 20px 20px;-moz-border-radius: 100px 20px 20px 20px; -webkit-border-radius:  100px 20px 20px 20px; -o-border-radius: 100px 20px 20px 20px;}

#tt .ff { -WEBKIT-TRANSITION: 2S ALL EASE-IN-OUT; -MOZ-TRANSITION: 0.8S ALL EASE-IN-OUT; O-TRANSITION: 0.8S ALL EASE-IN-OUT; position: absolute; left: 0px; bottom: 0px; width: 250px; 
height: 350px;}

#tt:hover .ff { -WEBKIT-TRANSITION: 0.8S ALL EASE-IN-OUT; -MOZ-TRANSITION: 0.8S ALL EASE-IN-OUT; O-TRANSITION: 0.8S ALL EASE-IN-OUT; left: -250px; }

#btt {border: 0px solid #e9e9d1; width: 250px; height: 350px; position: relative; overflow: hidden;  -webkit-box-shadow: outset 1px 1px 2px 1px #efdfb8; box-shadow: outset 1px 1px 2px 1px #efdfb8;
border-radius: 20px 100px 20px 20px;-moz-border-radius:  20px 100px 20px 20px; -webkit-border-radius:  20px 100px 20px 20px; -o-border-radius: 20px 100px 20px 20px;
}

#btt .bff { -WEBKIT-TRANSITION: 2S ALL EASE-IN-OUT; -MOZ-TRANSITION: 0.8S ALL EASE-IN-OUT; O-TRANSITION: 0.8S ALL EASE-IN-OUT; position: absolute; right:  0px; bottom: 0px; width: 250px; height: 350px; }

#btt:hover .bff { -WEBKIT-TRANSITION: 0.8S ALL EASE-IN-OUT; -MOZ-TRANSITION: 0.8S ALL EASE-IN-OUT; O-TRANSITION: 0.8S ALL EASE-IN-OUT; right: -250px; }
</style>

<table><tbody><tr><td>
<div style="width: 250px;  border-radius: 100px 20px 20px 20px;-moz-border-radius:  100px 20px 20px 20px; -webkit-border-radius:  100px 20px 20px 20px; -o-border-radius: 100px 20px 20px 20px; padding: 8px; background-color: #efdfb8; ">
<center>
<div id="tt"><div class="ff">
<img src="http://savepic.org/7386435.png">
</div>
  <div style="background-image:url('http://savepic.org/7370108.gif'); width:250px; height:112px;
border: 2px solid #efdfb8; border-bottom-color:#e0cdaa; border-radius: 100px 21px 0px 0px; -webkit-border-radius: 100px 21px 0px 0px;"></div>

<div style="background-color: #e0cdaa; width: 249px; height: 25px; "><div style="text-align: center; padding-top: 4px; font-face: Verdana; font-size: 12px; color: #ffffff;"><b>Oliver.J. Rios | Оливер Джей Риос</b></div></div>
<div style="height: 230px; width:249px;  text-transform: uppercase; font-face: verdana; font-size:8px; overflow: auto; background-color: #ebebf4">Наш «султан» графист_дизайнер_организатор_рекламщик, которого окружают прекрасные дамы. Ходит вечно в одних плавках, контролируя оформления нашего городка, где всегда тепло и весело. Не пропустит ни одной шумной вечеринки, приходя всегда с новыми людьми. Поклялся на своей тачке, что без его внимания никто не останется. Дамы скорей на пляж, и не забудьте взять крем от загара ;)</div>
</div>
</center></div></td>

<td>
<div style="width: 250px;  border-radius: 20px 100px 20px 20px;-moz-border-radius:  20px 100px 20px 20px; -webkit-border-radius:  20px 100px 20px 20px; -o-border-radius: 20px 100px 20px 20px; padding: 8px; background-color: #efdfb8; ">
<center>
<div id="btt"><div class="bff">
<img src="http://savepic.org/7360832.png">
</div>
  <div style="background-image:url('http://savepic.org/7345534.gif'); width:250px; height:112px; border: 2px solid #efdfb8; border-bottom: 0px; border-left: 0px; border-radius: 20px 100px 0px 0px;-moz-border-radius:  20px 100px 0px 0px; -webkit-border-radius:  20px 100px 0px 0px; -o-border-radius: 20px 100px 0px 0px;"></div>

<div style="background-color: #e0cdaa; width: 250px; height: 25px"><div style="text-align: center; padding-top: 4px; font-face: Verdana; font-size: 12px; color: #ffffff;"><b>Emma Gatsby | Эмма Гетсби</b></div></div><div style="height: 230px; width:249px; text-transform: uppercase; font-face: verdana; font-size:8px; overflow: auto; background-color: #ebebf4">Умница, красавица, спортсменка и просто админ. Ярая активистка, борец с кодами, организационными и текстовыми вопросами.Настоящие сокровище среди квестовиков, массовик - затейник, организатор и просто душка. В своем прозрачном парео, она патрулирует ролевую днем и ночью, охраняя покой и мир всех форумчан. На бутылке абсента поклялась не отпускать Вас с Филадельфии трезвыми :) </div></div>
</div>
</center></div></td></tr>
<tr><td>
<div style="width: 250px;  border-radius: 100px 20px 20px 20px;-moz-border-radius:  100px 20px 20px 20px; -webkit-border-radius:  100px 20px 20px 20px; -o-border-radius: 100px 20px 20px 20px; padding: 8px; background-color: #efdfb8; ">
<center>
<div id="tt"><div class="ff">
<img src="http://savepic.org/7359808.png">
</div>
  
  <div style="background-image:url('http://savepic.org/7386495.gif'); width:250px; height:112px;
border: 2px solid #efdfb8; border-bottom-color:#e0cdaa; border-radius: 100px 21px 0px 0px; -webkit-border-radius: 100px 21px 0px 0px;"></div>
<div style="background-color: #e0cdaa; width: 250px; height: 25px"><div style="text-align: center; padding-top: 4px; font-face: Verdana; font-size: 12px; color: #ffffff;"><b>Daisy Stevens | Дэйзи Стивенс</b></div></div><div style="height: 230px; text-transform: uppercase; font-face: verdana; font-size:8px; overflow: auto; background-color: #ebebf4">Самые соблазнительные глаза, губы и ушки нашей ролевой, наш проводник в другие миры, менеджер по связям с общественностью, а проще говоря - пиарщик. Владения ее простираются на все просторы рекламы и партнерства. По этом вопросам не стесняясь топайте сразу к ней. Дейзи, как одни из ответственных членом амс-состава, готова принять на себя заботу о новичках. Если заплутали в каких-то темах, она с радостью кинет Вам спасательный круг и вытянет на берег. На крему для загара поклялась не отпускать Вас раньше полуночи :) </div>
</div>
</center></div></td>

<td>
<div style="width: 250px;  border-radius: 20px 100px 20px 20px;-moz-border-radius:  20px 100px 20px 20px; -webkit-border-radius:  20px 100px 20px 20px; -o-border-radius: 20px 100px 20px 20px; padding: 8px; background-color: #efdfb8; ">
<center>
<div id="btt"><div class="bff">
<img src="http://savepic.org/7377220.png">
</div>
  <div style="background-image:url('http://savepic.org/7350655.gif'); width:250px; height:112px; border: 2px solid #efdfb8; border-bottom: 0px; border-left: 0px; border-radius: 20px 100px 0px 0px;-moz-border-radius:  20px 100px 0px 0px; -webkit-border-radius:  20px 100px 0px 0px; -o-border-radius: 20px 100px 0px 0px;"></div>
 <div style="background-color: #e0cdaa; width: 249px; height: 25px; "><div style="text-align: center; padding-top: 4px; font-face: Verdana; font-size: 12px; color: #ffffff;"><b>Allison Payne | Эллисон Пэйн</b></div></div><div style="height: 230px; text-transform: uppercase; font-face: verdana; font-size:8px; overflow: auto; background-color: #ebebf4">Поцелованная солнышком, самая позитивная девушка. На ее хрупких плечиках забота организационного характера. Текстовик, на-все-руки-мастер, и просто обояшка. Готова всегда помочь освоиться, не заплутав в дебрях нашего городка. Всегда готова пустить под свой пляжный зонт и расскажет, где-что-и-как. На надувном мячике поклялась веселить Вас до упаду :)</div>
</div>
</center></div></td></tr>
<tr><td>
<div style="width: 250px;  border-radius: 100px 20px 20px 20px;-moz-border-radius:  100px 20px 20px 20px; -webkit-border-radius:  100px 20px 20px 20px; -o-border-radius: 100px 20px 20px 20px; padding: 8px; background-color: #efdfb8; ">
<center>
<div id="tt"><div class="ff">
<img src="http://savepic.org/7374148.png">
</div>
  <div style="background-image:url('http://savepic.org/7378300.gif'); width:250px; height:112px;
border: 2px solid #efdfb8; border-bottom-color:#e0cdaa; border-radius: 100px 21px 0px 0px; -webkit-border-radius: 100px 21px 0px 0px;"></div>
<div style="background-color: #e0cdaa; width: 250px; height: 25px"><div style="text-align: center; padding-top: 4px; font-face: Verdana; font-size: 12px; color: #ffffff;"><b>Caroline Gatsby | Кэролайн Гетсби</b></div></div><div style="height: 230px; text-transform: uppercase; font-face: verdana; font-size:8px; overflow: auto; background-color: #ebebf4">Мастерица кодов, на-все-руки мастер. На "ты" с графикой всея форума. Стоит на страже оформления нашего городка, в любой момент готовая свистеть, оповещая всех о событиях. Добрая и милая, любит плюшки и лайки, а так же готовая прийти ко всем на помощь, вытереть Вас полотенечком и надеть панамку. На шлепанцах от Джимми Чу поклялась танцевать с Вами до упаду :)</div>
</div>
</center></div></td>

<td>
<div style="width: 250px;  border-radius: 20px 100px 20px 20px;-moz-border-radius:  20px 100px 20px 20px; -webkit-border-radius:  20px 100px 20px 20px; -o-border-radius: 20px 100px 20px 20px; padding: 8px; background-color: #efdfb8; ">
<center>
<div id="btt"><div class="bff">
<img src="http://savepic.org/7379268.png">
</div>
  <div style="background-image:url('http://savepic.org/7385468.gif'); width:250px; height:112px; border: 2px solid #efdfb8; border-bottom: 0px; border-left: 0px; border-radius: 20px 100px 0px 0px;-moz-border-radius:  20px 100px 0px 0px; -webkit-border-radius:  20px 100px 0px 0px; -o-border-radius: 20px 100px 0px 0px;"></div>
<div style="background-color: #e0cdaa; width: 250px; height: 25px"><div style="text-align: center; padding-top: 4px; font-face: Verdana; font-size: 12px; color: #ffffff;"><b>Lauren Marlowe | Лорен Марлоу</b></div></div><div style="height: 230px; text-transform: uppercase; font-face: verdana; font-size:8px; overflow: auto; background-color: #ebebf4">Наша скромница, и просто душка. Текстовик – помощник – проводник. Ее улыбка способна сразить наповал, и просто поднять все отличное настроение. Если вы с ней не знакомы, то скорей идите знакомиться, ведь она поклялась на своем купальнике, что не будет спать с вами до самого утра. А еще у нее есть заначка в виде конфет и тапочек ;))</div>
</div>
</center></div></td></tr>

</tbody></table>