<center><table width="105%" border="0"  >
<tr>
<td width="10%" colspan="2">выплывающее меню </td>

</tr>
<tr>
<td width="30%"  >новости<br><br><br><br><br><br><br><br><br><br><br><br></td>
<td width="10%" rowspan="3" ><img src="http://s57.radikal.ru/i157/1012/db/3d1782ea2ed9.jpg" >
</td>
</tr>
<tr>
<td width="30%"  >Рекорд рейтинга в каталогах<br><br><br></td>
</tr>
<tr>
<td width="10%"  >Объявления<br><br><br></td>
</tr>
 </table></center>

<center><table width="70%" border="0"  >
<tr>
<td width="10%"  >заголовок</td>
<td width="10%"  >заголовок</td>
<td width="10%"  >заголовок</td>
</tr>
<tr>
<td width="30%"  ><div  style="overflow: scroll; overflow-x: hidden; height: (размер-высота)px; width:
(размер-ширина)px"> Полоса прокрутки<br> ...<br> ...<br>....</div>
</td>
<td width="30%"  ><div  style="overflow: scroll; overflow-x: hidden; height: (размер-высота)px; width:
(размер-ширина)px"> Полоса прокрутки<br> ...<br> ...<br>....</div>
</td>
<td width="30%"  ><div  style="overflow: scroll; overflow-x: hidden; height: (размер-высота)px; width:
(размер-ширина)px"> Полоса прокрутки<br> ...<br> ...<br>....</div>
</td>
</tr>
 </table></center>

<center><table width="70%" border="0"  >
<tr>
<td width="10%" colspan="2" >всплывающее меню</td>
</tr>
<tr>
<td width="20%"  rowspan="4">картинка</td>
<td width="10%"  >(название) <br> ...</td>
</tr>
<tr>
<td width="10%"  >(название) <br> ...</td>
</tr>
<tr>
<td width="10%"  >(название) <br> ...</td>
</tr>
<tr>
<td width="10%"  >(название) <br> ...</td>
</tr>
 </table></center>

<center><table width="100%" border="1"  >
<tr>
<td width="10%" colspan="2" >всплывающее меню</td>
</tr>
<tr>
<td width="20%"  rowspan="4">картинка</td>
<td width="10%"  ><font face="Courier New">(название) <br> ... </font> </td>
</tr>
<tr>
<td width="10%"  ><font face="Courier New">(название) <br> ...</font> </td>
</tr>
<tr>
<td width="10%"  ><font face="Courier New">(название) <br> ...</font> </td>
</tr>
<tr>
<td width="10%"  ><font face="Courier New">(название) <br> ...</font> </td>
</tr>
 </table></center>

	<!--============== Начало Таблички =========== -->
<style type="text/css">
#Mytable01{
   background-image: url(http://savepic.org/958223.jpg);/*http://savepic.org/944093.jpg*/
   background-position:left top;
   border: 0px transparent none!important;/**/
   width:600px;
   height:400px!important;
   color:#A1BCF7;
}
#tbody01{
   background: url()left top!important;
}

.td2{
   vertical-align:top;
   border: 0px #fff none!important;/**/
   /*border: 1px #fff solid!important;*/
   padding:0;
   width:196px;
   background-color: transparent !important;
}

.Mybutton {
   /*border: 1px #fff solid!important;*/
   width:167px;
   height:84px;
   padding:0!important;
   margin:  0 -26px 19px 26px;
}

	/* Стиль всплывающего меню */
.divContent{
   z-index: 102;
   width:216px;
   height: auto;
   margin: 5px 0 0 -9px;
   padding: 10px; 
   border: 1px dotted #002000;
   font-size: 10px;
   height: auto;
   background: #D2B48C;
   z-index: 10;
   border: 2px solid #D2B48C;
   font-size: 12px;
   font-family: Lucida Sans Unicode;
   text-align: left;
}
	 /* Прозрачка в Всплывающем меню */
