Код:
[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/5694091.png);"><div class="the-hover"><div class="the-writing">
Кал-Эл, сын Джор-Эла и Лары, был рожден на обреченной планете Криптон. Джор-Эл надеялся отправить свою беременную жену с планеты на испытательном корабле, но Кал-Эл родился раньше, чем планировалось, а жизнеобеспечивающая система корабля была рассчитана только на одного. Поэтому ребенка одного отправили на Землю, последнего сына Криптона.
</div></div></div>
<div class="the-bottom">Superman/Супермен
<div class="the-small">
<b>Настоящее имя:</b>Clark Joseph Kent / Кларк Кент <br>
<b>Альтр-Эго:</b> Супермен, Человек из Стали <br>
<b>Способности: </b><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/5642888.png);"><div class="the-hover"><div class="the-writing">
Диана (Diana) была дочерью Королевы Ипполиты (Hippolyta), первым ребенком, рожденным на Райском Острове (Paradise Island) за три тысячелетия, что бессмертные Амазонки (Amazons) жили там. Амазонки были созданы около 1200 до Рождества Христова, когда греческие богини «вытащили» души всех женщин, убитых мужчинами. Миссией Дианы был мир, но частично в самом начале он включал в себя разрушение безумного плана Ареса (Ares) по уничтожению мира. Диана отважилась проникнуть в мир мужчин, начав с Бостона.
</div></div></div>
<div class="the-bottom">Wonder Woman / Чудо-Женщина
<div class="the-small">
<b>Настоящее имя:</b> Диана | Diana <br>
<b>Альтр-Эго:</b>Чудо-Женщина, Королева амазонок <br>
<b>Способности: </b><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: 630px;} .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: 10px; 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: #322f2f; font-size: 11px; text-align: justify; overflow: auto; height: 80px; padding: 0px 0px; } .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/5685472.png);"><div class="the-hover"><div class="the-writing"> Бэтмен – тайное альтер-эго миллиардера Брюса Уэйна, успешного промышленника, филантропа и любимца женщин. В детстве, став свидетелем убийства своих родителей, Брюс поклялся посвятить свою жизнь искоренению преступности и борьбе за справедливость. </div></div></div> <div class="the-bottom">Batman /Бэтмэн <div class="the-small"> <b>Настоящее имя:</b> Брюс Уэйн<br> <b>Альтр-Эго:</b> Бэтмэн, Человек-летучая мышь, Бэтс, Тёмный Рыцарь<br> <b>Способности: </b><br> Мастерский акробат<br> Мастер боевых искусств<br> Высокий уровень интеллекта<br> Отличный атлет<br> Опытный детектив<br> Мастер скрытности </div></div></td> </div></center>
Код:
[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.ru/7170907.png);"><div class="the-hover"><div class="the-writing">
Затанна Затара приходится дочерью знаменитого мага Джованни «Джона» Затары (Giovanni “John” Zatara) и Синделлы (Sindella), девушки из мистического племени магов, называющегося Скрытые (Hidden Ones) или Хомо Маги (Homo Magi). Затанна является прямым потомком художника и мага Леонардо да Винчи (Leonardo da Vinci), а также является родственницей Нострадамуса (Nostradamus), Алессандро Калиостро (Alessandro Cagliostro), известных алхимиков Николаса Фламеля (Nicholas Flamel) и Эвана Фулканелли (Evan Fulcanelli), а также Лорда Ариона из Атлантиды (Lord Arion of Atlantis), её двоюродный брат, Закари Затара, также является магом.
</div></div></div>
<div class="the-bottom"> Затанна /Zatanna
<div class="the-small">
<b>Настоящее имя:</b> Затанна Затара /Zatanna Zatara <br>
<b>Альтр-Эго:</b> Затанна, Повелительница Магии, Зи <br>
<b>Способности: </b><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.ru/7194439.png);"><div class="the-hover"><div class="the-writing"> Хэл Джордан – самый известный из Зелёных Фонарей. Он был первым землянином, принятым в Корпус, и был назван величайшим Зелёным Фонарём всех времён. Также Зелёный Фонарь является одним из основателей Лиги Справедливости Америки (Justice League of America). Он также был известен как Параллакс (Parallax) и Спектр (The Spectre). </div></div></div> <div class="the-bottom">Green Lantern /Зелёный Фонарь <div class="the-small"> <b>Настоящее имя:</b> Гарольд «Хэл» Джордан / Harold «Hal» Jordan <br> <b>Альтр-Эго:</b> Хайбол, Зелёный Фонарь <br> <b>Способности: </b><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.ru/7171910.png);"><div class="the-hover"><div class="the-writing"> Барри Аллен — Флэш Серебряного Века и, как утверждают некоторые, самый первый герой Серебряного Века. Он стал Флэшем после Джея Гаррика и до Уолли Уэста. </div></div></div> <div class="the-bottom">Flash /Флэш <div class="the-small"> <b>Настоящее имя:</b> Бартоломью Генри Аллен (Bartholomew Henry Allen) <br> <b>Альтр-Эго:</b> Барри Аллен ,Флэш , Параллакс <br> <b>Способности: </b><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/5772164.png);"><div class="the-hover"><div class="the-writing">
Аквамэн (Aquaman) – телепат, правитель Атлантиды (Atlantis) и всех земных океанов; атлант (Atlantean) с невероятной силой и скоростью, а также возможностью управлять всеми морскими формами жизни. Его уникальная физиология позволяет ему выживать на суше и в самых глубоких впадинах, с огромным давлением и температурой.
</div></div></div>
<div class="the-bottom">Aquaman /Аквамэн
<div class="the-small">
<b>Настоящее имя:</b>Орин Атлан-сон; Артур Карри <br>
<b>Альтр-Эго:</b>Обитатель Глубин ; Пловец ; Повелитель Океана <br>
<b>Способности: </b><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.ru/7549971.png);"><div class="the-hover"><div class="the-writing"> Дж'онн - коренной житель планеты Марс (более известной как Ма'алека'андра на его родном языке, - это намек на Малакандру, название Марса на языке его народа в романе К.С. Льюиса - "За пределы безмолвной планеты"), который обладает способностями, похожими на силы Супермена, включая полет, тепловое зрение (иногда называют еще "марсианским зрением", и нередко добавляют и другие особенности зрения, как у Супермена), суперсилу и сверхвыносливость. Дж'онн может выжить даже в вакууме - без дополнительных приспособлений. </div></div></div> <div class="the-bottom">Martian Manhunter/Марсианский охотник <div class="the-small"> <b>Настоящее имя:</b>Дж'онн Дж'oнзз <br> <b>Альтр-Эго:</b>Джон Джонс, Йохан Йохансен <br> <b>Способности: </b><br> Невидимость<br> Неуязвимость<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.ru/8375489.jpg);"><div class="the-hover"><div class="the-writing">
Виктор Стоун (Victor Stone) - единственный сын Силаса и Элиноры Стоун (Silas and Elinora Stone) двух ученых, намеренных использовать свои исследования с целью улучшения человечества. Хотя они были блестящими учеными, родителями они были никудышными, и даже использовали Виктора в качестве испытуемого для эксперимента по усилению умственных способностей. В то время как успешно проведенный эксперимент дал Виктору гениальный уровень интеллекта, он возмущался тем, что родители обращались с ним, как с подопытным, нежели как с сыном.
</div></div></div>
<div class="the-bottom">Cyborg / Киборг
<div class="the-small">
<b>Настоящее имя:</b>Виктор Стоун <br>
<b>Альтр-Эго:</b>Киборг, Омегадром <br>
<b>Способности: </b><br>
Сверхчеловеческая сила<br>
Сверхчеловеческая выносливость<br>
Сверхчеловеческая выносливость<br>
Использование компьютеров<br>
Встроенное оружие и сенсорные системы
</div></div></td>
