Links on Top of my Site / Forums

[wickedstangs]

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

 

[wickedstangs]

no tabs just links..

 

[RobinHood]

Like with what Clickfinity has done with CycleChat?

 

[wickedstangs]

Like with what Clickfinity has done with CycleChat?

yes, just like that...

 

[CTXMedia]

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

I'll post the template HTML and CSS bits later - I'm just about to sit down to a mammoth product webinar

 

[ArnyVee]

Keepin' an eye out for this small (but important) tweak

 

[wickedstangs]

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

I'll post the template HTML and CSS bits later - I'm just about to sit down to a mammoth product webinar

Any luck... and thanks

 

[CTXMedia]

Damn, forgot about it - sorry. I'll post the details tomorrow when I'm back at the PC.

 

[CTXMedia]

Okay, add this to the EXTRA.css template:

#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">:

</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