Код:
[html]<link href='http://fonts.googleapis.com/css?family=Dosis' rel='stylesheet' type='text/css'>
<style>
#sfos1 {width: 449px; background-color: #000; padding-bottom: 10px; background: url(http://savepic.su/5667022.jpg); }
.the-bottom1 {width: 435px; padding: 7px; background-color: #9e4635; text-align: center; font-family: dosis; text-transform: uppercase; color: #fff; font-size: 20px; }
.the-small1 {font-family: verdana; letter-spacing: 2px; text-align: center; font-size: 6px; color: #fff; margin-top: -4px;}
.the-writing1 {margin: auto 0px 10px 0px; padding: 15px; background-color: rgba(255,255,255, 0.9); position: relative; top: 10px; font-family: verdana; color: #121212; font-size: 11px; text-align: justify; overflow: auto; }
.the-writing1 b {color: #FB5472;}
</style><center><div id="sfos1"><div class="the-bottom1" style="background-color: #aaa393">
ЗАНЯТЫЕ РОЛИ
<div class="the-small1">
Безумие как гравитация — нужно только подтолкнуть.
</div></div><div class="the-writing1">
Представляем вашему вниманию список занятых ролей на <i>DC: A Game of You</i>. Список периодически обновляется, поэтому следите за ним внимательно. Из данного перечня можно почерпнуть массу полезной информации. <br>Для нужных роли не бронируются.
</div></div></center>Код:
[html] <table style="table-layout:fixed;width:100%"><tbody> <tr><td style="width:35%; background: url(http://savepic.su/5667022.jpg);"> <p><span style="display: block; text-align: center; font-size: 15px; font-family: dosis; letter-spacing: 1px; color: #fff;"> <strong>Мужские</strong> </span></p></td> <td style="width:35%; background: url(http://savepic.su/5667022.jpg);"> <p><span style="display: block; text-align: center; font-size: 15px; font-family: dosis; letter-spacing: 1px; color: #fff;"> <strong>Женские</strong> </span></p></td></tr> <tr><td valign="top"><div style="font-size: 14px; text-align: center; font-family: dosis; border-bottom: 2px groove #fff5ee;">A-B-C</div><div style="display: block; text-align: center; padding-top: 5px; "> <b>Barry Allen</b> / <i> Flash</i><br> <b>Bruce Wayne</b> / <i> Batman</i><br> <b>Сonnor Kent</b> / <i> Superboy</i><br> </div></td> <td valign="top"><div style="font-size: 14px; text-align: center; font-family: dosis; border-bottom: 2px groove #fff5ee;">A-B-C</div><div style="display: block; text-align: center; padding-top: 5px; "> <b>Barbara Gordon</b> / <i>Batgirl</i><br> <b>Beatriz da Costa</b> / <i> Fire</i><br> <b>Cassandra Sandsmark</b> / <i>Wonder Girl</i><br> </div></td></tr> <tr><td valign="top"><div style="font-size: 14px; text-align: center; font-family: dosis; border-bottom: 2px groove #fff5ee;">D-E-F</div><div style="display: block; text-align: center; padding-top: 5px; "> <b>Damian Wayne</b> / <i> Robin</i><br> <b>Eobard Thawne</b> / <i>Professor Zoom</i><br> </div></td> <td valign="top"><div style="font-size: 14px; text-align: center; font-family: dosis; border-bottom: 2px groove #fff5ee;">D-E-F</div><div style="display: block; text-align: center; padding-top: 5px; "> </div></td></tr> <tr><td valign="top"><div style="font-size: 14px; text-align: center; font-family: dosis; border-bottom: 2px groove #fff5ee;">G-H-I</div><div style="display: block; text-align: center; padding-top: 5px; "> <b>Hal Jordan</b> / <i>Green Lantern</i><br> </div></td> <td valign="top"><div style="font-size: 14px; text-align: center; font-family: dosis; border-bottom: 2px groove #fff5ee;">G-H-I</div><div style="display: block; text-align: center; padding-top: 5px; "> <b>Harleen Quinzel</b> / <i> Harley Quinn</i><br> </div></td></tr> <tr><td valign="top"><div style="font-size: 14px; text-align: center; font-family: dosis; border-bottom: 2px groove #fff5ee;">J-K-L</div><div style="display: block; text-align: center; padding-top: 5px; "> <b>Jack Knight</b> / <i> Starman</i><br> <b>J'onn J'onzz</b> / <i> Martian Manhunter</i><br> <b>Joker</b> <br> <b>Leonard Snart</b> / <i> Captain Cold</i><br> <b>Lucifer Morningstar</b> / <i> Lucifer Morningstar</i><br> </div></td> <td valign="top"><div style="font-size: 14px; text-align: center; font-family: dosis; border-bottom: 2px groove #fff5ee;">J-K-L</div><div style="display: block; text-align: center; padding-top: 5px; "> <b>Jade Nguyen</b> / <i>Cheshire</i><br> <b>Lori Zechlin</b> / <i>Black Alice</i><br> </div></td></tr> <tr><td valign="top"><div style="font-size: 14px; text-align: center; font-family: dosis; border-bottom: 2px groove #fff5ee;">M-N-O</div><div style="display: block; text-align: center; padding-top: 5px; "> </div></td> <td valign="top"><div style="font-size: 14px; text-align: center; font-family: dosis; border-bottom: 2px groove #fff5ee;">M-N-O</div><div style="display: block; text-align: center; padding-top: 5px; "> </div></td></tr> <tr><td valign="top"><div style="font-size: 14px; text-align: center; font-family: dosis; border-bottom: 2px groove #fff5ee;">P-Q-R</div><div style="display: block; text-align: center; padding-top: 5px; "> <b>Richard Grayson</b> / <i>Agent 37</i><br> </div></td> <td valign="top"><div style="font-size: 14px; text-align: center; font-family: dosis; border-bottom: 2px groove #fff5ee;">P-Q-R</div><div style="display: block; text-align: center; padding-top: 5px; "> </div></td></tr> <tr><td valign="top"><div style="font-size: 14px; text-align: center; font-family: dosis; border-bottom: 2px groove #fff5ee;">S-T-U</div><div style="display: block; text-align: center; padding-top: 5px; "> <b>Slade Joseph Wilson</b> / <i> Deathstroke</i><br> <b> Timothy Drake</b> / <i>Red Robin</i><br> </div></td> <td valign="top"><div style="font-size: 14px; text-align: center; font-family: dosis; border-bottom: 2px groove #fff5ee;">S-T-U</div><div style="display: block; text-align: center; padding-top: 5px; "> <b>Selina Kyle</b> / <i> Catwoman</i><br> <b>Tora Olafsdotter</b> / <i> Ice</i><br> </div></td></tr> <tr><td valign="top"><div style="font-size: 14px; text-align: center; font-family: dosis; border-bottom: 2px groove #fff5ee;">V-W-X</div><div style="display: block; text-align: center; padding-top: 5px; "> <b>Victor Zsasz</b> <br> </div></td> <td valign="top"><div style="font-size: 14px; text-align: center; font-family: dosis; border-bottom: 2px groove #fff5ee;">V-W-X</div><div style="display: block; text-align: center; padding-top: 5px; "> </div></td></tr> <tr><td valign="top"><div style="font-size: 14px; text-align: center; font-family: dosis; border-bottom: 2px groove #fff5ee;">Y-Z</div><div style="display: block; text-align: center; padding-top: 5px; "> </div></td> <td valign="top"><div style="font-size: 14px; text-align: center; font-family: dosis; border-bottom: 2px groove #fff5ee;">Y-Z</div><div style="display: block; text-align: center; padding-top: 5px; "> </div></td></tr> </tbody></table>
Код:
<b>Имя персонажа</b> / <i> альтер-эго</i><br>
