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

Links on Top of my Site / Forums

Discussion in 'Styling and Customization Questions' started by wickedstangs, Sep 4, 2012.

  1. wickedstangs

    wickedstangs Well-Known Member

    How can I put a Links on Top of my Site. Like the below image?

    links.PNG
     
  2. wickedstangs

    wickedstangs Well-Known Member

    no tabs just links..
     
  3. RobinHood

    RobinHood Well-Known Member

    Like with what Clickfinity has done with CycleChat?
     
  4. wickedstangs

    wickedstangs Well-Known Member

    yes, just like that...
     
  5. CyclingTribe

    CyclingTribe Well-Known Member

    I can't take credit for it - I borrowed the idea and code from Dojo at TopAdmin.net (with permission of course (y) )

    I'll post the template HTML and CSS bits later - I'm just about to sit down to a mammoth product webinar :sleep:
     
    wickedstangs likes this.
  6. ArnyVee

    ArnyVee Well-Known Member

    Keepin' an eye out for this small (but important) tweak :)
     
  7. wickedstangs

    wickedstangs Well-Known Member

    Any luck... and thanks
     
  8. CyclingTribe

    CyclingTribe Well-Known Member

    Damn, forgot about it - sorry. I'll post the details tomorrow when I'm back at the PC. (y)
     
    wickedstangs likes this.
  9. CyclingTribe

    CyclingTribe Well-Known Member

    Okay, add this to the EXTRA.css template:

    Code:
    #xtranav-menu {margin:0; padding:0; width:100%; background: @primaryMedium;}
    #xtranav-top {margin:0 auto;min-width:940px;width:86%}
    .xtranav-top {margin:0; padding:6px 0; font-size:12px; }
    #xtranav-top ul {margin:0; padding:0 0 0 3px; list-style-type:none; }
    #xtranav-top li {margin:0 0 0 8px; padding:0 10px 0 0; display:inline; border-right:1px solid #666666;}
    #xtranav-top li a {color:#eeeeee; font-weight:normal;}
    #xtranav-top li a:hover {color:#ffffff; font-weight:normal;}
    

    Then add the red code to the PAGE_CONTAINER template after <xen:hook name="body">:

    Code:
    </xen:hook>
     
    </head>
     
    <xen:hook name="body">
     
    <!-- Top of page extra navigation links -->
    <div id="xtranav-menu">
    <div id="xtranav-top">
    <div class="xtranav-top">
    <ul>
    <li>More forums:</li>
    <li><a href="http://www.example.com/" title="Link title text">Link text</a></li>
    <li><a href="http://www.example.com/" title="Link title text">Link text</a></li>
    <li><a href="http://www.example.com/" title="Link title text">Link text</a></li>
    <li><a href="http://www.example.com/" title="Link title text">Link text</a></li>
    <li><a href="http://www.example.com/" title="Link title text">Link text</a></li>
    </ul>
    </div>
    </div>
    </div>
    <!-- Top of page extra navigation links -->
    
    ... and edit to suit.

    Credit goes to Ramona (Dojo) at TopAdmin.net
     
    CallieJo, wickedstangs and ArnyVee like this.

Share This Page