Тестовое сообщение

<style>
.clear {
clear: both;
}
#page-wrap {
width: 850px;
height: 400px;
background: url(http://forumupload.ru/uploads/000f/9d/c4/98-1-f.jpg) no-repeat center;
margin: 10px auto;
padding: 20px;
}
.button {
float: left;
margin: 10px;
}
#news {
display: block;
padding: 30px;
}
#news-button {
opacity: 1.0;
border-bottom: 1px solid black;
}
#links {
display: none;
padding: 30px;
}
#links-button {
opacity: 0.5;
border-bottom: 1px solid black;
}
#admins {
display: none;
padding: 30px;
}
#admins-button {
opacity: 0.5;
border-bottom: 1px solid black;
}
#partners {
display: none;
padding: 30px;
}
#partners-button {
opacity: 0.5;
border-bottom: 1px solid black;
}
</style>

хтмл-низ|ххх

<script type="text/javascript">
$(function(){
$("#about-button").css({
opacity: 0.3
});
$("#contact-button").css({
opacity: 0.3
});
$("#page-wrap div.button").click(function(){
$clicked = $(this);
if ($clicked.css("opacity") != "1" && $clicked.is(":not(animated)")) {
$clicked.animate({
opacity: 1,
borderWidth: 5
}, 600 );
var idToLoad = $clicked.attr("id").split('-');
$("#content").find("div:visible").fadeOut("fast", function(){
$(this).parent().find("#"+idToLoad[0]).fadeIn();
})
}
$clicked.siblings(".button").animate({
opacity: 0.5,
borderWidth: 1
}, 600 );
});
});
</script>

объявление|ххх

<center><b>Тыкни, а? :З</b><br>
<a href="http://top.roleplay.ru/14569" title="Рейтинг Ролевых Ресурсов - RPG TOP" target="top_">
<img src="http://img.rpgtop.su/rpgtop4.gif" alt="Рейтинг Ролевых Ресурсов - RPG TOP" border="0" width="88" height="31"></a>
<a title="Каталог фэнтези сайтов Палантир" href='http://palantir.in/?from=13056' 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=13056&cid=counter2007_19.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=13056&cid=counter2007_19.png" alt='Palantir' title="Каталог фэнтези сайтов Палантир" border=0 width="88px" height="31px"></noscript>
</a>
<a href="http://ra-reklama.ru/pages/katalog" target="_blank"><img src="http://s52.radikal.ru/i137/1006/3a/4d938f675d1b.jpg" title="Каталог форумов" width="88" height="31"></a>
<a href=http://urchoice.ru/ target="_blank">
<img src="http://s005.radikal.ru/i212/1001/b3/a2328b18a862.gif" ></a>
<a href="http://whitepr.g-be.ru"> <img src="http://xmage.ru/images/001bvb.png" border="0" width="88" height="31"></a>
</center><br>

<div id="page-wrap">
<div id="news-button" class="button">
<img src="http://forumupload.ru/uploads/0010/10/7e/28-1.png" alt="Новости, события, важные объявления" class="button" />
</div>
<div id="links-button" class="button">
<img src="http://forumupload.ru/uploads/0010/10/7e/28-2.png" alt="Важные ссылки для гостей и участников" class="button">
</div>
<div id="admins-button" class="button">
<img src="http://forumupload.ru/uploads/0010/10/7e/28-3.png" alt="Администрация проекта" class="button">
</div>
<div id="partners-button" class="button">
<img src="http://forumupload.ru/uploads/0010/10/7e/28-4.png" alt="Партнеры, наши любимые партнеры *_*" class="button">
</div>
<div class="clear"></div>
<div id="content">
<div id="news">
<p style="text-align: center;"><table width="100%" heigth="100%">
<tr><td width="50%" text-align="center"><center>
<FONT SIZE=2><b>Новости:</b></FONT><br>
- Подведены результаты переклички, проведена чистка профилей. Несказанно радует, что большинство участников все еще с нами, и покидать нас в ближайшее время не планирует.<br>
- Да, я снова сменил табличку. Из-за прошлого варианта возникали некоторые неполадки, надеюсь, сейчас все будет в порядке) Все тапки - мне в личку <b>Ⓒ Sebastian</b><br>
<b> - Составлен календарь отсутствий, теперь все ваши отсутствия будут отслеживаться. Очень просим вас отнестись к этому серьезно, ибо если срок выйдет и вы не появитесь в скором времени - придется удалить вас из игры.</b> <a href="http://makingofkuroshitsuji.rolebb.ru/viewtopic.php?id=6&p=3#p13921">"Смотрим числа здесь"</a>
<br>
<br>
<img src="http://s46.radikal.ru/i113/1106/02/ab12a6c2df8c.png" width="16" height="16">
<br><FONT SIZE=2><b>Внимание участникам:</b></FONT><br>
Убедительная просьба ежедневно кликать на баннеры каталогов и РПГ-топа и помогать форуму с продвижением. А так же, за каждый отзыв на РПГ-топе объявляю награду - три плюса к уважению и безграничная любовь всей администрации.</center>
</td>
<td width="50%" text-align="center"><center>
<FONT SIZE=2><b>Внимание, конкурс!</b></FONT><br>
<a href="viewtopic.php?id=187">"Игрок месяца"</a> и <a href="viewtopic.php?id=188">"Искусствоведам"</a><br>
Помним, что мордасы победителей появятся в объявлении *о*<br>
<br>

