Код:
<style type="text/css">
.reagan { width: 500px; height: 810px; background-image: url(http://funkyimg.com/i/HMX8.png); overflow: hidden; position: relative; border: 40px solid #b0deff; border-image: url(http://funkyimg.com/i/HMX9.jpg) 40 round round; }
.reagan .todd { width: 300px; position: absolute; left: 100px; top: 270px; transition-duration: .6s; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s; padding-top: 10px; padding-bottom: 10px; background-color: #fafafa;}
.reagan:hover .todd { opacity: .4; }
.reagan .cam { width: 185px; height: 150px; padding: 10px; border: 5px solid #0d90e1; background-color: #fff; position: absolute; top: 35px; left: -300px; transition-duration: .6s; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s;}
.reagan:hover .cam { top: 30px; left: 30px; }
.reagan .ella { width: 185px; height: 150px; padding: 10px; border: 5px solid #0d90e1; background-color: #fff; position: absolute; top: 35px; right: -300px; transition-duration: .6s; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s;}
.reagan:hover .ella { top: 30px; right: 30px; }
.reagan .hayden { width: 185px; height: 150px; padding: 10px; border: 5px solid #0d90e1; background-color: #fff; position: absolute; top: 220px; left: -300px; transition-duration: .6s; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s;}
.reagan:hover .hayden { top: 220px; left: 30px; }
.reagan .emilia { width: 185px; height: 150px; padding: 10px; border: 5px solid #0d90e1; background-color: #fff; position: absolute; top: 220px; right: -300px; transition-duration: .6s; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s;}
.reagan:hover .emilia { top: 220px; right: 30px; }
.reagan .mona { width: 185px; height: 150px; padding: 10px; border: 5px solid #0d90e1; background-color: #fff; position: absolute; top: 413px; left: -300px; transition-duration: .6s; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s;}
.reagan:hover .mona { top: 413px; left: 30px; }
.reagan .sofia { width: 185px; height: 150px; padding: 10px; border: 5px solid #0d90e1; background-color: #fff; position: absolute; top: 413px; right: -300px; transition-duration: .6s; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s;}
.reagan:hover .sofia { top: 413px; right: 30px; }
.reagan .leon { width: 185px; height: 150px; padding: 10px; border: 5px solid #FEDC8A; background-color: #fff; position: absolute; bottom: 23px; left: -300px; transition-duration: .6s; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s;}
.reagan:hover .leon { bottom: 23px; left: 30px; }
.reagan .percy { width: 185px; height: 150px; padding: 10px; border: 5px solid #ff5752; background-color: #fff; position: absolute; bottom: 23px; right: -300px; transition-duration: .6s; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s;}
.reagan:hover .percy { bottom: 23px; right: 30px; }
.bscrolll::-webkit-scrollbar { width: 5px; height: 5px; }
.bscrolll::-webkit-scrollbar-track { background-color: #fff; }
.bscrolll::-webkit-scrollbar-thumb { background-color: #839cf9; }
.bscrolll { font-family: 'bodoni', sans-serif; font-size: 10px; color: #222; line-height: 100%; text-align: left; letter-spacing: 1px; padding-left: -15px; }
.maggie { width: 130px; font-family: 'Amethysta', sans-serif; color: #0d65a3; font-size: 13px; text-transform: uppercase; line-height: 100%; padding-top: 5px; text-align: center; letter-spacing: -1px; }
</style>
<link href='http://fonts.googleapis.com/css?family=Unica+One' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Amethysta' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Lemon' rel='stylesheet' type='text/css'>
<center><div class="reagan">
<div class="todd">
<div style="width: 300px; font-family: 'Lemon', sans-serif; font-size: 30px; color: #0975e2; text-shadow: 1px 1px 0px #000"; text-transform: uppercase; line-height: 100%; text-align: center; letter-spacing: -1px;">Business</div><div style="width: 300px; font-family: 'Unica One', sans-serif; font-size: 9px; text-transform: uppercase; letter-spacing: 2px; line-height: 100%; color: #555; text-align: center;">бла-бла-бла</div>
</div>
<div class="cam">
<div style="width: 175px; height: 125px; padding-right: 5px; overflow: auto;" class="bscrolll">
<br> <b>Мэр города</b>:
<br><b>Заместитель мэра (от 37)</b>:
<br><b>Секретарь (от 25)</b>:
<br><b>Городские советники (от27)</b>:
<br><b>Ген. прокурор (от 35)</b>:
<br><b>Казначей города (от 30)</b>:
</div><div class="maggie">Administration Department</div></div>
<div class="ella">
<div style="width: 175px; height: 140px; padding-right: 5px; overflow: auto;" class="bscrolll">
<b>Глава департамента (от 30)</b>:
<br><b>Начальник отдела (от 30)</b>:
<br><b>Зам. начальника (от 27)</b>:
<br> <b>Детективы (от 23)</b>:
<br><b>Офицеры (от 21)</b>:
<br><b>Эксперт-криминалист(от 26)</b>:
<br><b>Стажеры (от 21)</b>:
<br><b>Сотрудники отдела спец.назначения (штурмовики)</b>:
<br> <b>Компьютерный специалист службы безопасности</b>: <a href="http://atlanticity.ru/profile.php?id=405">Matthew Knight</a>
<br> <b>Начальник отдела по борьбе с наркоторговлей</b>:
</div><div class="maggie">Police Department</div>
</div>
<div class="hayden">
<div style="width: 175px; height: 125px; padding-right: 5px; overflow: auto;" class="bscrolll">
<b>Главный врач (от 34)</b>:
<br><b>Зам.глав-врача (от 30)</b>:
<br><b>Старший ординатор (от 27)</b>:
<br><b>Хирурги</b>: <a href="http://atlanticity.ru/profile.php?id=332">David Emerson</a>, <a href="http://atlanticity.ru/profile.php?section=essentials&id=403">Summer Blair</a>
<br><b>Травматолог</b>:
<br><b>Реаниматолог</b>: <a href="http://atlanticity.ru/profile.php?id=331">Evelina Lockwood</a>,
<br><b>Анестезиолог</b>: <a href="http://atlanticity.ru/profile.php?id=331">Evelina Lockwood</a>
<br><b>Онколог</b>:
<br><b>Кардиолог</b>:
<br><b>Невролог</b>:
<br><b>Дерматолог</b>:
<br><b>Стоматолог</b>:
<br><b>Психотерапевт</b>:
<br><b>Психолог</b>:
<br><b>Детский педиатр</b>:
<br><b>Акушер-гинеколог</b>:
<br><b>Сексопатолог</b>:
<br> <b>Ветеринар</b>:
<br><b>Медсестры</b>: <a href="http://atlanticity.ru/profile.php?id=344">Adelina Teller</a>
<br><b>Интерны</b>:
</div>
<div class="maggie">AtlantiCare Medical Center</div>
</div>
<div class="emilia">
<div style="width: 175px; height: 125px; padding-right: 5px; overflow: auto;" class="bscrolll">
<b>Ректор (от 40)</b>:
<br><b>Помощник ректора (от 25)</b>:
<br><b>Проректор (от 30)</b>:
<br><b>Деканы (от 30)</b>:
<br><b>Зам. декана (от 28)</b>:
<br><b>Преподаватели</b>:
<br><b>Студенты</b>: <a href="http://atlanticity.ru/profile.php?id=34">Alexis McKenzie</a>
<a href="http://atlanticity.ru/profile.php?id=409"> Sophie Emerson</a>
</div>
<div class="maggie">Atlantic City University</div>
</div>
<div class="mona">
<div style="width: 175px; height: 135px; padding-right: 5px; overflow: auto;" class="bscrolll">
<b>Управляющий</b>: <a href="http://atlanticity.ru/profile.php?id=2">Oliver Nelson</a>
<br><b>Заместитель (от 25)</b>: <a href=http://atlanticity.ru/viewtopic.php?id=470#p35278"> Max Palmer</a>
<br><b>Администраторы (от 25)</b>:
<br> <b>Арт-директор</b>: <a href="http://atlanticity.ru/profile.php?id=14">Agata Phillips</a>
<br> <b>Проверяющий из главного офиса</b>: <a href="http://atlanticity.ru/profile.php?id=404">Alexa Bracey</a>
<br><b>Танцовщицы (от 21)</b>: <a href="http://atlanticity.ru/profile.php?id=367">Faith Marquez</a>, <a href="http://atlanticity.ru/profile.php?id=390">Impi Walker</a>
<br><b>Официантки (от 21)</b>: <a href="http://atlanticity.ru/profile.php?id=174">Kira Parker</a>
<br><b>Бармены (от 21)</b>:
<br><b>DJ</b>:
<br> <b>Менеджер по продажам</b>:
<br> <b>Помощник менеджера</b>:
<br> <b>Бухгалтер</b>:
</div><div class="maggie">The Playboy Club</div></div>
<div class="sofia">
<div style="width: 175px; height: 135px; padding-right: 5px; overflow: auto;" class="bscrolll">
<b>Управляющий ( от 35)</b>:
<br><b>Зам.управляющего( от 30)</b>:
<br><b>Финансовый директор</b>:
<br><b>Бухгалтер</b>:
<br><b>Кассир</b>:
<br><b>Арт-менеджер</b>:
<br><b>Менеджер зала</b>: <a href="http://atlanticity.ru/profile.php?id=72">Margarita Roselli</a>
<br><b>Крупье</b>:
<br><b>Официанты</b>:
<br><b>Охрана</b>:
<br><b>Модель</b>:
<br> <b>Уборщица</b>:
</div>
<div class="maggie">Taj Mahal Casino</div></div>
<div class="leon">
<div style="width: 175px; height: 130px; padding-right: 5px; overflow: auto;" class="bscrolll">
<br> <b>Психолог</b>: <a href="http://atlanticity.ru/profile.php?id=397">Michael Summers</a>
<br> <b>Фотограф</b>: <a href="http://atlanticity.ru/profile.php?id=13">Aurelia Sherwood</a>
<br> <b>Шеф-повар в ресторане "Резерв"</b>: <a href="http://atlanticity.ru/profile.php?id=413">Theodore Davis</a>
<br> <b>Менеджер по продажам в компьютерной фирме </b>: <a href="http://atlanticity.ru/profile.php?id=12">Katherine MacAlister</a>
<br> <b>Ген. директор строительной компании</b>: <a href="http://atlanticity.ru/profile.php?id=37">Gerard O'Donnell</a>
<br> <b>Киллер</b>: <a href="http://atlanticity.ru/profile.php?id=174">Kira Parker</a>
<br> <b>Автогонщик</b>: <a href="http://atlanticity.ru/profile.php?id=279">Adraian J. Cain</a>
<br> <b>Преподаватель медицины</b>: <a href="http://atlanticity.ru/profile.php?id=332">David Emerson</a>
<br> <b>PR-агент</b>: <a href="http://atlanticity.ru/profile.php?id=348">Stella Carnegie-Bradley</a>
<br> <b>Политический консультант</b>: <a href="http://atlanticity.ru/profile.php?id=348">Stella Carnegie-Bradley</a>
<br> <b>Начальник юридического отдела компании "Barry Callebaut"</b>: <a href="http://atlanticity.ru/profile.php?id=352">Stephanie Nelson</a>
<br> <b>Журналист</b>: <a href="http://atlanticity.ru/profile.php?id=359">Nadine Hudson</a>
<br> <b>Старший партнер и адвокат в Exxon Mobil</b>: <a href="http://atlanticity.ru/profile.php?id=144">Harvey Black</a>
<br> <b>Военная в отпуске</b>: <a href="http://atlanticity.ru/profile.php?id=375">Deborah Kid</a>
<br> <b>Дизайнер модной одежды</b>: <a href="http://atlanticity.ru/profile.php?id=376">Jeanne Biron</a>
<br> <b>Телохранитель, гувернантка</b>: <a href=http://atlanticity.ru/profile.php?id=366>Teodora Nowak</a>
<br> <b>Секретарь в ветклинике</b>: <a href="http://atlanticity.ru/profile.php?id=379">Jessica Whitemore</a>
<br> <b>Свободная писательница</b>: <a href="http://atlanticity.ru/profile.php?id=392">Emily Summers</a>
<br> <b>Иллюстратор</b>: <a href="http://atlanticity.ru/profile.php?id=392">Emily Summers</a>
<br> <b>Акционер Caesars Atlantic City Hotel and Casino</b>: <a href="http://atlanticity.ru/profile.php?id=391">Miranda Wayne</a>
<br> <b>Киллер</b>: <a href="http://atlanticity.ru/profile.php?id=402">Hector Marshall</a>
<br> <b>Управляющая Caesars Atlantic City Hotel and Casino</b>: <a href="http://atlanticity.ru/profile.php?id=406">Federika Tegano</a>
<br> <b>Аферистка, воровка</b>: <a href="http://atlanticity.ru/profile.php?id=411">Mary Fry</a>
<br> <b>Учительница начальных классов</b>: <a href="http://atlanticity.ru/profile.php?id=412"> Tess Richardson</a>
</div><div class="maggie">other</div></div>
<div class="percy">
<div style="width: 175px; height: 130px; padding-right: 5px; overflow: auto;" class="bscrolll">
<b>Босс:</b>: <a href="...">Salvatore Vettori</a>
<br><b>Младший босс</b>: <a href="...">Vincent Vettori</a>
<br><b>Консильер</b>: <a href="http://atlanticity.ru/viewtopic.php?id=793#p81313">Leonardo Turner</a>
<br><b>Капореджиме</b>:
<br><b>Члены семьи</b>:
<br><b>Финансист</b>: <a href="http://atlanticity.ru/profile.php?section=fields&id=343">Alexander Cipriani</a>
<br><b>Помощник финансиста</b> <a href="http://atlanticity.ru/profile.php?id=72">Margarita Roselli</a>
<br><b>Киллеры</b>:
<br><b>Информаторы</b>: <a href="http://atlanticity.ru/profile.php?id=367">Faith Marquez</a>
<br><b>Остальные соучастники</b>:
<br> <b>Подсадная утка</b>:
</div><div class="maggie">mafia</div>
</div>
</div></center>шаблон
вставляем в код!
Код:
<br> <b>профессия</b>: <a href="ссылка на профиль">кем занята</a>