^{follow this tutorial first to make your pop up menu (x), and then ctrl+f, type fade, change background to #ffffff, and added this before </style>}

.sup {
height:28px;
padding:5px;
}

.sup a {float:left;
color:#7e7e7e;
width:102px;
font-size:10px;
margin:5px;
text-align:center;
font-style:italic;
letter-spacing:1px;
border-bottom:1px solid transparent;
padding:20px;
text-decoration:none;
-webkit-transition:all 0.8s;
-moz-transition:all 0.8s;
-ms-transition:all 0.8s;
-o-transition:all 0.8s;
transition:all 0.8s;


}

.sup a:hover {border-bottom:1px solid #7e7e7e;
-webkit-transition:all 0.8s;
-moz-transition:all 0.8s;
-ms-transition:all 0.8s;
-o-transition:all 0.8s;
transition:all 0.8s;
color:#887d7d;
background:transparent!important;;
}

^{after that, add this before </html>}

</div>
<div id=”{your links name}” class=”popup_block”>
<div class=”sup”>
<a href=”{html link 1}”>{link1}</a>
<a href=”{html link 2}”>{link2}</a>
<a href=”{html link 3}”>{link3}</a>

{{you could add link as many as you want}}

</div></div>

i hope it works for you! c: