https://i.creativecommons.org/l/by-nc-sa/3.0/88x31.png
Это произведение доступно по лицензии Creative Commons «Attribution-NonCommercial-ShareAlike» («Атрибуция — Некоммерческое использование — На тех же условиях») 3.0 Непортированная.

Код (версия 0.6)
Код:
<style>
.news {background: url('https://upforme.ru/uploads/0007/d9/f7/46403-4.png') left top no-repeat; width: 24%; height: 100px; vertical-align: top}
.menu-item {background: url('https://upforme.ru/uploads/0007/d9/f7/46401-3.png') repeat-x; height: 12px; text-align: center; cursor: pointer}
#search-input {margin-left: 22px; margin-bottom: 7px; background: none transparent; border: none; width: 165px}
#search-submit {height: 30px; width: 55px; cursor: pointer; margin-top: 0px; background: none transparent; border: none}
</style>

<script language="JavaScript" type= "text/javascript">
/* Магна Блок (Magna Block) v0.6
Переделанный с нуля Инфоблок Бара Магны от Кикана (http://baramagna.mybb.ru/viewtopic.php?id=800)
Автор: Фёдор Соболев
Это произведение распространяется по лицензии Creative Commons «Attribution-NonCommercial-ShareAlike» («Атрибуция — Некоммерческое использование — На тех же условиях») 3.0 Непортированная. Чтобы ознакомиться с экземпляром этой лицензии, посетите http://creativecommons.org/licenses/by-nc-sa/3.0/ или отправьте письмо на адрес Creative Commons: 444 Castro Street, Suite 900, Mountain View, California, 94041, USA. */

function BMTitle(){
  words=new Array("ДРУЖНЫЙ", "ИНТЕРЕСНЫЙ", "ВЕСЁЛЫЙ")
  n=Math.floor(Math.random()*3)
  document.write("<span style='font-size: 20px'><b>БАРА МАГНА — САМЫЙ "+words[n]+" ФОРУМ О БИОНИКЛАХ</b></span>")
}

function BMInfo(){
  date=new Date(2009, 1, 15)
  now=new Date()
  days=Math.floor((now - date) / 86400000)
  if((days % 10 == 0) || (days % 10 > 4)){
    wat="ДНЕЙ"
  }else if(days % 10 == 1){
    wat="ДЕНЬ"
  }else{
    wat="ДНЯ"
  }
  
  if(GroupID == 3){
    document.write("Бара Магна существует <b>"+days+" "+wat+"</b>")
  }else{
    if((UserPosts % 10 == 0) || (UserPosts % 10 > 4)){
      wap="СООБЩЕНИЙ"
    }else if(UserPosts % 10 == 1){
      wap="СООБЩЕНИЕ"
    }else{
      wap="СООБЩЕНИЯ"
    }
    resp=""
    if(UserRespectPlus == 0 && UserRespectMinus != 0){
      resp="-"+UserRespectMinus
    }else if(UserRespectPlus != 0 && UserRespectMinus == 0){
      resp="+"+UserRespectPlus
    }else if(UserRespectPlus == 0 && UserRespectMinus == 0){
      resp="0"
    }else{
      resp="+"+UserRespectPlus+"/-"+UserRespectMinus
    }
  document.write("Бара Магна существует <b>"+days+" "+wat+"</b> | Вы написали <b>"+UserPosts+" "+wap+"</b> | Ваше уважение — <b><a href='https://infoblok0bm.mybb.ru/respect.php?id="+UserID+"'>"+resp+"</a></b>")
  }
}

function BMNews(num){
  nh=new Array("НАМ 5 ЛЕТ!", "КОНКУРС САМОДЕЛОК №9", "КОНКУРС РАССКАЗОВ №2")
  nt=new Array("15 февраля Бара Магне исполнилось 5 лет!", "Открыт <a href='http://baramagna.mybb.ru/viewtopic.php?id=2152'>приём работ</a>!", "Идёт приём работ во второй конкурс рассказов.")
  nl=new Array("http://baramagna.mybb.ru/viewtopic.php?id=2195", "http://baramagna.mybb.ru/viewtopic.php?id=2137", "http://baramagna.mybb.ru/viewtopic.php?id=2074")

  document.write("<div style='margin-left: 5px'><b><span style='font-size: 12px'>"+nh[num]+"</span></b><br />"+nt[num]+"<br /><a href='"+nl[num]+"'>Подробнее...</a></div>")
}

function BMSearch(){
  stext=document.getElementById("search-input");
  window.location.href = "http://baramagna.mybb.ru/search.php?action=search&keywords="+stext.value+"&author=&forum=&search_in=0&sort_by=0&sort_dir=DESC&show_as=posts&search=%CE%F2%EF%F0%E0%E2%E8%F2%FC"
}

