<!-- Выдвижная боковая панель -->
<style type="text/css" media="screen">
#slideout {
          z-index: 200;
          position: fixed;
          top: 5px;
          right: 0;
          width: 40px;
          padding: 12px 0;
          text-align: center;
          background-image: url(картинка);
          background:#010101;
          border-style: double;
          -webkit-transition-duration: 0.3s;
          -moz-transition-duration: 0.3s;
          -o-transition-duration: 0.3s;
          transition-duration: 0.3s;
          -webkit-border-radius: 5px 0 0 5px;
          -moz-border-radius: 5px 0 0 5px;
          border-radius: 5px 0 0 5px;
          }
#slideout_inner {
          z-index: 200;
      overflow-y: auto;
          color: #d4a43e;
          position: fixed;
          top: 5px;
          right: -250px;
          background-image: url(картинка);
          background:#010101;
          border-style: double;
          width: 180px;
          padding: 15px;
          max-height: 500px;
          -webkit-transition-duration: 0.3s;
          -moz-transition-duration: 0.3s;
          -o-transition-duration: 0.3s;
          transition-duration: 0.3s;
          text-align: left;
          -webkit-border-radius: 0 0 05px;
          -moz-border-radius: 0 0 0 5px;
          border-radius: 0 0 0 5px;

          }
#slideout_inner textarea {
          width: 180px;
          height: 150px;
          margin-bottom: 6px;
          border-style: double;
          }
#slideout:hover {
          right: 217px;
          }
#slideout:hover #slideout_inner {
          right: 0;
          }
</style>

<div id="slideout">
<img src="http://s1.uploads.ru/i/gk5wH.png">
<div id="slideout_inner">


<center><font style="font-family: verdana; font-size: 14px; line-height: 10px; padding: -1px; color: #d4a43e">Администраторы</font></center>
<center><a href='http://wwwwarrriocatwardjak.spybb.ru/profile.php?id=2' title="Амазонка
создатель форума"><img src="http://s1.uploads.ru/i/Uj9kJ.png" /></a> <a href='http://wwwwarrriocatwardjak.spybb.ru/profile.php?id=83' title="Ежевика"><img src="http://s1.uploads.ru/i/QLv4V.png" /> <a href='http://wwwwarrriocatwardjak.spybb.ru/profile.php?id=233' title=" Малиновка"><img src="http://s1.uploads.ru/i/6l84R.png" /></a></center>
<center><font style="font-family: verdana; font-size: 14px; line-height: 10px; padding: -1px; color: #d4a43e">Модераторы</font></center>
<center><a href='http://wwwwarrriocatwardjak.spybb.ru/profile.php?id=192' title="Синегривка"><img src="http://uploads.ru/t/J/7/v/J7v0G.jpg" /></a><a href='http://wwwwarrriocatwardjak.spybb.ru/profile.php?id=40' title="Вишенница"><img src="http://uploads.ru/i/B/E/Q/BEQKa.png" /></a> <a href='http://wwwwarrriocatwardjak.spybb.ru/profile.php?id=238' title="Енот"><img src="http://s1.uploads.ru/i/at5eA.png" /></a></center>
<br>
<center><font style="font-family: verdana; font-size: 14px; line-height: 10px; padding: -1px; color: #d4a43e">Лучший игрок недели</font></center>
<center><a href='http://wwwwarrriocatwardjak.spybb.ru/' title="Кот"><img src="http://savepic.ru/2979939.jpg" /></a></center>
<br>
<center><font style="font-family: verdana; font-size: 14px; line-height: 10px; padding: -1px; color: #d4a43e">Пост дня</font></center>
<div style="overflow-y: scroll; width: 180px; height: 70px;"><span style="(0, 255, 0);"><font style="font-family: verdana; font-size: 11px; line-height: 10px; padding: -1px; color: #d4a43e"><center><b>Квест #4 Бесполезная битва</b></center>Сезон Юных Листьев был в самом разгаре. Коты жили мирно, спокойно, но в Сумрачном племени что-то было не так: коварный предводитель Misty готовил опять жестокий план по захвату территории. Ему было не спокойно, предводитель хотел захватить новую территорию. Misty привлекала территория Грозового племени - Густой лес, потому что это было самое безопасное место. В последнее время Сумрачные коты плохо живут: иногда на их территориях бывают собаки, зачастили Двуногие. Грозовые коты сразу обнаружили, что что-то не так: около их границы стали метить Сумрачные коты, и с каждым разом все ближе и ближе. А недавно воительница Амазонка увидела на своих глазах, как Misty убил Звездную Бездну, предводительницу Грозового племени. Вскоре коты Грозового племени стали готовиться к борьбе, но Misty был хитер: Сумрачные коты ни с того ни с сего напали рано утром на Грозовой лагерь. Грозовые коты никак этого не ожидали, но, тем не менее, стали обороняться. В начале борьбы они молча отступали. Misty был уверен в своей победе, но как бы не так. К Грозовым котам присоединились Речные коты и несколько котов из Ветра. Из-за весенних паводок Ветреное племя ослабело, поэтому было их так мало. Начался бой, равный бой! Misty не ожидал такого переворота, но, тем не менее не расстраивался. Бой шел три дня. Сумрачные коты никак не успокаивались. Дождь, глашатый  Грозового племени и будущий предводитель, предлагал мир, но Misty не желал и слушать. Он жаждал мести. Началась битва между ними. Дождю очень тяжело было сражаться, но к нему пришла на помощь воительница Пестрянка. 
Двое на одно - нечестно! - сказал Misty. Но тут пришла к нему на помощь воительница Конфетти, и начался равный бой. Но и Речные, и Грозовые коты ослабевали, и Грозовое племя вынуждена была отдать часть своей территории Сумрачным. Misty был доволен своей победой. После выигранной битвы Сумрачные коты, конечно, были довольны новой территорией, но их мучила совесть. Все таки у племен есть свои территории, которые дали им Звездные предки. Коты решили в тайне от предводителя вернуть завоеванные земли. Грозовые коты, конечно, не ожидали такого переворота, но все-таки поблагодарили их. Misty, узнав об этом, решил наказать свое племя, причем крайне жестоко. Он не мог поверить, что его племя так гнусно и глупо поступило. Он мечтал о власти и большой территории. Коварный предводитель готовил жестокий план, и никто даже об этом не подразумевал.</div>
</div><!-- End -->

[img]http://savepic.ru/2972854.gif[/img]
[img]http://s008.radikal.ru/i306/1108/b8/735cb939390a.png[/img]
[img]http://savepic.net/1834474.jpg[/img]
[img]http://savepic.net/1815083.png[/img]

http://www.goodfon.ru/wallpaper/71691.html - Misty
http://s.photosight.ru/img/8/e8f/3713040_large.jpg - Ежевика
http://weheartit.com/entry/16847313 - Шиповник
http://weheartit.com/entry/16826126 - Линия (сделать глаза голубыми :3)