<FONT SIZE=2><b>В игру жизненно необходимы:</b></FONT><br>
Undertaker, Elizabeth Midleford, Soma Asman Kadar, Agni, Joker, Beast, Drocell Cainz;<br>
<b>Душу продам за всех персонажей из <a href="viewtopic.php?id=239#p13080">четвертой акции.</a></b></center>
</td></tr></table>
</p>
</div>

<div id="links">
<p>
<table width="100%" heigth="100%">
<tr><td width="50%" text-align="center"><center>
<b>Основы:</b><br>
• <a href="viewtopic.php?id=36">правила</a><br>
• <a href="viewtopic.php?id=12">сюжет</a><br>
• <a href="viewtopic.php?id=10">список персонажей</a><br>
• <a href="viewtopic.php?id=7">объявления</a><br>
<br><b>Немного информации:</b><br>
• <a href="viewtopic.php?id=38">о ролевой</a><br>
<br><b>Для гостей:</b><br>
• <a href="viewtopic.php?id=4">вопросы</a><br>
• <a href="viewtopic.php?id=3">забиваем роль</a><br>
<br><b>Акции:</b><br>
• <a href="viewtopic.php?id=102">"Лучший друг актера - его агент!"</a><br>
• <a href="viewtopic.php?id=103">"Розыск актеров!"</a><br>
• <a href="viewtopic.php?id=197#p8606">"Свобода неканонам!"
</a><br>
• <a href="viewtopic.php?id=239#p13080">"Потому что мы банда!!!"</a>
</td>
<td width="50%" text-align="center"><center>
<b>Для игроков:</b><br>
• <a href="viewtopic.php?id=37">шаблон обязательной подписи</a><br>
• <a href="viewtopic.php?id=11">заполнение профиля</a><br>
• <a href="viewtopic.php?id=6">уход | отсутствие | смена персонажа</a><br>
• <a href="viewtopic.php?id=8">смена ника</a><br>
• <a href="viewtopic.php?id=9">аватаризация населения</a><br><br>
• <a href="viewtopic.php?id=31"><b>набор тех. персонала</b></a><br>
• <a href="viewtopic.php?id=258"><b>акция для игроков: отзывы на RPG-топе</b></a><br><br>
<b>Для пиарщиков:</b><br>
• <a href="viewtopic.php?id=13">наша реклама</a><br>
• <a href="viewtopic.php?id=17">наш баннер</a><br>
• <a href="viewtopic.php?id=18">оформление партнерства</a><br><br>
<b>Ротация "Making of Kuroshitsuji"</b><br>
• <a href="viewtopic.php?id=161">правила</a><br>
• <a href="viewtopic.php?id=163">заявка</a><br>
</td></tr></table>
</center>
</span>
</p>
</div>
<div id="admins">
<p>
<center>
<FONT SIZE=2><b>Администраторы:</b></FONT><a href="profile.php?id=2">Sebastian Michaelis</a><br>
<b>ICQ</b> - [1961264]<br>
<b>Он тут главный xD</b><br>
Создатель ролевой, отвечает за графику и новые идеи.<br><br>
<a href="profile.php?id=7">Ciel Phantomhive</a><br>
<b>ICQ</b> - [640645965]<br>
<b>Второй дьявол форума :з</b><br>
Второй администратор,отвечает за раскрутку форума, квестоплетство и всю текстовую информацию.<br><br>
<a href="profile.php?id=19">Ran Mao</a><br>
<b>Та, что укрощает сия демонов *о*</b><br>
Ответственный помощник.<br>
<br><FONT SIZE=2><b>Модераторы:</b></FONT><br><br>
<a href="http://makingofkuroshitsuji.rolebb.ru/profile.php?id=32">Catherine Carlyle</a> - главный модератор.<br>
<a href="http://makingofkuroshitsuji.rolebb.ru/profile.php?id=12">Hannah Anafeloz</a> - конкурс-мейкер.<br>
<a href="http://makingofkuroshitsuji.rolebb.ru/profile.php?id=25">Frederica Cohen</a> - анкетчик, помощница.<br>
<b>Срочно нужны пиарщики!</b><br>
</center>
</p>
</div>

<div id="partners">
<p>
<center><br>
<b>Наши партнеры:</b>
<br><br>
<p><div align="center"> <center>
<div style="overflow: scroll; overflow-x: hidden; height:150px; width: 600px">

