По эксперементируй с боковой панелью ещё. Мне кажется, она вышла не очень, но можт сюда подойдёт/
В HTML-ВЕРХ
<script>function PanelToggleL(a){var b=a.attr('data'),c=a.css('margin-left');a.attr('data',c);a.stop().animate({'margin-left':b},500)}</script>
<style>
#left-panel {
top:0px;
padding:0;
margin-left:-280px;
position:fixed;z-index:1000;
left: 0px;
}
.content-L {
padding:10px;
width:250px;
height:488px;
margin-left:10px;
margin-top:70px;
position:absolute;}
</style>
<div data="0" id="left-panel">
<div class="content-L">
<a href="http://lolo.mybb.ru/viewtopic.php?id=37#p224" ><img src="http://s5.uploads.ru/tUIBy.png" ></a>
<br><a href="http://lolo.mybb.ru/viewtopic.php?id=34#p221" ><img src="http://s5.uploads.ru/6KTyM.png" ></a>
<br><a href="http://lolo.mybb.ru/viewtopic.php?id=33#p220" ><img src="http://s5.uploads.ru/gMrZ2.png" ></a>
<br><a href="http://lolo.mybb.ru/viewtopic.php?id=32#p219" ><img src="http://s5.uploads.ru/KPTUC.png" ></a>
<br><a href="http://lolo.mybb.ru/viewforum.php?id=42" ><img src="http://s4.uploads.ru/Fgc0o.png" ></a>
<br><a href="http://lolo.mybb.ru/viewforum.php?id=43" ><img src="http://s5.uploads.ru/E1UcK.png" ></a>
<br><a href="http://lolo.mybb.ru/viewforum.php?id=44" ><img src="http://s4.uploads.ru/UZA2d.png" ></a>
<br><a href="http://lolo.mybb.ru/viewforum.php?id=45" ><img src="http://s4.uploads.ru/prea6.png" ></a>
</div>
<img id="img-left" src="http://s4.uploads.ru/4HsXS.png" onclick="PanelToggleL($('#left-panel'))"/>
</div><!-- Конец Левой Панели -->
Отредактировано Тигрозвёзд (2013-09-08 04:53:52)