Всплывающее меню на Invision .

brie.mcrory пишет:Возможно ли сделать всплывающее меню на Invision . На bb2, bb3, нашла.
Если есть тема подскажите где.

Код:

<div style="display:none;"><ul class="dop_menu">
<li><a href="http://worldoftanks.ru/community/clans/30448-CTAD0"target="_blank">[STAD0]</a></li>
<li><a href="http://forum.worldoftanks.ru/index.php?/topic/501974-ctad0-%d0%be%d0%b1%d1%8a%d1%8f%d0%b2%d0%bb%d1%8f%d0%b5%d1%82-%d0%bd%d0%b0%d0%b1%d0%be%d1%80-%d1%81%d0%ba%d0%b8%d0%bb%d0%bb%d0%be%d0%b2%d0%b0%d0%bd%d1%8b%d1%85-%d0%b8%d0%b3%d1%80%d0%be%d0%ba%d0%be%d0%b2-%d0%b2-%d1%81%d0%b2%d0%be%d0%b8-%d1%80%d1%8f/page__view__getnewpost"target="_blank">Тема на оф форуме</a></li>
<li><a href="http://mccleod.besaba.com/wotstatkak/"target="_blank">Статистика клана </a></li>
<li><a href="http://mccleod.vv.si/wnstat/main.php"target="_blank">Статистика клана 2.1.6</a></li>
<li><a href="http://mccleod.p.ht/wnstat/main.php"target="_blank">Статистика клана 2.2.0</a></li>
<li><a href="/h2-page"target="_blank">Играть в танки</a></li>
<li><a href="/h6-page"target="_blank">Танчики 2012</a></li>
</ul></div>

<script>
jQuery(document).ready(function(){
jQuery("a.mainmenu[href*='#top']").append(jQuery('.dop_menu'));
});
</script>

Код:

#top

Код:

#submenu {
  padding: 0 !important;
}
#submenu a {
  position: relative;
  float:left;
}

a:hover .dop_menu {
  opacity: 1;
  visibility: visible;
  margin-top: -5px;
}

.dop_menu {
  margin-top: 5px;
  margin-left: -7px;
  _margin: 0; /*IE6 only*/
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 29px;
  z-index: 999;
  background-color: #C5C7CA;
  padding: 5px;
  -moz-box-shadow: 0 2px 2px -1px rgba(0,0,0,.9);
  -webkit-box-shadow: 0 2px 2px -1px rgba(0,0,0,.9);
  box-shadow: 0 2px 2px -1px rgba(0,0,0,.9);
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
}

.dop_menu a {
  display:block;
  width: 150px;
  text-align: left !important;
  margin-left: 5px;
}
.dop_menu a:hover {
background-color: #fff !important;
}


Код:

#submenu ul li a {
margin: 0;
padding: 7px 4px !important;
}
#submenu ul li a img {
display:none;
}