Help + Weird glitch

bmx_atvman

Member
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>
 
Username CSS is specified in your groups:

Admin CP -> Users -> List User Groups -> [click a group] -> User Name CSS

Stylized user titles are also set in the groups. See the User Title Styling section on this page:

http://xenforo.com/help/user-group-styling/
Hm interesting, but how would add something like a picture? I made this one.
OwnerTitle.png


Thanks for the help!
~BMX
 
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.
 

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
 
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;"
 
Top Bottom