Just A Bite's Member Banner

This section goes into the stylesheet of your layout which is more than likely located in your About Me section. And also you need to edit the position of the .jabcontainer to place it where you want it on your profile, also the top and left functions will help with this placement as well.

.jabcontainer {
position: fixed;
top: 0;
left: 0;}

.jabbox:hover {
opacity:1;}

.justabite {
padding: 5px;}

.jabbox {
overflow: auto;
width: 150px;
height: 75px;
position: absolute;
top:0;
left:0;
opacity:0;
background-color: #686868;
-webkit-transition: all 0.7s ease;
transition: all 0.7s ease;}

a.justabite {
color: #fff;
font-size: 10px;
font-family: Georgia;}

a.justabite:hover {
color: #841614;
font-size: 10px;
font-family: Georgia;
text-decoration: none;}

This is the div that contains the actual code that you can put wherever you'd like on your profile which depending on the type of layout could either be in your Like To Meet or Interests sections. You may also change the colors of the links and background to match your layout if you so wish.

<div class="jabcontainer">
<img src="http://i1034.photobucket.com/albums/a422/xthelastnight/914276/member.png">
<div class="jabbox">
<div class="justabite">
<center><a href="/921484" class="justabite">Snow White</a><br>
<a href="/914276" class="justabite">Emma Swan</a><br>
<a href="/843434" class="justabite">Neal Cassidy</a><br>
<a href="/864165" class="justabite">Captain Hook</a><br>
<a href="/918116" class="justabite">Regina Mills</a><br>
<a href="/927246" class="justabite">Ruby Lucas</a><br>
<a href="/760428" class="justabite">Mad Hatter</a><br>
<a href="/872338" class="justabite">Aurelia Cassidy</a><br>
<a href="/930744" class="justabite">Henry Mills</a><br>
<a href="/831238" class="justabite">Neal Nolan</a><br>
<a href="/376883" class="justabite">Grace Hatter</a><br>
<a href="/914532" class="justabite">Will Scarlet</a></center>
</div>
</div>
</div>