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

How do i get this (Screenshot inside)

Discussion in 'XenForo Questions and Support' started by CurseCraft, Oct 28, 2012.

  1. CurseCraft

    CurseCraft Active Member

  2. Insy

    Insy Well-Known Member

  3. CurseCraft

    CurseCraft Active Member

  4. Insy

    Insy Well-Known Member

    Jake Bunce likes this.
  5. CurseCraft

    CurseCraft Active Member

    o, il try to do it from that then, thanks!
     
  6. CurseCraft

    CurseCraft Active Member

  7. Insy

    Insy Well-Known Member

    HTML:
    <div id="rightContentArea" class="pageWidth">
    	<div id="rightContentBox">
    		<a href="https://twitter.com/#!/HerocraftOnline" target="_blank" class="NoOverlay Tooltip" title="Follow us on Twitter" data-cacheOverlay="true"> <img src="/main/styles/herocraft/xenforo/img/twitter.png" width="32px" height="32px" border="none" alt="Twitter"></a>
    		<a href="https://www.facebook.com/HerocraftOnline" target="_blank" class="NoOverlay Tooltip" title="Like us on Facebook" data-cacheOverlay="true"> <img src="/main/styles/herocraft/xenforo/img/facebook.png" width="32px" height="32px" border="none" alt="Facebook"></a>
    		<a href="https://plus.google.com/117499098655126203280/posts" target="_blank" class="NoOverlay Tooltip" title="Circle us on Google+" data-cacheOverlay="true"> <img src="/main/styles/herocraft/xenforo/img/plus.png" width="32px" height="32px" border="none" alt="Google+"></a>
    		<a href="http://www.youtube.com/user/HerocraftonlineDH" target="_blank" class="NoOverlay Tooltip" title="Subscribe to our videos" data-cacheOverlay="true"> <img src="/main/styles/herocraft/xenforo/img/youtube.png" width="32px" height="32px" border="none" alt="YouTube"></a>
    		<a href="http://steamcommunity.com/groups/areyoudisposable" target="_blank" class="NoOverlay Tooltip" title="Game with us on Steam" data-cacheOverlay="true"> <img src="/main/styles/herocraft/xenforo/img/steam.png" width="32px" height="32px" border="none" alt="Steam"></a>
    		<a href="http://herocraftonline.com/vote" target="_blank" class="NoOverlay Tooltip" title="Vote for us and earn free exp and coin!" data-cacheOverlay="true"> <img src="/main/styles/herocraft/xenforo/img/vote1.png" width="32px" height="32px" border="none" alt="Vote for us and earn exp and coins!"></a>
    	</div>
    </div>
    
    Code:
    #rightContentArea {
        position: relative;
    }
    #rightContentBox {
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0.13);
        border-radius: 6px 6px 6px 6px;
        border-top: 1px solid rgba(255, 255, 255, 0.2);
        color: #F0F0F0;
        font-style: italic;
        max-width: 410px;
        padding: 12px;
        position: absolute;
        right: 0;
        text-shadow: 0 0 0 transparent, 1px 1px 0 #2B485C;
        top: 30px;
    }
    #rightContentArea #rightContentBox a:link, #rightContentArea #rightContentBox a:visited {
        color: #6CB2E4;
        font-weight: bold;
    }
    
     
    Jake Bunce likes this.
  8. CurseCraft

    CurseCraft Active Member


    Thank you so much! 1 more thing, Where do i put the html?
     
  9. Insy

    Insy Well-Known Member

    The website that you showed me uses the flexile style. This style has a style property to add code to the right of the logo in the header.
     
    Jake Bunce likes this.
  10. CurseCraft

    CurseCraft Active Member

    Okay, i added it into my header in templates, it puts it at the bottem of my website under terms and rules
     
    Insy likes this.

Share This Page