.divContent {background-color: transparent !important;/**/ background: url(http://savepic.net/60004.png); 
    border-radius:15px;
    -webkit-border-radius:15px;
    -khtml-border-radius:15px;
    -moz-border-radius:15px;
    -o-border-radius:15px;

     box-shadow:-4px 5px 14px #365258;
    -webkit-box-shadow:-4px 5px 14px #365258;
    -khtml-box-shadow:-4px 5px 14px #365258;
    -moz-box-shadow:0px 5px 14px #365258;
}/* Конец Стиля всплывающего меню */

.divContent .lipsum:first-letter,.divContent ul li:first-child:first-letter,.divContent p:first-letter{
    font-family: "Times New Roman", Times, serif!important; /* Гарнитура шрифта первой буквы */
    font-size: 200% !important; /* Размер шрифта первого символа */
    color: red!important; /* Красный цвет текста */
} 
.divContent b {
    background-color: transparent!important;
    border: 0px #0A434C none!important;/**/
}
.divContent ul li a{color:#9B59FF!important;
}
#ShadowImg{
    position: absolute!important;
    z-index: 0;
    margin:  0px 0px -0px 0px;
    visibility: hidden;/**/
}
</style>


<center><table id="Mytable01" cols="3" rows="2" cellpadding="0" cellspacing="0" border"2">
  <tbody id="tbody01" style="background: transparent !important;">
    <tr style="background: transparent !important;">

	<td height="293" colspan="3" align="left"  valign="top" cellpadding="0" cellspacing="0" style="background: transparent !important;   border: 0px #fff none!important;">
<img id="ShadowImg" src="http://savepic.org/954114.gif"/><!-- onmouseover="this.src='http://savepic.net/79235.png'" onmouseout="this.src='http://savepic.net/65921.jpg'" -->
	<div align="center" style="position: absolute;margin:82px -65px 0 65px; width:400px;height:210px;/*border:#fff solid 2px;*/"><center>
<div id="yoblako" align="center" style="display:none;position: relative;z-index:12;width:400x;height: 210px;">
<noindex><!--&&&Пу_2-->

<!-- Облако Тегов == Начало Заполнения пункта -->

<a style="font-size:12pt;" href="http://mirrorworldsm.rolka.su/viewtopic.php?id=4" rel="nofollow" class="eTag eTagGr8">Список ролей</a>
<a style="font-size:12pt;" href="http://mirrorworldsm.rolka.su/viewtopic.php?id=3" rel="nofollow" class="eTag eTagGr8">Сюжет</a>
<a style="font-size:12pt;" href="http://mirrorworldsm.rolka.su/viewtopic.php?id=6" rel="nofollow" class="eTag eTagGr8">Правила</a>
<a style="font-size:12pt;" href="http://mirrorworldsm.rolka.su/viewtopic.php?id=8" rel="nofollow" class="eTag eTagGr8">Шаблон анкеты</a>
<a style="font-size:12pt;" href="http://mirrorworldsm.rolka.su/viewtopic.php?id=5" rel="nofollow" class="eTag eTagGr8">Забивание ролей</a>
<a style="font-size:12pt;" href="http://mirrorworldsm.rolka.su/viewforum.php?id=19" rel="nofollow" class="eTag eTagGr8">Реклама</a>

<!--ХХ Конец Заполнения пункта -->
</noindex></div></center>
<!--&&& Cкрипт Облако Тегов -->
<script type="text/javascript">
var flashvars = {};
flashvars.mode = 'tags';
flashvars.minFontSize = '10';
flashvars.maxFontSize = '16';
flashvars.tcolor = '0xB46C74';
flashvars.tcolor2 = '0x15F2ED';
flashvars.hicolor = '0xF5D6BF';
flashvars.distr = 'true';
flashvars.tspeed = '120';
eTagz = document.getElementById('yoblako').getElementsByTagName('A');
flashvars.tagcloud = '<tags>';
for (var i=0; eTagz[i]; ++i) flashvars.tagcloud += '<a href=\'' + eTagz[i].getAttribute('href')
+ '\' style=\'' + parseInt(eTagz[i].style.fontSize)
+ '\'>' + eTagz[i].innerHTML.replace(/&/i, '%26') + '</a>';
delete eTagz;
flashvars.tagcloud += '</tags>';
var params = {};
params.wmode = 'transparent';
params.bgcolor = '#FFFFFF';
params.allowscriptaccess = 'always';
var attributes = {};
attributes.id = 'yoblako';
attributes.name = 'tagcloud';
swfobject.embedSWF('http://neotech.3dn.ru/Tegs/tagcloud.swf', 'yoblako', '400', '210', '9.0.0', false, flashvars, params, attributes);
</script>
<!--&&& End//cкрипт облако тегов -->
	</div>
	</td>
    </tr>
    <tr cellpadding="0" cellspacing="0" valign="top"  align="left">
	<td class="td2">

