Код:
<!--HTML--><link href='https://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
<style type="text/css">
.se001 {
width: 500px;
height: 400px;
background-image: url(http://funkyimg.com/i/24LhC.jpg);
padding: 20px;
padding-left: 80px;
border: #2c211b 6px solid;
}
.se002 {
width: 450px;
height: 350px;
padding: 10px;
background-color: #2c211b; }
.setabs {
position: relative;
width: 450px;
height: 350px;
}
.setab {
float: left;
}
.setab label {
background: #7f695e;
width: 70px;
height: 70px;
border: 1px solid #ccc;
margin-left: -100px;
position: absolute;
left: 1px;
padding: 5px;
border: #2c211b 1px solid;
}
.setab [type=radio] {
display: none;
}
.secontent {
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
background: white;
padding: 20px;
font-size: 12px;
overflow: auto;
}
</style>
<center>
<div class="se001"><div class="se002">
<div class="setabs">
<div class="setab">
<input type="radio" id="setab-1" name="setab-group-1" checked>
<label for="setab-1"><a href="http://nebraska.rusff.me/viewtopic.php?id=16#p728" title="Разыскивается любимая тетя"><img src="http://funkyimg.com/i/24YjN.gif"></a>
</label>
<div class="secontent">
<center><br><b>Доброго времени суток, путник!</b>
<br>Мы рады приветствовать тебя на нашем форуме! Проходи, располагайся поудобнее, знакомься с информацией и задавай нам интересующие тебя вопросы, АМС проекта с удовольствием ответят тебе на них.
<br><img src="http://funkyimg.com/i/24LpF.gif">
<br><b>Время | место действия:</b>
<br>декабрь 2015 | США, Штат Небраска, Линкольн
<br><b>Жанр | рейтинг проекта:</b>
<br>реальная жизнь | nc-21
<br><b>Система игры:</b>
<br>эпизоды
<br> внешности придерживаются <b>на два дня</b>
<br>
<b>ПРИДЕРЖАННЫЕ ВНЕШНОСТИ:</b><br>
<table>
<tr>
<td><center>• male •
<hr>
</center></td>
<td><center>• female •
<hr>
<br><font color="#2c211b"><b>gillian anderson</b></font> [kathleen hale] - до 11.12<br>
</center></td>
</tr>
</table>
</div>
</div>
<div class="setab">
<input type="radio" id="setab-2" name="setab-group-1">
<label for="setab-2" style="margin-top: 85px;" ><a href="3" title=""><img src=""></a></label>
</div>
<div class="setab">
<input type="radio" id="setab-2" name="setab-group-1">
<label for="setab-2" style="margin-top: 170px;" ><a href="3" title=""><img src=""></a></label>
</div>
<div class="setab">
<input type="radio" id="setab-2" name="setab-group-1">
<label for="setab-2" style="margin-top: 255px;" ><a href="3" title=""><img src=""></a></label>
</div></div>
</center>Код:
<br><font color="#2c211b"><b>внешность с маленькой буквы </b></font> [ник] - до <br>
