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!