<div class="spll"><DIV jQuery1259073801391="4"><div class="Mybutton"  alt="Новости"><img class="Myimage" src='http://savepic.net/122248.png' onMouseOver="part1ON(),this.src='http://savepic.net/101768.png'" onMouseOut="part1OFF(),this.src='http://savepic.net/122248.png'" href="javscript://" jQuery1259073801391="2"/></div><!--&&&-->

<div  class=divContent jQuery1259073801391="5" id="part1" style="DISPLAY: none; position: absolute;" onMouseOver="part1ON()" onMouseOut="part1OFF()">



	    <div  align="left" width="210" style="margin: 7px; height: 305px; padding;0; overflow-y: auto;  overflow: hidden;" >
<marquee id="abs" height="100%" direction="up" behavior="scroll" scrolldelay="103" scrollamount="1" onmouseout="document.all.abs.start()" onmouseover="document.all.abs.stop()">
    <div align="center" class='lipsum' style="width:90%; margin-left: 17px; ">

<!--Новости п.п.1== Начало Заполнения пункта -->

<i><b><font size="3">Д<u>ля администрации</u></font><br/> <span style="color:red">Дорогие<br/> администраторы и модераторы.</span></b>Прошу написать мне в личку и получить задание.</i>
<br/> <br/>

<p  align="center"><i><u><span style="color: red"><b><font size="3">Для участников:</font></b></span></u></p>Сейчас ведётся набор в модераторы, пиар агенты и в администраторы. А также создаётся сюжет. И если вы хотите быть важным в игре, то не забудьте помочь в его создании. Ещё, до сих пор, ведутся строительные работы. Если что-то не загружается пишите в соответствующий раздел или ко мне в личку. Всем удачной и интересной игры.</i><br/><br/>

<center><font color="red" size="3"><b>[Реклама]</b></font></center>
<center><p><i>Дорогие рекламщики, вы можете рекламить, зайдя:</i></p></center>
<center><p><i>Ник: Реклама</i></p></center>
<center><p><i>Пароль: 12345</i></p></center><br>
<center><p><i>Реклама только взаимная! Всё проверяется лично мной.</i></p></center><br>
<center><hr size="1" width="80%" color="red"></center>

Гости регистрируйтесь!Не  упустите  свой  шанс.Идёт  активный  набор  персонала,  по  всем  вопросам  в  личку  админам  или  в  специальную  для  этого  тему, то есть в   Техническое оснащение!   

<!--ХХ Конец Заполнения пункта -->

       </div>
</marquee>
	    </div> 

</div></div></div>

	</td>
	<td class="td2">

<div class="spll"><DIV jQuery1259073801391="4"><div class="Mybutton" align="center" href="javscript://" jQuery1259073801391="2"  alt="Новости"><img class="Myimage" src='http://savepic.net/125323.png'  onMouseOver="part2ON(),this.src='http://savepic.net/85384.png' " onMouseOut="part2OFF(),this.src='http://savepic.net/125323.png'"/></div><!--&&&-->

<div class=divContent jQuery1259073801391="5" id="part2" style="DISPLAY: none; position: absolute;" id="part2" style="padding: 12px 0 0 12px!important; height: auto; width:240px!important;" onMouseOver="part2ON()" onMouseOut="part2OFF()">



<ul  type="disc" align="left" style="padding: 0 0 0 6px;" > 

<center><li>М<b>еню навигации</b></li></center>
   
<!--Навигация п.п.2== Начало Заполнения пункта -->

