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

Help + Weird glitch

Discussion in 'XenForo Questions and Support' started by bmx_atvman, Jan 11, 2013.

  1. 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>
     
  2. Jake Bunce

    Jake Bunce XenForo Moderator Staff Member

    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/
     
  3. Jake Bunce

    Jake Bunce XenForo Moderator Staff Member

    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?
     
  4. bmx_atvman

    bmx_atvman Member

    I see them as well, but when I hover over them, they disappear.
     
  5. bmx_atvman

    bmx_atvman Member

    Hm interesting, but how would add something like a picture? I made this one.
    [​IMG]

    Thanks for the help!
    ~BMX
     
  6. Jake Bunce

    Jake Bunce XenForo Moderator Staff Member

    bmx_atvman likes this.
  7. Jake Bunce

    Jake Bunce XenForo Moderator Staff Member

    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. bmx_atvman

    bmx_atvman Member

    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
     
  9. Jake Bunce

    Jake Bunce XenForo Moderator Staff Member

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

Share This Page