<a target="_blank"
href="http://katinanarutorolka.ru/"><img
src="http://savepic.net/669583.gif"
></a>
<a href="http://hostclubstory.rolka.su" target="_blank"><img src="http://forumupload.ru/uploads/000f/de/96/35-1.gif" title="Continuation of the Ouran Story" border="0" width="88" height="31"></a>
<a target="_blank" title="Kuroshitsuji. Нерассказанные истории Лондона" href="http://darktimes.6bb.ru"><img src="http://i060.radikal.ru/1008/55/f01b3efc7234.gif" width="88" height="31"></a>
<a href="http://coffeeandcigarettes.mybb.ru"><img src="http://www.imageup.ru/img116/531192667631.png"></a>
<a target="_blank" href="http://anotherstorynote.mybb.ru/"><img src="http://s49.radikal.ru/i126/1004/3a/2f4c322807c3.gif" ></a>
<a href="http://openworld.rolka.su/?invite=2i02ff070f"><img src="http://savepic.net/395800.jpg"></a>
<a href="http://diamondotium.anihub.ru"><img src="http://forumupload.ru/uploads/000e/b5/f5/2326-1.gif" border="0" alt="аромат наступившей тьмы" ></a>
<a href="http://bleachzknr.mybb.ru/" target=_blank> <img src="http://i55.tinypic.com/mwa5hk.jpg" title="FRPG: Bleach." ></a>
<a title="blue exorcist" href="http://aoex.anihub.ru/" target="_blank"><img src="http://i075.radikal.ru/1105/f3/ac2edd8fb08d.png" alt="blue exorcist" width="88" height="31" border="0" /></a>
<a href="http://zai.anihub.ru/"><img src="http://s07.radikal.ru/i180/1105/11/bf1df0d02205.png" ></a>
<a href="http://pandora.rolka.su/"target=__blank><img border=0 src="http://s53.radikal.ru/i141/0911/15/f59d1b4e9597.gif"></a>
<a href="http://fma.forum-top.ru/"> <img src="http://10pix.ru/img1/3811/3305480.gif" alt="Ролевая по Цельнометаллическому алхимику"></a>
<a href="http://bleach-o.ru" target="_blank"><img src="http://s53.radikal.ru/i140/1105/92/1adaee56193d.png" > </a>
<a href="http://wonders.anihub.ru/" target=_blank> <img src="http://s014.radikal.ru/i327/1101/7f/0b0d88896a44.jpg"border="0"alt=" wondercity " width=88 height=31></a>
<a href="http://khrrole.rolka.su/" target="_blank"><img src="http://s013.radikal.ru/i325/1102/ff/622c0b232acc.gif" border="0"></a>

</div>
</div></p>
<br></center><center><a href="http://makingofkuroshitsuji.rolebb.ru/viewtopic.php?id=18">Оформление партнёрства.</a></center>

</p>
</div>

</div>
</div>

<br>
<center>
<table align="center" valign="middle" width="450px" height="100%"><tr>
<td style="wight=88px; VERTICAL-ALIGN: top">
 <div style="WIDTH: 88px; height:41px" ><center><script type="text/javascript" src="http://mkrotation.ucoz.ru/rtr/1"></script><a href="http://makingofkuroshitsuji.rolebb.ru" target=_blank><img src="http://forumupload.ru/uploads/000f/da/47/6588-1.gif" border="0" alt="MK banner rotation"></a></center></div> <br /> 
</td><td style="VERTICAL-ALIGN: top">
 <div style="WIDTH: 88px; height:41px" ><center><script type="text/javascript" src="http://mafia-power.ucoz.ru/rtr/1"></script><a href="http://mafia-power.ru" target=_blank><img src="http://mafia-power.ru/uploads/000d/f5/30/40636-1.gif" border="0" alt="«Mafia Power» banner rotation"></a></center></div> <br /> 
</td>
<td style="VERTICAL-ALIGN: top">
 <div style="WIDTH: 88px; height:41px" ><center><script type="text/javascript" src="http://bleachzknrrot.ucoz.ru/rtr/1"></script><a href="http://bleachzknr.mybb.ru/" target=_blank><img src=http://forumupload.ru/uploads/000e/34/19/105-1.png border="0" alt="Ротация баннеров"></a></center></div> <br /> 
</td>
<td style="VERTICAL-ALIGN: top">
<div style="WIDTH: 88px; height:41px" ><center><script type="text/javascript" src="http://bannernetwork.ucoz.com/rtr/1"></script><a href="http://bannernetwork.rusff.ru/" target=_blank><img src=http://forumupload.ru/uploads/000c/12/1b/4494-2.gif border="0" alt="Banner Network «Trinity Soul» "></a></center></div> <br /> 
</td>
<td style="VERTICAL-ALIGN: top">

<script type="text/javascript" src="http://whiterotator.do.am/rtr/1"></script><br><a href="http://whitepr.g-be.ru/" target="_blank"><img src="http://xmage.ru/images/whitepr.png"></a>

</td>
</tr></table></center>