<li><a href="http://vampireknightacademycross.mybb.ru/viewtopic.php?id=25#p25">.....1. Ваши вопросы - задавайте их здесь. Что то не получается на форуме?</a></li>
<li><a href="http://vampireknightacademycross.mybb.ru/viewtopic.php?id=9#p9">2. Как заполнять анкету учителям?</a></li>
<li><a href="http://vampireknightacademycross.mybb.ru/viewtopic.php?id=8">3. Как заполнять анкету ученикам?</a></li>
<li><a href="http://vampireknightacademycross.mybb.ru/viewtopic.php?id=7">4. Какие роли существуют?</a></li>
<li><a href="http://vampireknightacademycross.mybb.ru/viewtopic.php?id=10">5. Какие есть способности вампиров?</a></li>
<li><a href="http://vampireknightacademycross.mybb.ru/viewtopic.php?id=11">6. Как способности разделяются по классам? (Видеоурок)</a></li>
<li><a href="http://vampireknightacademycross.mybb.ru/viewtopic.php?id=12">7.Какие вообще есть классы вампиров?</a></li>
<li><a href="http://vampireknightacademycross.mybb.ru/viewtopic.php?id=13">8. Какие есть должности в Совете старейшин?</a></li>
   
<li><a href="http://vampireknightacademycross.mybb.ru/viewtopic.php?id=14">9. Какие есть должности в Гильдии охотников?</a></li>
<li><a href="http://vampireknightacademycross.mybb.ru/viewtopic.php?id=6">10. Какие ники уже заняты?</a></li>
<li><a href="http://vampireknightacademycross.mybb.ru/viewtopic.php?id=5">11. Какие правила надо соблюдать на форуме?</a></li>
<li><a href="http://vampireknightacademycross.mybb.ru/viewtopic.php?id=21">12. Какие есть правила рекламы и баннерообмена?</a></li>

<!--ХХ Конец Заполнения пункта -->
</ul>

</div></div></div>
	</td>
	<td  class="td2">

<div class="spll"><DIV jQuery1259073801391="4"><div class="Mybutton" align="center" href="javscript://" jQuery1259073801391="2"  alt="Новости"><img class="Myimage" src='http://savepic.net/119179.png'  onMouseOver="part3ON(),this.src='http://savepic.net/87435.png'"  onMouseOut="part3OFF(),this.src='http://savepic.net/119179.png'"/></div><!--&&&-->

<div class=divContent jQuery1259073801391="5" id="part3" style="DISPLAY: none; position: absolute;" onMouseOver="part3ON()" onMouseOut="part3OFF()">
<p align="left">
<!--Сюжет и События на Ролевой п.п.3== Начало Заполнения пункта -->
Н<b>ачало</b><br/>
  После нападения Ридо на академию многое изменилось.Однако ректор не мог смириться с тем,что его мечта не осуществится.Кросс снова восстановил школу и вновь созвал воспитанников.Прознав о восстановлении академии,бывшие ученики ночного класса во главе с Канаме и Юки вернулись обратно.Все шло своим чередом,но случилось то,что перевернуло их жизнь в целом...Появилась новая ученица,происхождение которой было овеяно тайной.Ни кто ни чего не знал о ней,однако на первый взгляд ее цель-завоевать сердце Канаме,но истинная ли это ее мечта?Возможно за ее поступками кроется еще одна тайна Куран?...
<p><b>Продолжение 1</b></p>
  После появления незнакомки вроде все было как обычно,но однако что-то изменилось.Эта загадочная девушка не смотря на то,что она вампир смогла покорить сердце Зеро.Все же ее цель,как казалось не он,а Канаме.Может быть это просто кажется?Однако Зеро не теряет надежды и старается сделать все для любимой.Та с радостью принимает его ухаживания,но все же..Какие чувства она испытывает к нему?Возможно новенькая просто играет с ним?!Тем временем Айдо тоже покорен красотой незнакомки.Между ним и Зеро вспыхивает спор перерастающий в настоящую вражду.К чему в конце концов переведет появление новенькой?Пока это не известно,но только пока...
<p><b>Продолжение 2</b></p>
  Канаме как-то особо сдружился с новенькой.И однажды,во время одной из прогулок,она открыла маску,скрывающую ее сущность изнутри и он узнал,что его родственница,еще одна принцесса Куран.Приходилась девушка Канаме двоюродной сестрой.Она многое ему рассказала.Особенно о том,что интересовала принца-почему все забыли о существовании родителей и их дочери.Вскоре Канаме понял,что ему4 нравится новенькая ученица и он честно признался ей в этом,но сестра сказала,что относится к нему как к брату и лучшему другу,а любит она Зеро...
