Ci si potrebbe iniziare ad arragiare... con tutto quello che si trova in rete...
Ma vabbè sono buono e magnanimo!
Ecco un piccolo esempio di come puoi fare.
Basta che ti aggiusti un po il css qualche img carina ed belle e pronto.
codice:
<html>
<head>
<style>
	body{padding:0;
		margin:0;}
	#tuoi_link{/*È il div con i link */
		padding:0;
		margin:0;
		position:absolute;
		left:50%;
		top:50%;
		background-image:url(img/BR1Back2.gif);
		margin-left:-150px;
		margin-top:-150px;
		width:300px;
		height:190px;
		display:none;
		opacity:1;
		text-align:center;
		padding-top:110px;
		}
	#over_flow{/*Serve per creare un piccolo effetto overFlow*/
		padding:0;
		margin:0;
		position:absolute;
		width:100%;
		height:100%;
		background-color:#666666;
		opacity:0.8;
		display:none;
		}

</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.js"></script>
<script>

	function nascondi(){//Nascondo i div Overflow(un mega div con trasparenza per creare il distacco dal resto della pagina) e tuoi_link un div con il campo da riempire con il nome del campo che stiamo per creare, viene richiamata quando clicco sull'overFlow
		$('#tuoi_link').fadeOut(0,0);
		$('#over_flow').fadeOut(0,0);
	}
	function mostra(){// funzione iinversa di quello sopra, viene chiamata quando si clicca su uno dei più che stanno accanto ai campi
		$('#tuoi_link').fadeIn(0,1);
		$('#over_flow').fadeIn(0,1);
	}
</script>
</head>
<body background="img/bg.png" text="#FFFFFF">
<div id="over_flow" onclick="nascondi()"></div>
<div id="tuoi_link">
	<ul>
    	[*]link 1[*]link 2[*]link 3[/list]
</div>
<div>
 [img]tua_path/img.jpg[/img]
</div>    
</body>
</html>
Fammi sapere come funziona! ciao!