Откопала вот такого вида скрипт. Он замечательно работает, если поставить его в html низ. В верху он либо и вовсе закрывает шапку, либо не работает. А мне надо поставить его под шапку как объявление.
<style> div .splLink {width: 400px; height: 40px; border: 1px dashed transparent; background: transparent; text-align: center; font-family: Comic Sans Ms; font-size: 15px; padding: 5px;} .spll {width: 130px; height: 70px; } .spll div .splCont {height: 190px; width: 340px; background: url(http://forumupload.ru/uploads/000f/22/3e/406-1-f.jpg); padding: 5px; z-index: 1000; margin-top: 5px; border: 1px dashed transparent;} </style> <style>#pun-announcement.section .container {background:url(http://forumupload.ru/uploads/000f/22/3e/478-1-f.gif);}</style> <div id="pun-announcement" class="section"> <h2><span>Объявление</span></h2> <div class="container"> <div class="html-box"> <table width="100%"> <tr> <td> <div class="spll"><DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"><img src=http://forumupload.ru/uploads/000f/22/3e/409-1-f.png></img></div> <DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5"> <center><br><b>Здравствуйте! </b> <br>Мы рады приветствовать Вас на нашем <br>ролевом литературном проекте "Мёртвые души" <br>Разгадаете ли вы тайны нашего мистического мирка? Выбор за Вами...<br></center> <br>Немного о нашем ролевом проекте: <div style="overflow: scroll; overflow-x: hidden; height: 85px;"> <b>:название ролевой:</b><br>dead souls/мёртвые души. <br><b>:тематика:</b><br>авторский мир, закрытое учебное заведение. <br><b>:жанры игры:</b><br>детектив, мистика, триллер. <br><b>:организация игры:</b><br>локационная. <br><b>:в игре:</b><br>сентябрь 1998 года. <br><b>:рейтинг игры:</b><br>NC-21. <br><br>Мы открылись 01 мая 2011года. </div> </DIV></DIV></div></td> <td> <div class="spll"><DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"><img src=http://forumupload.ru/uploads/000f/22/3e/480-1-f.png></img></div> <DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5"> <b>Новости нашего ролевого проекта:</b> <div style="overflow: scroll; overflow-x: hidden; height: 76px;"> <br>03. 08. 2011. Идет полным ходом пиар компания. Огромная просьба к участникам ролевой - не лениться и каждый день кликать на иконку RPG Top. Это в ваших же интересах. Чем большее количество людей будет про нас знать, тем больше будет участников самой ролки. А следовательно, интересней игра. С уважением, администрация.<br> <br>04.08.2001. Дорогие наши, квест начался. Если забыли какой, напоминаем: в локации "Актовый зал" по игровому времени с 18.00 – 19.00 (а это вот уже прямо сейчас, ага) состоится линейка по поводу нового учебного года плюс банкет. Поэтому, ко всем, кто не знает чем себя занять, просьба кучковаться в актовом зале, скоро там начнется все самое интересное. <br>01.07.2011. Нам исполнилось 2 месяца! В честь этого, как вы могли заметить, мы вновь изменили дизайн. Надеемся, он всем придётся по вкусу.<b>Внимание!</b> Запущен первый конкурс на лучший пост! Принять участие можно в <a href="">этой</a> теме. <br> <br>20.06.2011. Дорогие игроки, просим вас обратить внимание на раздел "погода и время", ибо именно там будут описываться все события в игре. Мы готовимся к глобальному квесту, сейчас вы можете ознакомится с вступлением к нему, так что просим вас внимательно вникнуть в предоставленную нами информацию. <br> <br>21.05.2011.Все, в срочном и обязательном порядке, должны отписаться в теме "<a href="">плановая перекличка.</a>". Те, кто не сделает этого до конца мая, отстраняются от игры. <br> <br>12.05.2011.Уважаемые участники проекта, именно Вы пишите историю нашего заведения, привнося что-то свое в каждую из локаций форума. <br>Помните: все, что написано, описано или сделано Вами в игровых постах, влияет на описание локации, в которой оставлен Ваш пост. Описание локации отражает как зеркало каждое Ваше действие, и постоянно дополняется все новой информацией об этом месте.<br> <br>06.05.2011г.Конкурс "Первая девятка" окончен. Все победители получили награду в профиль. Тем, кто не успел, пожелаем удачи в следующих конкурсах! <br> <br>05.05.2011г.Первый квест отложен до тех пор, пока все игроки не разыграются. Скоро будет введена новая система в нашей игре, а именно - мифы, предупреждающие об опасностях, таящихся на остове. Так же напомним, что наград "первая девятка" осталось всего две. <br> <br>01.05.2011г.Мы открылись! Проводится первый конкурс под кодовым названием "Первая девятка". Первые девять участников, вступившие в игру (те, чью анкету приняли), получают сие награду. </div> <br> <b>События в игре:</b> <div style="overflow: scroll; overflow-x: hidden; height: 76px;"> <br>20.06.2011. Выслушав все ваши предложения, мы решили объединить первый сюжетный квест с так называемым "знакомством". Будет проведена линейка в честь начала учебного года, где выясниться, что бесследно пропало более 30 воспитанников. (можете отметить в своей игре, что не нашли своих товарищей за завтраком). Затем события примут совсем уж печальный поворот. Персонал так же не в курсе того, что сейчас происходит. <br><br>08.05.2011г. В нашей игре разразился настоящий шторм, вырывающий с корнем деревья и бушующий морские волны. Внимание! Дорогие игроки, если вы не хотите, что бы вашего персонажа прибило веткой, или снесло в море, немедленно(!) заводите его в здание приюта!<br> <br>05.05.2011г.Ежедневного перевода времени сегодня (возможно и завтра) не будет, так как игра идёт довольно медленно. Ориентируйтесь на то, что сейчас около 08.00 утра. Помним, что приют пока спит!<br> <br>01.05.2011г.Игра уже началась. Можете смело писать анкеты на ваших персонажей и начинать отписываться в локациях.Скоро будет запущен первый квест. Подробности мы раскрывать не будем, лишь намекнём, что нести он будет довольно кровавую сюжетную линию. </div> </DIV></DIV></div></td></tr> <tr><td><div class="spll"><DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"><img src=http://forumupload.ru/uploads/000f/22/3e/409-3-f.png></img></div> <DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5"> <center><b>Администрация.</b><br><a href=""><img src="http://forumupload.ru/uploads/000f/22/3e/419-3.png"></img></a><a href=""><img src="http://forumupload.ru/uploads/000f/22/3e/419-1.png"></img></a><a href=""><img src="http://forumupload.ru/uploads/000f/22/3e/419-2.png"></img></a><a href=""><img src="http://i018.radikal.ru/1108/be/82b38a246ad9.png"></img></a></center> <br><b>Просим ознакомиться:</b> <div style="overflow: scroll; overflow-x: hidden; height: 80px;"> Перед тем, как обратиться к администратору, обратите внимание, на то, что существуют специальные темы, в которых вы можете задать свои вопросы и оставить свои впечатления: <br>●<a href="">Ваши вопросы задавайте в этой теме.</a> <br>●<a href="http://xdeadsoulsx.rolka.su/viewtopic.php?id=6">Оставить отзыв можно в этой теме.</a> <br>Если же вы всё же решили написать администратору в ЛС, помните, что обращаться с просьбой стоит только к одному админу, а не рассылать свою просьбу по всем админским аккаунтам. </div></DIV></DIV></div></td> <td><div class="spll"><DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"><img src=http://forumupload.ru/uploads/000f/22/3e/482-1-f.png></img></div> <DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5"> <br>●<a href="">Cюжет.</a> <br>●<a href="">Правила.</a> <br>●<a href="">Навигация новичкам.</a> <br>●<a href="">О приюте.</a> <br>●<a href="">Жизнь в приюте.</a> <br>●<a href="">FAQ по игре и ролевой.</a> <br>●<a href="">Нужные персонажи.</a> <br>●<a href="">Акции.</a> <br>●<a href="">Шаблон анкеты.</a> <br>●<a href="">Шаблон подписи.</a> <br>●<a href="">Заполнение информации.</a> <br>●<a href="">Занятые внешности.</a> <br>●<a href="">Поиск партнёра по игре.</a> </DIV></DIV></div></td></tr> <tr><td><div class="spll"><DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"><img src=http://forumupload.ru/uploads/000f/22/3e/409-5-f.png></img></div> <DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5"> 2 сентября 1998 года. <br>День: 18.00 – 19.00 – Ужин. <br>По этажам и территории интерната проходят наставники, ответственные за посещаемость воспитанниками важного мероприятия - линейки, и проводят их при необходимости до актового зала. Там же в это время происходит оживление, зал заполняется обитателями приюта. </DIV></DIV> </div> </td> <td> <div class="spll"><DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"><img src=http://forumupload.ru/uploads/000f/22/3e/480-2-f.png></img></div> <DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5"> <b>Реклама.</b><div style="overflow: scroll; overflow-x: hidden; height: 65px;"> ●<a href="">наша реклама</a>●<a href="">ваша реклама</a>●<a href="">партнёрство</a>● Здравствуйте, дорогие пиарщики! У нас есть специальный аккаунт для рекламы с ником <b>PR</b> и паролем <b>1111</b>, так что не стоит регистрироваться только для рекламных целей. <br>Напоминаем о действующих правилах взаимности пиара на форумах. Так же просим вас не делать нашу рекламу инвалидом.</div> <b>Партнёры.</b><div style="overflow: scroll; overflow-x: hidden; height: 95px;"> <a target="_blank" href=""><img src="http://forumupload.ru/uploads/000e/ff/a5/75-1.jpg"></a><a href="http://khrrole.rolka.su/" target="_blank"><img src="http://s013.radikal.ru/i325/1102/ff/622c0b232acc.gif" border="0"></a><a href="http://nimbamik.rusff.ru"><img src="http://i073.radikal.ru/1012/3f/2690a492027c.gif" alt="NIMB&AMIK"></a><a href="http://sodomsin.mybb.ru/" target="_blank" title=".сity of sins Sodoma"><img src="http://forumupload.ru/uploads/0009/4d/3f/514-1.jpg"></a><a href="http://khrainbow.mybb.ru/" target=_blank><img src="http://s002.radikal.ru/i197/1105/46/4d32af96e9ee.png" border="0" title="KHRainbow" width=88 height=31></a><a href="http://heavenschool.ru/"><img src="http://forumupload.ru/uploads/0005/36/64/369825-1.gif" border="0" alt="Райская школа - у нас ты будешь, как в Раю!" ></a><a href="http://reibi.rolka.su/" target="_blank"><img src="http://savepic.net/122757.gif" alt="Reibi"></a><a target="Аматерия." href="http://worldamaterya.mybb.ru"><img src="http://s2.ipicture.ru/uploads/20110628/SWlCRyLX.jpg" ></a> </div></DIV></DIV></div></td></tr></table> </div> </div> </div> <!--Спойлер--> <style type="text/css"> #button-spoiler { background-image:url('http://forumupload.ru/uploads/000a/45/08/94-4.png'); line-height:0; background-position:center; background-repeat:no-repeat; padding:0; } </style> <style> #button-spoiler {background-image:url('http://forumupload.ru/uploads/0000/12/13/488-1.gif'); padding:0; line-height:0; background-position:center; background-repeat:no-repeat; height:26px; width:100%} </style> <script type="text/javascript"> function tag_spoiler(){ var y = "открыть."; if(y!='null' && y!='' && typeof(y)!='object' && typeof(y)!='undefined'){ var x = "скрыть."; if(x=='null' || x=='' || typeof(x)=='object' || typeof(x)=='undefined') bbcode('[spoiler='+y+']','[/spoiler]'); else bbcode('[spoiler='+y+'|'+x+']','[/spoiler]');} else bbcode('[spoiler]','[/spoiler]') } function addSpoiler(str,from,internal){ var pos=0,pos2=0,pos_c=0,pos_l=0,newpos=0,string='',close='',open=''; if((pos=str.indexOf("[spoiler",from))==-1) return str; if((pos2=str.indexOf("[/spoiler]"),pos+9)==-1) return str; if(((pos_c=str.indexOf("]",pos+8))!=-1) && ((pos_c!=pos+8)&&(pos_c!=pos+9))){ string = str.substring(pos+9,pos_c); if((pos_l = string.indexOf("|"))!=-1){ close = string.substring(0,pos_l); open = string.substring(pos_l+1,string.length); } else{ close = string; open = string; } } else{ close = 'Показать спойлер'; open = 'Скрыть спойлер'; } newpos=str.indexOf("[spoiler",pos+9) if(newpos<pos2 && newpos!=-1) str=addSpoiler(str,pos+9,true) if((pos2=str.indexOf("[/spoiler]",pos+9))==-1) return str; str=str.substring(0,pos)+makeSpoiler(str.substring(pos_c+1,pos2),open,close)+str.substring(pos2+10,str.length) if( str.indexOf("[spoiler")!=-1 && internal==false) str=addSpoiler(str,0,false) return str; } function makeSpoiler(txt,open,close){ txt='<div class="quote-box spoiler" style="padding:1px;background: none; border: 0;"><cite style="width:100%;margin:0;"><input id="'+open+'" class="spoiler-button" style="width:140px;font-size:10px; margin:0;" type="button" value="'+close+'"></cite><blockquote class="spoiler2" style="display:none; width: 97%;border: 0 none transparent;padding:5px;">'+txt+'</blockquote></div>' return txt; } $(document).ready(function(){ $("div.quote-box > cite > input.spoiler-button").click(function(){ $(this).parents("div.quote-box:first").find("blockquote.spoiler2:first").toggle("slow"); var a = $(this).attr('value');$(this).attr('value',$(this).attr('id'));$(this).attr('id',a); }); }); if((document.URL.indexOf("viewtopic.php")!=-1) || (document.URL.indexOf("post.php")!=-1)){ elm=document.getElementById("pun-main").getElementsByTagName("div") for(x in elm) if(elm[x].className=="post-content"){ var post=elm[x] post.innerHTML=addSpoiler(post.innerHTML,0,false) } } if(form=document.getElementById("form-buttons")) form.getElementsByTagName("tr")[0].insertCell(16).innerHTML="<img id="button-spoiler" title="Спойлер" onclick="tag_spoiler('[spoiler]','[/spoiler]')" src="/i/blank.gif" />" </script> <script type="text/javascript"> function awardsOpen(str) { var awardsn = new Array(); awardsn["aa"] = new Array("Администраторам", "http://forumupload.ru/uploads/000f/5d/50/583-4.gif", "за грамотный уход за ролевой") awardsn["ac"] = new Array("Помощник", "http://forumupload.ru/uploads/000f/5d/50/582-5.gif", "за помощь в развитии ролевой") awardsn["ad"] = new Array("Первая 9-ка", "http://forumupload.ru/uploads/000f/5d/50/582-1.gif", "первым 9-ти игрокам") awardsn["ae"] = new Array("Преданность", "http://forumupload.ru/uploads/000e/fd/2e/332-5.gif", "за два месяца активной игры") awardsn["af"] = new Array("Активам", "http://forumupload.ru/uploads/000f/5d/50/583-5.gif", "за 2000 сообщений, оставленных на форуме") awardsn["ag"] = new Array("Игроманам", "http://forumupload.ru/uploads/000f/5d/50/582-3.gif", "за 100 игровых постов") awardsn["ll"] = new Array("Любимчику", "http://forumupload.ru/uploads/000f/5d/50/12182-1.gif", "самому любимому игроку") str = str.split(",") if(str[str.length-1].substring(str[str.length-1].length-1, str[str.length-1].length)==" "){str[str.length-1]=str[str.length-1].substring(0, str[str.length-1].length-1)} var msg = new String(""); msg = "<head><meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /><link rel="stylesheet" type="text/css" href="http://forum.mybb.ru/style/"+BoardStyle+"/"+BoardStyle+".css" /><title>Медали пользователя</title>" msg+= "<style type="text/css">html, body, #pun, #pun-main {background-image: none; margin: 2px 2px; width: 99%;}</style><body>" msg+="<div id="pun" class="punbb"><div id="pun-main" class="main">" msg+="<table class="container"><tr><th width="25%">Название</th><th width="25%">Иконка</th><th>За что</th></tr>"; for(i=0;i<str.length;i++){ msg+="<tr><td align="center"><span>"+awardsn[str[i]][0]+"</span></td><td align="center"><img src=""+awardsn[str[i]][1]+"" /></td><td align="center"><span>"+awardsn[str[i]][2]+"</span></td></tr>"; } msg+="</table>"; msg+="</div></div></body></html>"; popup = window.open("", "", "height=400, width=400, top=100, left=100, scrollbars=1") popup.document.write(msg) popup.document.close() return false } var li = document.getElementsByTagName("li"); for(z=0;z<li.length;z++){ if(li[z].className=="pa-fld1"){ nag = li[z].innerHTML.substring(li[z].innerHTML.indexOf(": ")+2) nag1 = nag.split(","); nag1 = nag1.length; li[z].innerHTML = "●Награды участника: <a href="javascript: //" onclick="awardsOpen('"+nag+"');" title="Показать награды участника">"+nag1+"</a>" } } </script> <script type="text/javascript"> document.getElementById("title-logo-tdr").innerHTML = "<div class='mybb_bs'>" + document.getElementById("title-logo-tdr").innerHTML + "</div>"; document.getElementById("tieser-bottom").innerHTML = "<div class='mybb_bs'>" + document.getElementById("tieser-bottom").innerHTML + "</div>"; </script> <!--Спойлер - контейнер--> <script type="text/javascript" src="http://szenprogs.ru/scripts/jquery-1.3.2.js"></script> <script type="text/javascript"> $(document).ready(function(){ $('.splLink').click(function(){ $(this).parent().children('div.splCont').toggle('normal'); return false; }); }); </script> <script language="JavaScript"> d = new Date(); var m = d.getTime(); m=m+'&url='; m=m+self.location;
Ссылка на тест-сайт вот http://mamama.mybb.ru/
Надеюсь на вашу помощь.