Код:
<style> /* Стиль всплывающего меню */
.splLink {cursor: pointer;width: 100px; height: 40px; border: 0px solid #757d90; text-align: center; font-family: Jost; font-size: 15px; padding: 5px;}
.splCont {height: auto; width: 200px; background: #697184; padding: 5px; z-index: 1000; margin-top: 5px; border: 0px solid #5d6479; font-size: 12px; font-family: Jost; text-align: center;}
/* Тень, Прозрачка и Скругление углов во Всплывающем меню */
.splCont {background-color: #f8f8f8; transparent !important;
border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
/* box-shadow:0px 5px 14px #8B6C52;
-webkit-box-shadow:0px 5px 14px #8B6C52;
-khtml-box-shadow:0px 5px 14px #8B6C52;
-moz-box-shadow:0px 5px 14px #8B6C52;
text-shadow: #FFFFFF 1px 1px 4px !important;
color: #color: #000000 !important;
} */
/* Конец Стиля всплывающего меню */
</style>
<DIV style="position: fixed; left:0;top:50px;z-index:20000"><div class=splLink><img src="https://upforme.ru/uploads/001c/3b/1f/4/294778.png"/></div>
<DIV style="DISPLAY: none;position: absolute; left:17px;top: 74px;" class=splCont>
09.09 <big>news</big><br />
<a href="https://inspiration.f-rpg.me/viewtopic.php?id=13#p33010">новости</a> встречаем осень!<br />
<a href="https://inspiration.f-rpg.me/viewtopic.php?id=282">охота за сокровищами</a>.<br />
<a href="https://inspiration.f-rpg.me/viewtopic.php?id=424#p23182">осенний "Котограм"</a>.<br />
<a href="https://inspiration.f-rpg.me/viewtopic.php?id=417#p22636">осенние преодевашки</a>.<br /><br />
<big>ломаем глазоньки!</big><br />
<a href="https://inspiration.f-rpg.me/viewtopic.php?id=569#p33005">пазлы</a> - осенние!<br />
</DIV></DIV>
<!--Спойлер - контейнер-->
<script type="text/javascript">
$(document).ready(function(){
$('.splLink').click(function(){
$(this).parent().children('div.splCont').toggle('normal');
return false;
});
});
</script>
