<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<div style="overflow-x: hidden; overflow-y: hidden; height: 350px; position: absolute; width: 850px; top: 550px; margin-left: -5px">
<div id="slideshow">
<div id="slidesContainer">
<div class="slide">
<table style="width: 690px; height: 100%; margin-left: 0px; margin-top:-50px;">
<td style="width: 300px; margin-left: 20px;" align="center">
<b>Администрация форума:</b><br>
<a href="http://psyhodelictown.1bb.ru/profile.php?id=2">John Smith</a> |
<a href="http://psyhodelictown.1bb.ru/profile.php?id=5">Daphne Gray</a>
<br><br>
<b>Модераторы:</b><br>
<a href="http://psyhodelictown.1bb.ru/profile.php?id=55">Chelsea Evans</a>|
<a href="http://psyhodelictown.1bb.ru/profile.php?id=80">Keith Doherty</a>
<br><br>
<b>Навигация</b> <br>
<a href="http://psyhodelictown.1bb.ru/viewtopic.php?id=3">Гостевая</a> | <a href="http://psyhodelictown.1bb.ru/viewtopic.php?id=5">Правила</a> |
<a href="http://psyhodelictown.1bb.ru/viewtopic.php?id=73">Описание основных мест города N </a> |<a href="http://psyhodelictown.1bb.ru/viewtopic.php?id=4">Сюжет</a>| <a href="http://psyhodelictown.1bb.ru/viewtopic.php?id=6">Занятые внешности</a>| <a href="http://psyhodelictown.1bb.ru/viewtopic.php?id=36">Профессии</a> | <a href="http://psyhodelictown.1bb.ru/viewforum.php?id=8">Акции</a> | <a href="http://psyhodelictown.1bb.ru/viewtopic.php?id=13#p23444">#0 Жду тебя</a>
</center>
<td style="width: 300px; margin-left: 20px;" align="center">
<center><b>Активисты недели:</b>
<br>
<a href="http://psyhodelictown.1bb.ru/profile.php?id=84"><img src="http://s2.uploads.ru/rSv1d.png"></a>
<a href="http://psyhodelictown.1bb.ru/profile.php?id=39"><img src="http://s2.uploads.ru/DZ2Qu.png"></a>
<a href="http://psyhodelictown.1bb.ru/profile.php?id=80"><img src="http://s2.uploads.ru/kEQtc.png"></a>
<a href="http://psyhodelictown.1bb.ru/profile.php?id=79"><img src="http://s2.uploads.ru/ti30V.png"></a>
</center>
<br><br>
<center><b>Заслуживает внимания:</b></center>
<a title="Каталог фэнтези сайтов Палантир" href='http://palantir.in/?from=16942' target='_blank'><img src="http://palantir.in/count.php?id=16942&today_hosts=1&total_hosts=1&cid=1_2.png" alt='Palantir' title="Каталог фэнтези сайтов Палантир" border=0 width="88px" height="31px"></a><a href="http://top.roleplay.ru/19963" title="Рейтинг Ролевых Ресурсов - RPG TOP" target="top_">
<img src="http://img.rpgtop.su/88x31x11x8.gif" alt="Рейтинг Ролевых Ресурсов - RPG TOP" border="0" width="88" height="31"></a>
<a href="http://reallifehelp.mybb.ru/"><img src="http://s3.uploads.ru/TPdND.gif " title="Reallife FRPG help "></a>
<a href="http://cherrybomb.rusff.me/" target="_blank"><img src="http://s2.uploads.ru/kRcQV.gif" border="0" alt="Burlesque: cherry bomb"></a>
</center>
</center>
</td>
</tr>
</table>
</div>
<div class="slide">
<table style="width: 690px; height: 100%; margin-left: 0px;margin-top:-50px;">
<tr>
<td style="width: 660px; margin-left: 100px; " align="center">
<center>
<b>Партнеры:</b><br><br>
<center>
<a href="http://jtc-dream.ru/" title="JTC: American dream" target=_blank> <img src="http://s3.uploads.ru/c3oJh.gif"></a" border="0" alt="JTC"></a>
<a href="http://glee.f-rpg.ru/" target="top_">
<img src="http://s3.uploads.ru/v83Kk.gif" alt="GLEE" border="0" width="88" height="31"></a>
<a href="http://colorforum.ru" title="Колорфорум любит тебя!" target=_blank> <img src="http://forumstatic.ru/files/000c/77/06/72214.gif" border="0" alt="COLOR FORUM"></a>
<a href="http://sorcerers.rolfor.ru/"><img src="http://s1.uploads.ru/nUOkV.gif"title="Открытая Колдовская Академия им. Кикиморова"></a>
<a href="http://libertyforum.rusff.me/" title="Liberty Avenue: Rainbow world" target="blank">
<img src="http://s001.radikal.ru/i195/1211/cb/3b714621c6cf.gif"></a>
<a href="http://indigotm.rusff.me/" title="Кто предотвратит катастрофу?" target="blank"><img src="http://s2.uploads.ru/BXSpz.gif"></a>
<a href="http://invisible.f-rpg.ru/" title="приключения ждут тебя!" target=_blank> <img src="http://s1.ipicture.ru/uploads/20130209/eWPP0696.gif" border="0" alt="D O C T O R W H O «The Invisible Enemy»"></a>
<a href="http://tvdstoryoflove.rusff.me/"><img src="http://uploads.ru/i/a/Z/Q/aZQbY.gif" alt="TVD: story of love"</a>
<a target="_blank" href="http://bonup.artbb.ru/"><img src="http://uploads.ru/i/T/A/d/TAdns.png" ></a>
<a href="http://stockholm.rusff.me/"><img src="http://s2.uploads.ru/nD2PA.gif"></a>
<a href="http://alarmme.ru/" title="Alarm with LA me" target=_blank> <img src="http://uploads.ru/i/c/j/Z/cjZiL.gif"></a" border="0" alt="LA me"></a>
<a href="http://ddh.rusff.me/" target=_blank><img src="http://s3.uploads.ru/t/6iO9W.gif" border="0" title="DDH: Life in Livingstone" width=88 height=31></a>
<A href="http://lagame.rusff.me/"><IMG src="http://s3.uploads.ru/FzsLf.gif" title="CARPET ROYAL" alt="null" width="88" height="31"></A>
<a href="http://amsdam.ru/" title="Ты еще не с нами?" target=_blank> <img src="http://s017.radikal.ru/i403/1207/33/5a6c908e052c.gif" border="0" alt="AMSTERDAM"></a>
<a href="http://cherrybomb.rusff.me/" target="_blank"><img src="http://s2.uploads.ru/kRcQV.gif" border="0" alt="Burlesque: cherry bomb"></a>
<a href="http://newround.rusff.me/" target=_blank title="X-men: New round"><img src="http://s3.uploads.ru/Icrx2.gif"></a>
<a href="http://reallifehelp.mybb.ru/"><img src="http://s3.uploads.ru/TPdND.gif " title="Reallife FRPG help "></a>
<a href="http://hustler.6bb.ru/" target="_blank"><img src="http://forumavatars.ru/img/avatars/0011/15/3f/1341-1355988117.jpg" border="0" alt="Hustler - the best strip-club" width="88" height="31" ></a>
<a href="http://holoveplan.rusff.me"target=_blank><img src="http://s2.uploads.ru/bw2O6.gif"border="0" alt="место где сбываются мечты" ></a>
</td>
</tr>
</table>
</div>
<div class="slide">
<table style="width: 690px; height: 100%; margin-left: 0px; margin-top:-50px;">
<td style="width: 300px; margin-left: 20px;" align="center">
<b>В игре:</b><br><br>
� Игровая дата: Апрель, 2013 год<br>
� Погода: В начале апреля ожидается низкая температура, 9-11 градусов по Цельсию. К середине апреля ожидается потепление, но кратковременные дожди. К концу апреля будет солнечно, температура будет варьироваться от 17 до 23 градусов по Цельсию.<br><br>
<b>Мини-квесты:</b><br><br>
<br>
</center>
</center>
<td style="width: 300px; margin-left: 20px;" align="center">
<b>Пост недели:</b><br><br>
<a href="ссылка"><img src='простая картинка без наведения'
onmouseover="this.src='картинка при наведении'"
onmouseout="this.src='простая картинка без наведения'" border=0>
</center>
</center>
</td>
</tr>
</table>
</div>
</div></div></div>
<style>
#slideshow {
margin:0 auto;
width:690px;
height:320px;
background:transparent url(картинка на фон) no-repeat 0 0;
position:relative;}
#slideshow #slidesContainer {
margin:0 auto;
width:850px;
height:320px;
position:relative;}
#slideshow #slidesContainer .slide {
margin:0 auto;
width:670px; /* На двадцать пикселев меньше чем ширина #slidesContainer */
overflow-y:auto; /* поддержка прокрутки */
height:320px;
text-align: center;}
.control {
cursor: pointer;
display: block;
height: 89px;
position: absolute;
text-indent: -10000px;
width: 90px;
z-index: 100;}
#leftControl {
left: 280px;
top: 200px;
background:transparent url(http://s3.uploads.ru/CGNXd.png) no-repeat 0 0;}
#rightControl {
top: 200px;
right: 240px;
background:transparent url(http://s2.uploads.ru/XaklD.png) no-repeat 0 0;}
.slide h3 {margin:10px 0 10px 0; text-transform: uppercase; font-family: 'times new roman'; font-size: 16px; border-bottom: 2px groove #fff;}</style>
<script type="text/javascript">
$(document).ready(function(){
var currentPosition = 0;
var slideWidth = 820;
var slides = $('.slide');
var numberOfSlides = slides.length;
// С помощью скрипта убираем прокрутку в контейнере.
$('#slidesContainer').css('overflow', 'hidden');
// Свернем все вкладки .slides в блок #slideInner
slides .wrapAll('<div id="slideInner"></div>')
.css({
'float' : 'left',
'width' : slideWidth
});
// Проставим блоку #slideInner ширину, равную общей ширине контейнеров
$('#slideInner').css('width', slideWidth * numberOfSlides);
$('#slideshow')
.prepend('<span class="control" id="leftControl">Clicking moves left</span>')
.append('<span class="control" id="rightControl">Clicking moves right</span>');
manageControls(currentPosition);
$('.control')
.bind('click', function(){
currentPosition = ($(this).attr('id')=='rightControl') ? currentPosition+1 : currentPosition-1;
manageControls(currentPosition);
$('#slideInner').animate({
'marginLeft' : slideWidth*(-currentPosition)
});
});
function manageControls(position){
// Скрыть левую стрелку у первого контейнера
if(position==0){ $('#leftControl').hide() } else{ $('#leftControl').show() }
// Скрыть правую стрелку у последнего контейнера
if(position==numberOfSlides-1){ $('#rightControl').hide() } else{ $('#rightControl').show() }
}
});
</script>