Код:

[html]<link href='http://fonts.googleapis.com/css?family=Oswald:400,300,700' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Dosis' rel='stylesheet' type='text/css'>
<style>
#sfos {width: 610px;}

.the-image {width: 500px; height: 200px;}
.the-image .the-hover {margin: auto 15px 10px 10px; padding: 10px; background-color: rgba(255,255,255, 0.9); opacity: 0; height: 80px; transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; position: relative; top: 10px;}
.the-image:hover .the-hover {opacity: 1.0;}

.the-bottom {width:486px; padding: 7px; background-color: #322f2f; text-align: center; font-family: dosis; text-transform: uppercase; color: #fff; font-size: 16px;}
.the-small {font-family: verdana; letter-spacing: 2px; text-align: center; font-size: 6px; color: #fff; margin-top: -2px;}

.the-writing {font-family: verdana; color: #121212; font-size: 10px; text-align: justify; overflow: auto; height: 80px; padding: 0px 5px; }
.the-writing b {color: #FB5472;}
</style>
<center><div id="sfos">

<table cellspacing="0" cellpadding="0"><td><div class="the-image" style="background-image: url(http://savepic.su/5699632.png);"><div class="the-hover"><div class="the-writing">


Тим наблюдал за приключениями Динамического Дуэта (Dynamic Duo) даже когда Дик стал Ночекрылым (Nightwing), а место Робина занял Джейсон Тодд (Jason Todd). После смерти Джейсона Тим убедился, что Робину нужна замена.


</div></div></div>
<div class="the-bottom">Red Robin / Красный Робин
<div class="the-small">
<b>Настоящее имя:</b>Тимоти Джексон Уэйн – законное имя, Тимоти Джексон Дрейк <br>
<b>Альтр-Эго:</b> Тим , Робин, Красный Робин  <br>
<b>Способности: </b><br>
Пик человеческого состояния<br>
Отличный акробат<br>
Мастер боевых искусств<br>
Великолепный тактик и стратег<br>
Мастер побегов<br>
Эксперт технического оснащения<br>
Первоклассный программист и хакер
</div></div></td>

Код:

[html]<link href='http://fonts.googleapis.com/css?family=Oswald:400,300,700' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Dosis' rel='stylesheet' type='text/css'>
<style>
#sfos {width: 610px;}

.the-image {width: 500px; height: 200px;}
.the-image .the-hover {margin: auto 15px 10px 10px; padding: 10px; background-color: rgba(255,255,255, 0.9); opacity: 0; height: 80px; transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; position: relative; top: 10px;}
.the-image:hover .the-hover {opacity: 1.0;}

.the-bottom {width:486px; padding: 7px; background-color: #322f2f; text-align: center; font-family: dosis; text-transform: uppercase; color: #fff; font-size: 16px;}
.the-small {font-family: verdana; letter-spacing: 2px; text-align: center; font-size: 6px; color: #fff; margin-top: -2px;}

.the-writing {font-family: verdana; color: #121212; font-size: 10px; text-align: justify; overflow: auto; height: 80px; padding: 0px 5px; }
.the-writing b {color: #FB5472;}
</style>
<center><div id="sfos">

<table cellspacing="0" cellpadding="0"><td><div class="the-image" style="background-image: url(http://savepic.su/5805914.png);"><div class="the-hover"><div class="the-writing">

 Супербой – клон, созданный с использованием ДНК Супермэна (Superman). Он был создан «Проектом Кадмус» (Project Cadmus), чтобы заменить Человека из Стали, после событий «Смерть Супермэна», когда Величайший герой Земли был убит в битве с существом по имени Думсдэй (Doomsday).  Клона исскуственно  состарили до подросткового возраста, внедрив ему воспоминания и необходимые знания (математика, чтение и т.д.).  Прежде чем он был окончательно состарен до возраста взрослого мужчины и мог начать приносить пользу, его освободил Легион  Мальчишек-газетчиков (Newsboy Legion).  Прежде чем выйти в город, один из мальчишек дал Супербою кожаную куртку. В дальнейшем эта вещь стала основой его имиджа.

</div></div></div>
<div class="the-bottom"> Superboy / Супербой
<div class="the-small">
<b>Настоящее имя:</b>  Коннер Кент  <br>
<b>Альтр-Эго:</b>Эксперимент 13 <br>
<b>Способности: </b><br>
Телекинетическая сила<br>
Полет с помощью телекинеза<br>
Силовое поле<br>
Демонтирование вещей<br>
Манипуляция силовым полем<br>
Телекинетические Силовые Взрывы<br>
Исцеляющий фактор<br>
Сверхрефлексы<br>
Сверхчеловеческая сила<br>
Сверхчеловеческая выносливость<br>
Полёт<br>
Сверхчеловеческие чувства
</div></div></td>