<table style="width: 750px; margin: 0 auto;">
<tbody>
<tr>
<td valign=top>
<div id="menu">
<b>
<span alt="#sm1" style="cursor: pointer;"><center><img src=ссылка на вкладку "Добро пожаловать"></center></span>
<span alt="#sm2" style="cursor: pointer;"><center><img src=ссылка на вкладку "Важные ссылки"></center></span>
<span alt="#sm3" style="cursor: pointer;"><center><img src=ссылка на вкладку "События в игре"></center></span>
<span alt="#sm4" style="cursor: pointer;"><center><img src=ссылка на вкладку "Лучшие"></center></span>
<span alt="#sm5" style="cursor: pointer;"><center><img src=ссылка на вкладку "Нужные"></center></span>
<span alt="#sm6" style="cursor: pointer;"><center><img src=ссылка на вкладку "Партнеры"></center></span>
</b>
</div>
</td>
<td id="MenuTxT" valign="top">
<div id="submenu" align="center">
<div id="sm1" class="submenutext" style="display:block;">
<style>
.hover-blk {
display:inline-block;
}
.hover-blk > .b {
background-color:#faeedd;
box-shadow:12px 12px 12px #000,-3px -3px 18px #000;
//border:1px solid #999999;
display:none;
position:absolute;
height: 220px;
padding:12px;
text-align: center;
width: 220px;
margin-top:5px;
}
.hover-blk > .b img{
margin-bottom:12px;
}
.hover-blk:hover .b {
display:block;
}
</style>
<div class="hover-blk">
<a href="http://tvdinspiration.rusff.me/profile.php?id=10">
<img src="http://s9.uploads.ru/F9aXy.jpg" class="Hoverbuttons" /></a>
<div class="b">
<img src="http://s9.uploads.ru/uwMPF.gif" width=100% />
<p style="font-family:'Palatino Linotype'"><b>Elijah Mikaelson</b><br>
<i>Стильный и благородный</i><br>
Никогда не бросит в беде</p>
</div></div>
<div class="hover-blk">
<a href="http://tvdinspiration.rusff.me/profile.php?id=3">
<img src="http://s9.uploads.ru/Wtq3f.jpg" style="margin-left: 10px;" class="Hoverbuttons" /></a>
<div class="b">
<img src="http://s9.uploads.ru/j9EfY.gif" width=100% />
<p style="font-family:'Palatino Linotype'"><b>Elena Gilbert</b><br>
<i>Суровая, но справедливая</i><br>
Справочная по любым вопросам</p>
</div></div>
<br>
<div><p style="font-family:'Palatino Linotype'"><font size="+1"><b><i>Добро пожаловать на ролевую The Inspiration!</i></b></font><br>
<p style="font-family:'Palatino Linotype'"><b><i>Здесь история оживает, раскрашивается яркими красками<br>
и обрастает новыми подробностями. Мы будем рады всем,<br>
канонам и неканонам, ведь каждый пишет легенду своей жизни,<br>
оставляя след в истории, влияя на происходящее вокруг.<br>
Мы рады активным, интересным, увлеченным людям, каждый из<br>
которых станет неотъемлемой и незаменимой частью нашей семьи!</i></b></p></div>
<br>
<a href="http://top.roleplay.ru/22256" title="Рейтинг Ролевых Ресурсов - RPG TOP" target="top_">
<img src="http://img.rpgtop.su/rpgtop1.gif" alt="Рейтинг Ролевых Ресурсов - RPG TOP" border="0" width="88" height="31"></a>
</div>
<div id="sm2" class="submenutext">
<br>
<center><div id="yoblako" align="center"><noindex>
<a style="font-size:12pt;" href="http://tvdinspiration.rusff.me/viewtopic.php?id=4#p4" rel="nofollow" class="eTag eTagGr8">Сюжет</a>
<a style="font-size:12pt;" href="http://tvdinspiration.rusff.me/viewtopic.php?id=3#p3" rel="nofollow" class="eTag eTagGr8">Правила</a>
<a style="font-size:12pt;" href="http://tvdinspiration.rusff.me/viewtopic.php?id=10#p11" rel="nofollow" class="eTag eTagGr8">Список ролей</a>
<a style="font-size:12pt;" href="http://tvdinspiration.rusff.me/viewtopic.php?id=6#p7" rel="nofollow" class="eTag eTagGr8">Занятые внешности</a>
<a style="font-size:12pt;" href="http://tvdinspiration.rusff.me/viewtopic.php?id=1#p1" rel="nofollow" class="eTag eTagGr8">Гостевая</a>
<a style="font-size:12pt;" href="http://tvdinspiration.rusff.me/viewtopic.php?id=5#p5" rel="nofollow" class="eTag eTagGr8">Шаблон анкеты</a>
<a style="font-size:12pt;" href="http://tvdinspiration.rusff.me/viewtopic.php?id=11#p12" rel="nofollow" class="eTag eTagGr8">Выяснение отношений</a>
<a style="font-size:12pt;" href="http://tvdinspiration.rusff.me/viewtopic.php?id=12#p13" rel="nofollow" class="eTag eTagGr8">Вопросы и предложения</a>
<a style="font-size:12pt;" href="http://tvdinspiration.rusff.me/viewtopic.php?id=13#p14" rel="nofollow" class="eTag eTagGr8">Отсутствие</a>
<a style="font-size:12pt;" href="http://tvdinspiration.rusff.me/viewtopic.php?id=14#p15" rel="nofollow" class="eTag eTagGr8">Поиск партнера</a>
<a style="font-size:12pt;" href="http://tvdinspiration.rusff.me/viewtopic.php?id=15#p16" rel="nofollow" class="eTag eTagGr8">Новости</a>
<a style="font-size:12pt;" href="http://tvdinspiration.rusff.me/viewtopic.php?id=20#p21" rel="nofollow" class="eTag eTagGr8">Кандидаты на удаление</a>
<a style="font-size:12pt;" href="http://tvdinspiration.rusff.me/viewtopic.php?id=22#p23" rel="nofollow" class="eTag eTagGr8">Занятые имена и фамилии</a>
<a style="font-size:12pt;" href="http://tvdinspiration.rusff.me/viewtopic.php?id=21#p22" rel="nofollow" class="eTag eTagGr8">Начисление валюты</a>
</noindex></div></center>
</div>
<div id="sm3" class="submenutext">
<p style="font-family:'Palatino Linotype'"><b><i><font size="+1">
Мистик-Фоллс</font><br>
В МФ очередное затишье, но вот надолго ли оно? Город будто бы<br>
служит магнитом для вампиров. Кровожадные личности стекаются<br>
туда, чтобы создать новые проблемы или помочь разобраться с ними.
<br>
<font size="+1">Новый Орлеан</font><br>
В городе Короля продолжаются кровавые войны. То и дело кто-то гибнет,<br>
кто-то хочет мести, кто-то власти, а кто-то готов предать и<br>
встать на сторону победителя, как только он определится.
<br>
<font size="+1">Уитмор</font><br>
В этом году в колледже жарко. Таинственные исчезновения студентов,<br>
многочисленные смерти - всё это дает поводы призадуматься не только новичкам,<br>
но и тем, кто в Уитморе не первый год. Расследования идут с разных сторон,<br>
но вот чем они закончатся?..
</i></b></font>
</div>
<div id="sm4" class="submenutext">
<!-- DEMO -->
<style>/* объява */
#slideShowContainer{
width:310px;
padding:120px 0;
height:250px;
position:relative;
z-index:1000;
margin-left:10px;
margin-top:-130px
}
#slideShow{
position:absolute;
height:250px;
width:300px;
background-color: transparent;
margin:8px 0 0 10px;
z-index:100;
-moz-box-shadow:0 0 10px #111;
-webkit-box-shadow:0 0 10px #111;
box-shadow:0 0 10px #111;
}
#pictures { position: relative; height: 208px; }
#pictures img { position: absolute; top: 0; left: 0; margin: 10px 0 0 10px;}
#slideShowContainer > a{
border:none;
text-decoration:none;
text-indent:-99999px;
overflow:hidden;
width:36px;
height:37px;
background:url('https://forumupload.ru/uploads/0007/e3/f7/64535-1.png') no-repeat;
position:absolute;
top:50%;
margin-top:-21px;
}
#previousLink{left:-22px;}
#previousLink:hover{ background-position:bottom left;}
a#nextLink{right:-32px;background-position:top right;}
#nextLink:hover{background-position:bottom right;}
</style>
<center>
<div id="slideShowContainer">
<div id="slideShow">
<div id="pictures">
<img src="http://sb.uploads.ru/y9Dqj.png" title="Matt Donovan" alt="" />
<img src="http://sa.uploads.ru/T01xF.png" title="Luke Parker" alt="" />
<img src="http://sa.uploads.ru/RZ5Mr.png" title="Loraine MacKenna" alt="" />
<img src="http://sb.uploads.ru/pciLl.png" title="Meredith Fell" alt="" />
<img src="http://sa.uploads.ru/4VJzi.png" title="Caroline Forbes" alt="" />
<img src="http://sb.uploads.ru/F2YBI.png" title="Jeremy Gilbert" alt="" />
<img src="http://sc.uploads.ru/xZRFa.png" title="Damon Salvatore & Enzo-Kol-Elena" alt="" />
<img src="http://sb.uploads.ru/xG2Rh.png" title="Damon Salvatore & Stefan Salvatore & Enzo" alt="" />
<img src="http://sc.uploads.ru/5gK8m.png" title="Damon Salvatore & Kol Mikaelson" alt="" />
<img src="http://sa.uploads.ru/PMIJd.png" title="Hayley Marshall" alt="" />
<img src="http://sb.uploads.ru/8RG2K.png" title="Elena Gilbert" alt="" />
<img src="http://sa.uploads.ru/Vrhuj.png" title="Kol Mikaelson" alt="" />
<img src="http://sc.uploads.ru/XhxSO.png" title="Jeremy Gilbert" alt="" />
<img src="http://sc.uploads.ru/ES0Db.png" title="Damon Salvatore" alt="" />
</div>
</div>
<a id="previousLink" href="#">»</a>
<a id="nextLink" href="#">«</a>
</div></center>
<!-- галерейка -->
<script>
$(document).ready(function() {
var z = 0;
var inAnimation = false;
$('#pictures img').each(function() {
z++;
$(this).css('z-index', z);
});
function swapFirstLast(isFirst) {
if(inAnimation) return false;
else inAnimation = true;
var processZindex, direction, newZindex, inDeCrease;
if(isFirst) { processZindex = z; direction = '-'; newZindex = 1; inDeCrease =
1; }
else { processZindex = 1; direction = ''; newZindex = z; inDeCrease = -1; }
$('#pictures img').each(function() {
if($(this).css('z-index') == processZindex) {
$(this).animate({ 'top' : direction + $(this).height() + 'px' }, 'slow',
function() {
$(this).css('z-index', newZindex)
.animate({ 'top' : '0' }, 'slow', function() {
inAnimation = false;
});
});
}
else {
$(this).animate({ 'top' : '0' }, 'slow', function() {
$(this).css('z-index', parseInt($(this).css('z-index')) + inDeCrease);
});
}
});
return false;
}
$('#previousLink').click(function() {
return swapFirstLast(false);
});
$('#nextLink').click(function() {
return swapFirstLast(true);
});
});
</script>
</div>
<div id="sm5" class="submenutext">
<br>
<center><p style="font-family:'Palatino Linotype'"><font size="+1"><b><i>Мы ждем Вас!</i></b></font></center>
<br>
<div class="hover-blk">
<a href="http://tvdinspiration.rusff.me/viewtopic.php?id=9#p361">
<img src="http://s9.uploads.ru/czTQp.jpg" /></a>
<div class="b">
<img src="http://s8.uploads.ru/LA4mS.gif" width=100% />
Dr. Wes Maxfield | доктор Уэс Максфилд<br>
около 30 y.o.<br>
Человек/призрак
</div></div>
<div class="hover-blk">
<a href="http://tvdinspiration.rusff.me/viewtopic.php?id=9#p391">
<img src="http://s8.uploads.ru/txbR2.jpg" style="margin-left: 10px;" /></a>
<div class="b">
<img src="http://s8.uploads.ru/oUWv4.gif" width=100% />
Sophie Deveraux | Софи Деверо<br>
22 y.o.<br>
Ведьма
</div></div>
<div class="hover-blk">
<a href="http://tvdinspiration.rusff.me/viewtopic.php?id=9#p395">
<img src="http://s9.uploads.ru/w3l4R.jpg" style="margin-left: 10px;" /></a>
<div class="b">
<img src="http://s9.uploads.ru/LPv02.gif" width=100% />
Тайлер Локвуд | Tyler Lockwood<br>
19 y.o.<br>
Гибрид
</div></div>
<br><br><br>
<div class="hover-blk">
<a href="http://tvdinspiration.rusff.me/viewtopic.php?id=9#p1032">
<img src="http://s8.uploads.ru/TBpS8.jpg" /></a>
<div class="b">
<img src="http://s8.uploads.ru/u4B53.gif" width=100% />
Elizabeth (Liz) Forbes | Элизабет "Лиз" Форбс<br>
около 45 y.o.<br>
Человек
</div></div>
<div class="hover-blk">
<a href="http://tvdinspiration.rusff.me/viewtopic.php?id=9#p2645">
<img src="http://s8.uploads.ru/Jy5gf.png" style="margin-left: 10px;" /></a>
<div class="b">
<img src="http://s8.uploads.ru/DeBY2.gif" width=100% />
Lestat de Lioncourt | Лестат де Лионкур<br>
25|390 y.o.<br>
Вампир
</div></div>
</div>
<div id="sm6" class="submenutext">
<br><br>
<script language="JavaScript">
d = new Date();
var m = d.getTime();
m=m+'&url=';
m=m+self.location;
var a='<a title="Каталог фэнтези сайтов и банерообменная система Палантир" href="http://palantir.in/index.php?from=18528&rand='+m+'" target="_blank"><img alt="Каталог фэнтези сайтов и банерообменная система Палантир" src="http://palantir.in/showban2.php?type=1&from=18528&rand=' + m;
a=a+'" width="88" height="31" border="0"></a>';
document.write(a);
</script>
<noscript><a title="Каталог фэнтези сайтов и банерообменная система Палантир" href="http://palantir.in/index.php?from=18528" target="_blank"><img alt="Каталог фэнтези сайтов и банерообменная система Палантир" src="http://palantir.in/showban2.php?type=1&from=18528" width="88" height="31" border="0"></a></noscript>
<a href="http://cyanide.mybb.ru/" target="_blank"><img src="http://s2.uploads.ru/1Jh3Z.png
" title="CYANIDE" border="0" width="88" height="31"></a>
<br>
<a href="http://tvdinspiration.rusff.me/" target=_blank> <img src="http://s8.uploads.ru/9Nekp.gif" title="The Vampire Diaries | The Inspiration"></a>
<a href="http://tvdlad.rusff.me/"><img src="http://savepic.su/4221313.gif" border="0" alt="tvd: life after death"></a>
<a href="http://tvdgrowing.rusff.me"><img src="http://s4.uploads.ru/g7F3P.gif" border="0" /></a>
<a href="http://mysticfalls.rolbb.ru/" TVD: Mystic Falls - Town of incest"><img src="http://ipic.su/img/img7/fs/00.1359467839.gif" width="88" height="31" border=0"/></a>
<br>
<a target="_blank" href="http://tvdimmortal.rusff.me/"><img src="http://s0.uploads.ru/9leXW.gif" ></a></a>
<a href="http://crossroad-supernatural.ru/"><img src="http://s9.uploads.ru/T3ieA.gif" title="SPN - Crossroad"></a>
<a href="http://tvdundercontrol.rusff.me/" target=_blank><img src="http://savepic.su/4217298.gif" alt="under control" border="0" width="88" hight="31"></a>
<br>
<a href="http://nhthisiswar.rusff.me/" target="_blank"><img src="http://sa.uploads.ru/DdoPY.gif" title="NEW HAVEN: THIS IS WAR" /></a>
<a href="http://soullove.ru/" target=_blank> <img src="http://s8.uploads.ru/mVaEe.gif" border="0" alt="The Vampire Diaries | Soul Love"></a>
<a href=http://tumultfeelings.rusff.me/><img src="http://savepic.su/1181254m.gif" border="0" alt="TVD: tumult feelings"width=88 height=31 border></a>
<a href="http://vdprimus.rusff.me/" TARGET=_blank>
<img src="http://s7.uploads.ru/f5Hq7.png"border="0" alt="Vampire diaries:Primus inter pares"> </a>
<br>
<a href="http://restless.rusff.me/" title="amsterdam: offshore for freaks" target="blank"><img src="http://s9.uploads.ru/ISkNx.jpg"/></a>
<a href="http://bourbonstreet.rusff.me/"><img src="http://sa.uploads.ru/seE1m.png"></a>
<a href="http://tvdsinners.rusff.me/"><IMG alt="TVD: Sinners and Saints"
src="http://sf.uploads.ru/7lv6k.gif"></a>
<br>
<a href="http://barleyhills.rusff.me"><img src="http://savepic.org/5501990.gif" border="0" alt="BARLEY HILLS: DELIVER US FROM EVIL"></a>
<a href=http://tvdparadise.rusff.me/><img src="http://s5.uploads.ru/t/b3ZFd.gif" border="0" alt="TVD: Dark Paradise"width=88 height=31 border></a>
<a href="http://brisson.rusff.me/" target="_blank"><img src="http://sc.uploads.ru/cK35l.gif" title="TVD: History is a Lie." border="1" width="88" height="31"></a>
<a href="http://eternaltravel.rusff.me/" target=_blank> <img src="http://s9.uploads.ru/r9MfN.gif"border="0"alt="Бесконечное путешествие" width=88 height=31></a>
</div>
</div>
</div>
</td>
</tr>
</tbody>
</table>
