Navigator

Tutorial: http://www.simplydevio.us/resources/profile_tutorial.php

STEP 1 CODE - place this code in the featured deviation box
-----------------------------------------


<div class="popup2-moremenu"><div class="floaty-boat"><br><img src="http://orig11.deviantart.net/bb86/f/2017/127/8/5/denys_nevozhai_185489_by_ladyperfume-db8ga4n.jpg"></div></div><div class="gr-box gr-genericbox">













STEP 2 CODE - place this code in the stash writer
------------------------------------------

<div class="center">


<div class="wrap"><a class="button" href="http://caballinecreations.deviantart.com/">Commission information</a><div class="image"><div class="celvas"></div>
<img src=""></div></div>

<div class="wrap"><a class="button" href="http://caballinecreations.deviantart.com/">Gallery</a><div class="image"><div class="celvas"></div>
<img src=""></div></div>

<div class="wrap"><a class="button" href="http://caballinecreations.deviantart.com/">Characters</a><div class="image"><div class="celvas"></div>
<img src=""></div></div>

</div>

<div class="clear"></div>
















STEP 3 CODE - place this code in the skin css box
------------------------------------------

*{background:none; border:none; padding:0; margin:0;}

.gr{padding:0 !important;}
.gr-top img, .gr1, .gr2, .gr3 {display:none;}
.gr-top, .bottom, a.external:after, .left br {display:none;}
a{text-decoration:none; font-weight:normal;}
.external{display:block;}

.gr-box{
z-index:99!important;
line-height:1.1em!important;
font-family:Verdana;
text-align:center;
font-size:11px;}

.text{
position:relative;
width:500px;
margin:16px auto;}

.left{width:45%;}

.image{
display:none;
position:absolute;
left:50%;
top:0;}

.celvas{
height:125px;
vertical-align:middle;
display:inline-block;}

img{
position:relative;
max-width:96%;
max-height:125px;
display:inline;
vertical-align:middle;}

.wrap:hover .image{display:inline-block;}

.button{
display:block;
color: #012640!important;
background: #FFFFFF;
border-radius:5px;
padding:16px 0px;
margin-bottom:5px;
}

.button:hover{
color: #FFFFFF!important;
background: #1AD5E9;}

.button span{
display:none;
font-size:0.85em;}

.button:hover span{display:inline;}