• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

Help + Weird glitch

#1
Hello all, My first question is I was wondering how sites like bukkit and spout get their username tags. Examples are here BUKKIT (The Admin tag under his name) ---- SPOUT (Same thing)

My next question is, I get this weird glitch when using HTML and the Flexile theme. It is the right content box, the buttons just disapear, I think my code is fine, so I am not sure on the problem.

Thank you

My site and bug

HTML:
<a href="https://www.facebook.com/Metrovillemc.com" target="_blank" class="NoOverlay Tooltip" data-cacheoverlay="true"> <img src="/icons/facebook.png" width="32px" height="32px" border="none" alt="Like our page on Facebook"></a>
<a href="https://twitter.com/Metrovillemc" target="_blank" class="NoOverlay Tooltip" data-cacheoverlay="true"> <img src="/icons/twitter.png" width="32px" height="32px" border="none" alt="Follow us on Twitter"></a>
<a href="https://plus.google.com/u/0/communities/107254021848465114277" target="_blank" class="NoOverlay Tooltip" data-cacheoverlay="true"> <img src="/icons/gplus.png" width="32px" height="32px" border="none" alt="Cirlce us on Google+"></a>
<a href="#" target="_blank" class="NoOverlay Tooltip" data-cacheoverlay="true"> <img src="/icons/youtube.png" width="32px" height="32px" border="none" alt="YouTube"></a>
<a href="http://steamcommunity.com/groups/metroville" target="_blank" class="NoOverlay Tooltip" data-cacheoverlay="true"> <img src="/icons/steam.png" width="32px" height="32px" border="none" alt="Game with us!"></a>
 

Jake Bunce

XenForo moderator
Staff member
#3
My next question is, I get this weird glitch when using HTML and the Flexile theme. It is the right content box, the buttons just disapear, I think my code is fine, so I am not sure on the problem.
These buttons?

Screen shot 2013-01-11 at 1.11.38 AM.png

I can see them just fine. How can I reproduce the problem?
 

Jake Bunce

XenForo moderator
Staff member
#7
I see them as well, but when I hover over them, they disappear.
You have some incorrect HTML in the page source. That might be causing it:

Code:
<div id="rightContentArea" class="pageWidth">
	<div id="rightContentBox">
		<html> <a href="https://www.facebook.com/Metrovillemc.com" target="_blank" class="NoOverlay Tooltip" data-cacheoverlay="true"> <img src="/icons/facebook.png" width="32px" height="32px" border="none" alt="Like our page on Facebook"></a> <a href="https://twitter.com/Metrovillemc" target="_blank" class="NoOverlay Tooltip" data-cacheoverlay="true"> <img src="/icons/twitter.png" width="32px" height="32px" border="none" alt="Follow us on Twitter"></a> <a href="https://plus.google.com/u/0/communities/107254021848465114277" target="_blank" class="NoOverlay Tooltip" data-cacheoverlay="true"> <img src="/icons/gplus.png" width="32px" height="32px" border="none" alt="Cirlce us on Google+"></a> <a href="http://metrovillemc.com/community" target="_blank" class="NoOverlay Tooltip" data-cacheoverlay="true"> <img src="/icons/youtube.png" width="32px" height="32px" border="none" alt="YouTube"></a> <a href="http://steamcommunity.com/groups/metroville" target="_blank" class="NoOverlay Tooltip" data-cacheoverlay="true"> <img src="/icons/steam.png" width="32px" height="32px" border="none" alt="Game with us!"></a> <br>mc.metrovillemc.com</br> </html>
	</div>
</div>
The html tags don't belong. And <br> is just one tag (it has no closing tag). My browser also flags one of the closing divs like it's unpaired.
 
#8
Okay, I fixed the HTML to what you specified, except I am not sure about the divs. Here is the current code now

HTML:
<a href="https://www.facebook.com/Metrovillemc.com" target="_blank" class="NoOverlay Tooltip" data-cacheoverlay="true"> <img src="/icons/facebook.png" width="32px" height="32px" border="none" alt="Like our page on Facebook"></a> <a href="https://twitter.com/Metrovillemc" target="_blank" class="NoOverlay Tooltip" data-cacheoverlay="true"> <img src="/icons/twitter.png" width="32px" height="32px" border="none" alt="Follow us on Twitter"></a> <a href="https://plus.google.com/u/0/communities/107254021848465114277" target="_blank" class="NoOverlay Tooltip" data-cacheoverlay="true"> <img src="/icons/gplus.png" width="32px" height="32px" border="none" alt="Cirlce us on Google+"></a> <a href="http://metrovillemc.com/community" target="_blank" class="NoOverlay Tooltip" data-cacheoverlay="true"> <img src="/icons/youtube.png" width="32px" height="32px" border="none" alt="YouTube"></a> <a href="http://steamcommunity.com/groups/metroville" target="_blank" class="NoOverlay Tooltip" data-cacheoverlay="true"> <img src="/icons/steam.png" width="32px" height="32px" border="none" alt="Game with us!"></a> <br>mc.metrovillemc.com
 

Jake Bunce

XenForo moderator
Staff member
#9
There is some javascript adding display:none to those links on hover, but I can't find the code that is responsible. You will have to debug the javascript.

This is the style tag that is added on hover:

Code:
style="position: absolute; top: 48px; left: 964px; display: none;"