: 100 
Код:
<!--HTML--><center><div style="width: 400px; font-size: 12px; line-height: 14px; font-family: times new roman; text-transform: uppercase; "> <b>Т</b>оржественно клянемся, что ответим на любой вопрос. <br> <b>Е</b>стественно, если он касается форума. <br><br>Но можете спросить, как у нас дела, и мы напоим Вас горячим чаем и расскажем о насущных проблемах :) <br> Мы с удовольствием и со всей ответственностью поможем Вам:<br> выбрать/придержать персонажа и внешность<br> найти/создать необходимую/отсутствующую тему<br> развеять сомнения и поднять настроение<br> и прочее-прочее-прочее<br><br> Уважаемые гости, внешности придерживаются сроком на три дня. При необходимости бронь можно продлить.</div></center>
Код:
<!--HTML--> <div class='postcolor'>
<style type="text/css">
#tracker{position:relative; height:100px; width:400px; }
#tracker [type=radio]{display:none}
#tracker label{display:inline-block; padding:2px; background-color: #e3e3e3; color:#666; text-transform:uppercase; font-family:calibri; font-size:8px; letter-spacing:2px; width:50px;}
#tracker [type=radio]:checked ~ label {background-color:#bfbfbf;}
#tracker [type=radio]:checked ~ label ~ .tealcont {opacity:1;}
.tealtab{display:inline; margin-right:3px;}
.tealcont{position:absolute; background-color:#bfbfbf; top:15px;width:390px; padding:5px; font-family:calibri; font-size:10px; letter-spacing:1px; text-transform:uppercase; opacity:0;}
</style>
<center>
<div id="tracker">
<div class="tealtab"><input type="radio" name="tealtracks" id="dos"> <label for="dos">Йохан</label><div class="tealcont">icq - 364433444</div></div>
<div class="tealtab"><input type="radio" name="tealtracks" id="uno"> <label for="uno">Кая</label><div class="tealcont">icq - 659571177</div></div>
<div class="tealtab"><input type="radio" name="tealtracks" id="cinco"> <label for="cinco">Лоркан</label><div class="tealcont">VK - himmelr<br>icq - 685004181</div></div>
<div class="tealtab"><input type="radio" name="tealtracks" id="ses"> <label for="ses">Джеймс</label><div class="tealcont">-</div></div>
</div>
</div>
</center> </div>ПРИДЕРЖАННЫЕ ПЕРСОНАЖИ | |
| |
ПРИДЕРЖАННЫЕ ВНЕШНОСТИ | |
|
