В объявление
<div style="width: 100%; border: 1px dashed #736144;" class=ramka>
<table width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<td colspan="2" align="center" style="padding: 10px;">
<!-- Вложенная таблица меню -->
<table width="90%" cellspacing="0" cellpadding="0" border="0" height="50">
<tr>
<td width="25%" align="center">
<DIV><div class=splLink>Полезные ссылки</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>
Ссылки
</DIV></DIV>
</td>
<td width="25%" align="center">
<DIV><div class=splLink>Админ.состав</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>
имена и ссылки
</DIV></DIV>
</td>
<td width="25%" align="center">
<DIV><div class=splLink>Требуются</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>
ссылочка на нужные темы
</DIV></DIV>
</td>
<td width="25%" align="center">
<DIV><div class=splLink>В игре</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>
Ваш Контент в игре
</DIV></DIV>
<!-- Конец вложенной таблицы меню -->
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="60%" align="center">
<div style="width: 96%; padding: 4px;">
Где-то, на грани яви и вымысла существует особенный мир.
Мир что таится между мирами.
Перекресток огромен и необъятен, и в то же время он скромен и настолько мал что может уместиться в пылинке.
Он есть всё, и в то же время он ничто.
Сложно сказать, когда первые мятежные и мечущиеся души переступили порог Перекрестка. Возможно, жизнь кипела в нем всегда.
Никто не знает истины, кроме самого города.
Да, перекресток это город, взятый в кольцо неприступными горами. Город старый, местами потрескавшийся, а местами отдраенный до блеска.
Но не это самое важное.
Перекресток это центр, магии и торговли.
__________________________________________________
<br><b>Новости:</b> 1. Открыт набор учителей и учеников, поторопитесь занять любимые роли.
2. В Академии объявляется набор учеников второй ступени. Всем желающим просьба собраться у главных ворот Академии к 10 утра.
</br>
<br><b>События в игре:</b> </br>
У кого то там, мрачные видения не предвещающие ничего хорошего.
В перекресток стекаются ученики для нового набора в Академию. Пока большинство зависло в таверне. общаются и обмениваются слухами. Вечером им всем идти на первую часть поступления.
Педагоги, собрались на совещание не полным составом, совещаются насчет проведения первого этапа и о подвохах что ждут игроков на втором туре.
Не явившиеся педагоги, которых ждет выговор, вначале думали пойти. а потом когда опоздали направились в город к торговцу за какой-то редкостью.
</div>
</td>
<td width="40%" align="center" style="padding-top: 5px;" valign="top">
<div style="width: 100%; height: 100%;"><div style="width: 96%; padding: 4px;">
<b>Время и дата:</b> 31 августа 407 года.
23:00-01:59
Погода в Перекрестке: облачно и сыро. Ветер умеренный, до пяти метров в секунду.
</div>
<div style="width: 96%; height: 180px; padding: 4px; overflow: auto; overflow-x: hidden; margin-top: 10px; margin-bottom: 24px;">
<a title="Каталог фэнтези сайтов Палантир" href='http://palantir.in/?from=11561' target='_blank'>
<script type="text/javascript">
Md=document;Mnv=navigator;
Mrn=Math.random();Mn=(Mnv.appName.substring(0,2)=="Mi")?0:1;Mp=0;Mz="p="+Mp+"&";
Ms=screen;Mz+="wh="+Ms.width+'x'+Ms.height;My="<img src='http://palantir.in/count.php?id=11561&cid=concept4.png";My+="&cntc=none&rand="+Mrn+"&"+Mz+"&referer="+escape(Md.referrer)+'&pg='+escape(window.location.href);My+="' alt='Palantir' title='Каталог фэнтези сайтов Палантир' border='0' width='88px' height='31px'>";Md.write(My);</script>
<noscript><img src="http://palantir.in/count.php?id=11561&cid=concept4.png" alt='Palantir' title="Каталог фэнтези сайтов Палантир" border=0 width="88px" height="31px"></noscript>
</a>
<a href='http://wizardtop.ru/in.php?id=353' target='_blank' title='Волшебный рейтинг игровых сайтов'><img src='http://wizardtop.ru/b/10.gif' border='0' width='88' height='31' alt='Волшебный рейтинг игровых сайтов'></a>
<a href="http://top.roleplay.ru/13536" target="top_">
<img src="http://img.rpgtop.su/rpgtop2.gif" alt="Рейтинг Ролевых Ресурсов" border="0" width="88" height="31"></a>
<a target=_blank
href="http://mystworld.ru/"><script language="JavaScript"><!--
d=document;
s='ref='+escape(d.referrer);
js = '1.0';
//--></script><script language="JavaScript1.1"><!--
s+='&ja='+navigator.javaEnabled();
js='1.1';
//--></script><script language="JavaScript1.2"><!--
scr=screen;
s+='&scr='+scr.width+'*'+scr.height;
s+='&clrd='+(scr.colorDepth?scr.colorDepth:scr.pixelDepth);
js='1.2';
//--></script><script language="JavaScript1.3"><!--
js='1.3';
//--></script><script language="JavaScript"><!--
d.write('<img src="http://counter.mystworld.ru/counter/banner.php?id=22127&n=4'+
'&rand='+Math.random()+'&'+s+'&js='+js+
'" alt="Каталог \'Зачарованный мир\'" '+ 'border=0 height=31 width=88>');
//--></script><noscript><img
src="http://counter.mystworld.ru/counter/banner.php?id=22127&n=4"
border=0 height=31 width=88
alt="Каталог 'Зачарованный мир'"></noscript></a>
</div></div>
</td>
</tr>
</table>
</div>
Хтмл верх
<style> /* Стиль всплывающего меню */
.splLink {width: 160px; height: 40px; border: 1px solid #593814; text-align: center; font-size: 16px; padding-top: 17px; }
.splCont {height: auto; width: 220px; background: #D2B48C; padding: 5px; z-index: 1000; margin-top: -5px; border: 2px solid #D2B48C; font-size: 12px; font-family: Lucida Sans Unicode; text-align: center; margin-left: -30px;}
/* Тень, Прозрачка и Скругление углов во Всплывающем меню */
.splCont {background-color: transparent !important; background-image: url("http://savepic.ru/2408258.png");
border-radius:15px;
-webkit-border-radius:15px;
-khtml-border-radius:15px;
-moz-border-radius:15px;
-o-border-radius:15px;
box-shadow:0px 5px 14px #8B6C52;
-webkit-box-shadow:0px 5px 14px #8B6C52;
-khtml-box-shadow:0px 5px 14px #8B6C52;
-moz-box-shadow:0px 5px 14px #8B6C52;
}
.splLink {
border-radius:14px;
-webkit-border-radius:14px;
-khtml-border-radius:14px;
-moz-border-radius:14px;
-o-border-radius:14px;
}
.ramka {
border-radius:24px;
-webkit-border-radius:24px;
-khtml-border-radius:24px;
-moz-border-radius:24px;
-o-border-radius:24px;
}
</style>