function BMMenu(mw){
  ma=document.getElementById("menu-about")
  mi=document.getElementById("menu-info")
  udd=document.getElementById("logo")

  function mtext(mp){
    if(mp=="au"){
      ma.innerHTML="<a href='http://baramagna.mybb.ru/viewtopic.php?id=26'>Смена имени</a><br /><a href='http://baramagna.mybb.ru/viewtopic.php?id=231'>Обсуждение правил</a><br /><a href='http://baramagna.mybb.ru/viewtopic.php?id=800'>Обсуждение инфоблока</a>"
    }else if(mp=="ad"){
      ma.innerHTML=""
    }else if(mp=="iu"){
      mi.innerHTML="<a href='http://baramagna.mybb.ru/online.php'>Кто сейчас на форуме</a><br /><a href='http://baramagna.mybb.ru/statistic.php'>Статистика</a>"
    }else if(mp=="id"){
      mi.innerHTML=""
    }
  }

  i=16
  mah=0
  mih=0
  uh=0
  if(mw=="a" && ma.height==0 && udd.height!=0){
    interval=setInterval(
      function(){
        udd.height-=5
        mah+=5;ma.height=mah;
        if(mah==80) mtext("au");
        if(--i <= 0) clearInterval(interval);},
      40);
  }else if(mw=="a" && ma.height!=0 && udd.height==0){
    interval=setInterval(
      function(){
        ma.height-=5;
        uh+=5;udd.height=uh
        if(--i <= 0) clearInterval(interval);},
      40); mtext("ad");
  }else if(mw=="i" && mi.height==0 && udd.height!=0){
    interval=setInterval(
      function(){
        udd.height-=5
        mih+=5;mi.height=mih;
        if(mih==80) mtext("iu");
        if(--i <= 0) clearInterval(interval);},
      40)
  }else if(mw=="i" && mi.height!=0 && udd.height==0){
    interval=setInterval(
      function(){
        mi.height-=5;
        uh+=5;udd.height=uh
        if(--i <= 0) clearInterval(interval);},
      40); mtext("id");
  }else if(mw=="a" && ma.height==0 && udd.height==0){
    interval=setInterval(
      function(){
        mi.height-=5
        mah+=5;ma.height=mah;
        if(mah==80) mtext("au");
        if(--i <= 0) clearInterval(interval);},
      40); mtext("id")
  }else if(mw=="i" && mi.height==0 && udd.height==0){
    interval=setInterval(
      function(){
        ma.height-=5
        mih+=5;mi.height=mih;
        if(mih==80) mtext("iu");
        if(--i <= 0) clearInterval(interval);},
      40); mtext("ad")
  }
}
</script>

<table width="100%" cellspacing=7>
<tr>
<td colspan=3 height=50px><script language="JavaScript" type= "text/javascript">BMTitle();</script><br /><script language="JavaScript" type= "text/javascript">BMInfo();</script></td>
<td rowspan=2 width="27%">
  <table width=250 height=158 cellspacing=0 cellpadding=0 align="right">
  <tr>
  <td id="logo" style="text-align: center; background: url('http://sf.uploads.ru/6mliF.png') center top no-repeat" height=80></td>
  </tr>
  <tr>
  <td class="menu-item" onclick="BMMenu('a');">По форуму</td>
  </tr>
  <tr>
  <td id="menu-about" align="center" valign ="center" height=0></td>
  </tr>
  <tr>
  <td class="menu-item" onclick="BMMenu('i');">Информация</td>
  </tr>
  <tr>
  <td id="menu-info" align="center" valign ="center" height=0></td>
  </tr>
  <tr>
  <td style="background: url('http://storage7.static.itmages.ru/i/14/0527/h_1401179928_5144959_1b91d7fea7.png') left center no-repeat transparent; valign: bottom"><input id="search-input" type="text" value="" onkeydown="if(event.keyCode==13){BMSearch();}"><input id="search-submit" type="submit" value="" onclick="BMSearch();" ></td>
  </tr>
  </table>
</td>
</tr>
<tr>
<td class="news"><script language="JavaScript" type= "text/javascript">BMNews(0);</script></td>
<td class="news"><script language="JavaScript" type= "text/javascript">BMNews(1);</script></td>
<td class="news"><script language="JavaScript" type= "text/javascript">BMNews(2);</script></td>
</tr>
</table>

Известные ошибки:
- При попытке взаимодействия с одним из "скрытых меню" во время открытия/скрытия другого, меню "открываются" до бесконечности