[html]
<center>
<div class="hronotop">
<div class="hronotagtop"></div>
<div id="hronostorytop">
<div class="hronoslidetop">
<input type="radio" id="silicon1" name="silicon" checked="checked"><label for="silicon1">REAL</label>
<div class="siliconapptabs"><div class="siliconapp"><div class="insidesiliconapp"><div class="insideinsidesilicon">
<center>
<a href="ССЫЛКА НА ЭПИЗОД">НАЗВАНИЕ ЭПИЗОДА</a> ИГРОКИ
</center>
</div></div></div></div>
<input type="radio" id="silicon2" name="silicon"><label for="silicon2">FLASH</label><div class="siliconapptabs"><div class="siliconapp"><div class="insidesiliconapp"><div class="insideinsidesilicon">
<center>
<a href="ССЫЛКА НА ЭПИЗОД">НАЗВАНИЕ ЭПИЗОДА</a> ИГРОКИ
</center>
</div></div></div></div>
<input type="radio" id="silicon3" name="silicon"><label for="silicon3">FUTURE</label><div class="siliconapptabs"><div class="siliconapp"><div class="insidesiliconapp"><div class="insideinsidesilicon">
<center>
<a href="ССЫЛКА НА ЭПИЗОД">НАЗВАНИЕ ЭПИЗОДА</a> ИГРОКИ
</center>
</div></div></div></div>
<input type="radio" id="silicon4" name="silicon"><label for="silicon4">ALTERNATIVE</label><div class="siliconapptabs"><div class="siliconapp"><div class="insidesiliconapp"><div class="insideinsidesilicon">
<center>
<a href="ССЫЛКА НА ЭПИЗОД">НАЗВАНИЕ ЭПИЗОДА</a> ИГРОКИ
</center>
</div></div></div></div>
</div>
</div>
<div id="collectionsttop">
<div class="pagecollectionsttop"></div>
<div class="hronoppltop">
<a href="ССЫЛКА НА ПРОФИЛЬ ИГРОКА"><b>ФАМИЛИЯ ИМЯ</b></a> ОТНОШЕНИЯ
</div>
</div>
</div>
</center>
<style>
#hronostorytop [type="radio"]:checked+label+.siliconapptabs { opacity:1; z-index:2; -webkit-transition:margin-left .8s 0s, z-index 0s 0s; -moz-transition:margin-left .8s 0s, z-index 0s 0s; -o-transition:margin-left .8s 0s, z-index 0s 0s; -ms-transition:margin-left .8s 0s, z-index 0s 0s; margin-left:0px; }
.siliconapptabs { z-index:0; width:460px; margin-left:-455px; height:250px; overflow:hidden; position:absolute; margin-top:5px; -webkit-transition:margin-left .8s 0s, z-index 0s 1s; -moz-transition:margin-left .8s 0s, z-index 0s 1s; -ms-transition:margin-left .8s 0s, z-index 0s 1s; -o-transition:margin-left .8s 0s, z-index 0s 1s; }
</style>[/html]
Код:[html] <center> <div class="hronotop"> <div class="hronotagtop"></div> <div id="hronostorytop"> <div class="hronoslidetop"> <input type="radio" id="silicon1" name="silicon" checked="checked"><label for="silicon1">REAL</label> <div class="siliconapptabs"><div class="siliconapp"><div class="insidesiliconapp"><div class="insideinsidesilicon"> <center> <a href="ССЫЛКА НА ЭПИЗОД">НАЗВАНИЕ ЭПИЗОДА</a> ИГРОКИ </center> </div></div></div></div> <input type="radio" id="silicon2" name="silicon"><label for="silicon2">FLASH</label><div class="siliconapptabs"><div class="siliconapp"><div class="insidesiliconapp"><div class="insideinsidesilicon"> <center> <a href="ССЫЛКА НА ЭПИЗОД">НАЗВАНИЕ ЭПИЗОДА</a> ИГРОКИ </center> </div></div></div></div> <input type="radio" id="silicon3" name="silicon"><label for="silicon3">FUTURE</label><div class="siliconapptabs"><div class="siliconapp"><div class="insidesiliconapp"><div class="insideinsidesilicon"> <center> <a href="ССЫЛКА НА ЭПИЗОД">НАЗВАНИЕ ЭПИЗОДА</a> ИГРОКИ </center> </div></div></div></div> <input type="radio" id="silicon4" name="silicon"><label for="silicon4">ALTERNATIVE</label><div class="siliconapptabs"><div class="siliconapp"><div class="insidesiliconapp"><div class="insideinsidesilicon"> <center> <a href="ССЫЛКА НА ЭПИЗОД">НАЗВАНИЕ ЭПИЗОДА</a> ИГРОКИ </center> </div></div></div></div> </div> </div> <div id="collectionsttop"> <div class="pagecollectionsttop"></div> <div class="hronoppltop"> <a href="ССЫЛКА НА ПРОФИЛЬ ИГРОКА"><b>ФАМИЛИЯ ИМЯ</b></a> ОТНОШЕНИЯ </div> </div> </div> </center> <style> #hronostorytop [type="radio"]:checked+label+.siliconapptabs { opacity:1; z-index:2; -webkit-transition:margin-left .8s 0s, z-index 0s 0s; -moz-transition:margin-left .8s 0s, z-index 0s 0s; -o-transition:margin-left .8s 0s, z-index 0s 0s; -ms-transition:margin-left .8s 0s, z-index 0s 0s; margin-left:0px; } .siliconapptabs { z-index:0; width:460px; margin-left:-455px; height:250px; overflow:hidden; position:absolute; margin-top:5px; -webkit-transition:margin-left .8s 0s, z-index 0s 1s; -moz-transition:margin-left .8s 0s, z-index 0s 1s; -ms-transition:margin-left .8s 0s, z-index 0s 1s; -o-transition:margin-left .8s 0s, z-index 0s 1s; } </style>[/html]