<p><b>Продолжение 3</b></p>
  Юки узнает о произошедшем и приходит в ярость.Канаме безуспешно пытается ее успокоить.Между тем его ненависть к Зеро становится еще сильнее...Айдо,узнав о том,что Канаме тоже нравится новенькая,отворачивается от былого кумира.Юки собирает вещи и уходит из академии,Айдо вызывается сопровождать ее.Тем временем Канаме не может покинуть пределы академии,так как он обязан смотреть за учащимися ночного класса.Новенькая предлагает ему помощь-отправиться и вернуть Юки.После долгих поисков она находит принцессу Куран и пытается с ней поговорить,но та отказывается и говорит,что если еще раз увидит ее-убьет не раздумывая.Однако новенькая еще раз пытается завести с ней разговор и разворачивается драка.Канаме это чувствует и передает управление ночным классом своему заместителю.Сам же направляется за Юки и своей двоюродной сестрой...Айдо пытается остановить бой принцесс,но не может справиться с силой двух чистокровных...И тут появляется Зеро и за ним Канаме...<br><br>

<!--ХХ Конец Заполнения пункта -->
</p><center><img src="http://savepic.ru/1977336.png" style="width:121px; margin: -7px 0 3px 0;"/></center>
</div></div></div>

<div style="position: absolute;  z-index: 4;margin:0px 0 0 0px; width:187px;height:74px;">
<!-- &&&Администрация http://savepic.ru/2029502.gif-->
<div class="spll">
<DIV jQuery1259073801391="4"><div class="Mybutton" jQuery1259073801391="2" href="javscript://" style="width:256px;
   height:200px;/*border:#fff solid 2px;*/"><!--PictureNet--><img class="Myimage" src="http://savepic.org/929556.png" style="cursor:pointer; cursor:hand;"/><img class="Myimage" src="http://savepic.ru/2029502.gif" style="position: absolute;  z-index:4; margin:139px 172px 0 -172px;width:14px;"/></div>
<DIV  class="divContent" style=" position: absolute; background: url(http://savepic.org/979750.jpg)!important;DISPLAY:none;border: 4px solid #836A48;margin: -140px 178px 0 -178px!important; color:#fff;text-shadow: #000 1px 1px 1px;" jQuery1259073801391="5" class=divContent>

<center><img src="http://savepic.org/955190.png" style="width:121px; margin: 0 0 -20px 0;"/></center>

<div  align="center" width="217" style="line-height:127%;margin: 23px -1px 7px 1px; height: 216px; padding:0; overflow-y: auto" > 
  <center style="width:200px;"><p><i></i> 

<!-- Администрация == Начало Заполнения пункта -->

	<!--"Администраторы" -->

<a href="http://vampireknightacademycross.mybb.ru/profile.php?id=2" title"Aдминистратор Юки" target="_blank"><img  src="http://savepic.org/959309.png" alt="Администраторы" height="180" style="max-width:180px;max-height:160px;cursor:pointer; cursor:hand;"/></a>
<br/><b><p style="font-size:14px;">Главный <br/>Администратор</p></b>

<b> </b>

<br/><br/> 
<!-- "Модераторы" -->
<br/><br/> 

<!--ХХ Конец Заполнения пункта -->
	   </p></center>   </div> 
<center><img src="http://savepic.org/964425.png" style="width:121px; margin: 7px 0 3px 0;"/></center>
</DIV></DIV></div>
	</div>
	</td>
    </tr>
  </tbody>
</table></center>


<script language="JavaScript">
function part1ON(){document.getElementById("ShadowImg").style.visibility='visible'}
function part2ON(){document.getElementById("ShadowImg").style.visibility='visible'}
function part3ON(){document.getElementById("ShadowImg").style.visibility='visible'}
function part1OFF() {document.getElementById("ShadowImg").style.visibility='hidden'}
function part2OFF(){document.getElementById("ShadowImg").style.visibility='hidden'}
function part3OFF(){document.getElementById("ShadowImg").style.visibility='hidden'}
</script>
<script type="text/javascript">
  $(document).ready(function(){
    $('.Mybutton').click(function(){
      $(this).parent().children('div.divContent').toggle('normal');
      return false;
    });
  });
</script>
<!--============== Конец Таблички =========== -->