I am trying to customize the control bar buttons after using the Make Vtour batch and have been able to change colors, add showtext, and re-arrange th eorder of the buttons. However, I am having an issue moving around 3 of the buttons and my head is spinning! I was hoping someone could take a look at my demo page, my code, and give me a helpful tip!
My issues are:
1. The Thumbnails button is currently over the Previous Scene button and blocking it. For the Thumbnail placement I currently have
<layer name="skin_btn_thumbs" style="skin_base|skin_glow" crop="0|128|64|64" align="left" x="150" y="0" scale="0.5" onhover="showtext(Viewpoint Thumbnails, navbar)" ondown2="skin_showmap(false); skin_showthumbs();" />
and for the Previous Scene placement I have
<layer name="skin_btn_prev" style="skin_base|skin_glow" crop="0|64|64|64" align="left" x="50" y="0" scale="0.5" alpha="0.5" onhover="showtext(Previous Viewpoint, navbar)" onclick="if(skin_settings.thumbs_loop, skin_nextscene_loop(-1), skin_nextscene(-1) );" />
2. I can't get the fullscreen button to move no matter what I set x equal to. I want to keep it in the center cluster but can't move it a little to the left like I want without changing align="left", which doesn't make it right.
3. The Hide Controls button won't move. I currently have
<layer name="skin_btn_hide" style="skin_base|skin_glow" crop="0|448|64|64" align="right" x="5" y="0" scale="0.5" onhover="showtext(Hide Controls, navbar)" onclick="skin_hideskin()" />
but as you can see it is not close to the right edge of the control bar skin like my Home button is close to the left edge of the skin.
It's furstrating to me because I can move the other buttons around just fine by adjusting the align= and x= variables, but it isn't working for these 3 instances.
Can anyone help? Thanks in advance for taking a look.