Kod: Zaznacz cały

<script src='http://code.jquery.com/jquery-1.7.1.min.js'></script>
<script type="text/javascript">
$(".a").click(function () {
    $(".b").slideToggle("medium");
 });
$(".a").mouseover(function () {
    $(".c").fadeIn("fast");
 });
$(".a").mouseout(function () {
    $(".c").fadeOut("slow");
 });
</script>
<div class="a"></div>
<div class="b" style="display: none;"><center>
<a href="http://www.thseasdl/page.php?id=10880">Tworzenie Kart Postaci</a><br>
<a href="http://www.thasd.pl/page.php?id=11500">Opis wszystkich Ras</a><br>
<a href="http://www.tasd.pl/page.php?id=11543">Wierzenia i Religie</a><br>
<a href="http://www.asdas.pl/viewtopic.php?id=21">FAQ-Poradnik</a><br>   
<a href="http://www.thasdasdn.pl/misc.php?action=rules">Regulamin</a><br>    
<a href="http://www.tasdsdadsun.pl/page.php?id=11295">Reklama</a><br>   
<a href="http://wwasddgame.pun.pl/page.php?id=11209">Pręgierz</a><br>   
<a href="#">Link</a><br>
</div>

Kod: Zaznacz cały

.a {background-image: url(http://img713.imageshack.us/img713/2885/76562382.png);   
background-repeat: no-repeat;
width: 150px;
height: 40px;
position: absolute;
left: 40px;
top: 0px;}
.b {background-image: url(http://img716.imageshack.us/img716/3442/96370861.png);  
background-repeat: no-repeat;
width: 150px;
height: 200px;
position: absolute;
left: 40px;
top: 40px;}