Help + Weird glitch

bmx_atvman

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>
 
Sort by date Sort by votes
Jake Bunce said:
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/
Click to expand...
Hm interesting, but how would add something like a picture? I made this one.
OwnerTitle.png


Thanks for the help!
~BMX
 
Upvote 0 Downvote
bmx_atvman said:
I see them as well, but when I hover over them, they disappear.
Click to expand...

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.
 
Upvote 0 Downvote
Jake Bunce said:
Snip
Click to expand...

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
 
Upvote 0 Downvote
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;"
 
Upvote 0 Downvote
You must log in or register to reply here.

Similar threads

Nulumia
Weird glitch with Style Property used in conditional statement?
Replies
0
Views
788
Nulumia
Nulumia
zoldos
  • Question Question
XF 1.5 help! strange graphics on forum header, don't know what I did!!
Replies
1
Views
572
zoldos
zoldos
Matt C.
  • Question Question
XF 2.0 Requesting help with custom user fields
Replies
2
Views
862
Matt C.
Matt C.
Gerard0011
  • Question Question
Who can help me bbcode
Replies
1
Views
686
EQnoble
EQnoble
Gerard0011
  • Question Question
XF 1.5 NZB Questions please help
Replies
0
Views
1K
Gerard0011
Gerard0011
Back
Top Bottom