<div style="height:76px; width:200px; top:72px;margin-left:550px;position:absolute;z-index:100;">
<style> /* Стиль всплывающего меню */
.splLink {width: 100px; height: 40px; border: 0px solid #8999d0; text-align: center; font-family: times new roman; font-size: 12px; padding: 5px;}
.splCont {height: auto; width: 260px; background: #8999d0; padding: 5px; z-index: 1000; margin-top: 5px; border: 2px solid #8999d0; font-size: 12px; font-family: Lucida Sans Unicode; text-align: center;}
/* Тень, Прозрачка и Скругление углов во Всплывающем меню */
.splCont {background-color: transparent !important; background-image: url("ФОНОВОЕ ИЗОБРАЖЕНИЕ"); 
    border-radius:15px;
    -webkit-border-radius:15px;
    -khtml-border-radius:15px;
    -moz-border-radius:15px;
    -o-border-radius:15px;
     box-shadow:0px 5px 14px #14182f;
    -webkit-box-shadow:0px 5px 14px #14182f;
    -khtml-box-shadow:0px 5px 14px #14182f;
    -moz-box-shadow:0px 5px 14px #14182f;
    /*text-shadow: #FFFFFF 1px 1px 4px !important;
    color: #color: #000000 !important;*/
    }
</style>
<DIV><div class=splLink><img src="ИЗОБРАЖЕНИЕ ФЛАЖКА"/></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>
ТЕКСТ
</DIV></DIV>
</div>

<!--Спойлер - контейнер-->
<script type="text/javascript"> 
  $(document).ready(function(){
    $('.splLink').click(function(){
      $(this).parent().children('div.splCont').toggle('normal');
      return false;
    });
  });
</script>

<script type="text/javascript">
defaultPict = "http://"

var arr=document.getElementsByTagName("ul")
i=1
while(arr[++i]){
str=arr[i].innerHTML
if(str.indexOf("pa-avatar")==-1) {
q=str.toLowerCase()
if((pos=q.indexOf("<li class=pa-from>"))!=-1 || (pos=q.indexOf("<li class=\"pa-from\">"))!=-1 || (pos=q.indexOf("<li class=pa-reg>"))!=-1 || (pos=q.indexOf("<li class=\"pa-reg\">"))!=-1){
nstr =str.substring(0,pos)
nstr+="<li class=\"pa-avatar item2\"><img src="+ defaultPict +" alt=\"Аватар\" /></li>"
nstr+=str.substring(pos)
arr[i].innerHTML=nstr
}}}
</script>

<script>
<!--
regof="<img src='http://savepic.net/3320877m.png' />"
str = document.getElementById("navregister").innerHTML
pos = str.indexOf("Регистрация")
document.getElementById("navregister").innerHTML=str.substring(0,pos)+regof+str.substring(pos0,str.length0)
-->
</script>

<script>
<!--
vxodiof="<img src='http://savepic.net/3312684m.png' />"
str = document.getElementById("navlogin").innerHTML
pos = str.indexOf("Войти")
document.getElementById("navlogin").innerHTML=str.substring(0,pos)+vxodiof+str.substring(pos0,str.length0)
-->
</script>

<script>
<!--
valiof="<img src='http://savepic.net/3303468m.png' />"
str = document.getElementById("navlogout").innerHTML
pos = str.indexOf("Выход")
document.getElementById("navlogout").innerHTML=str.substring(0,pos)+valiof+str.substring(pos0,str.length0)
-->
</script>

<script>
<!--
indexof="<img src='http://savepic.net/3333164m.png' />"
str = document.getElementById("navindex").innerHTML
pos = str.indexOf("Форум")
document.getElementById("navindex").innerHTML=str.substring(0,pos)+indexof+str.substring(pos0,str.length0)
-->
</script>

<script>
<!--
userof="<img src='http://savepic.net/3307564m.png' />"
str = document.getElementById("navuserlist").innerHTML
if( (pos=str.indexOf("Участники")) != -1 )
document.getElementById("navuserlist").innerHTML=str.substring(0,pos)+userof+str.substring(pos0,str.length0)
-->
</script>

<script>
<!--
findof="<img src='http://savepic.net/3295276m.png' />"
str = document.getElementById("navsearch").innerHTML
pos = str.indexOf("Поиск")
document.getElementById("navsearch").innerHTML=str.substring(0,pos)+findof+str.substring(pos+5,str.length-1)
-->
</script>

<script>
<!--
faseof="<img src='http://savepic.net/3286060m.png' />"
str = document.getElementById("navprofile").innerHTML
pos = str.indexOf("Профиль")
document.getElementById("navprofile").innerHTML=str.substring(0,pos)+faseof+str.substring(pos0,str.length0)
-->
</script>

<script>
pismaof = "<img src='http://savepic.net/3318831m.png' />";
pismaon = "<img src='http://savepic.net/3320879m.png' />";
str = document.getElementById("navpm").innerHTML;
if (str.indexOf("(") == -1) document.getElementById("navpm").innerHTML = str.substring(0,str.indexOf("Сообщения")) + pismaof + str.substring(str.indexOf("Сообщения") + 9,str.length - 1);
else if (str.indexOf(")") != -1) document.getElementById("navpm").innerHTML = str.substring(0,str.indexOf("Сообщения")) + pismaon + str.substring(str.indexOf(")") + 0,str.length - 0);
</script>

<script>
<!--
godof="<img src='http://savepic.net/3312687m.png' />"
str = document.getElementById("navadmin").innerHTML
pos = str.indexOf("Администрирование")
document.getElementById("navadmin").innerHTML=str.substring(0,pos)+godof+str.substring(pos0,str.length0)
-->
</script>

<script>
$(function(){
<!--
userof="<img src='http://savepic.net/3295279m.png' >"
str = document.getElementById("navawards").innerHTML
if( (pos=str.indexOf("Награды")) != -1 )
document.getElementById("navawards").innerHTML=str.substring(0,pos)+userof+str.substring(pos0,str.length0)
-->
});
</script>