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

Add-on What is this addon/how do I do it?

Discussion in 'Resource and Add-on Discussions' started by Riaz, Sep 28, 2014.

  1. Riaz

    Riaz Member

  2. Russ

    Russ Well-Known Member

    Looks like a simple div placed into the ad_header template with basic HTML.
     
    Andrej likes this.
  3. Riaz

    Riaz Member

    Im very bad at html, any chance you could write me a template for this? xD
     
  4. Russ

    Russ Well-Known Member


    Basic html/css from another site:

    Place this into ad_header
    Code:
    <div id="rightBox">
       Connect to our ts3<br>
       <a href="#">ts3.teamspeak.com</a>
    </div>
    
    CSS in extra.css
    Code:
    #rightBox
    {
    background-color: rgba(0, 0, 0, 0.3);
    border-radius: 4px;
    color: #FFF;
    float: right;
    margin: 15px 20px 0 0;
    padding: 12px;
    }
    #rightBox a:link {
    color: #176093;
    font-weight: bold;
    }
    @media (max-width:@maxResponsiveWideWidth) {
    #rightBox { display: none; }
    }
    
    Should do the trick,
     
  5. Riaz

    Riaz Member

    Thanks :)
     
  6. Riaz

    Riaz Member

  7. Russ

    Russ Well-Known Member

    You'll just need to adjust the quicksearch, may be best to ask in your style thread, or:

    Code:
    #QuickSearch
    {
    top: 18px !important;
    }
    
    Of course you'll need to adjust the number.
     
    intradox and Riaz like this.
  8. Riaz

    Riaz Member

    Perfect thanks :)
     

Share This Page