Avatar

Posting custom HTML Navigation on top of board. (Design/Themes)

by Auge ⌂, Saturday, December 20, 2014, 23:34 (3414 days ago) @ Mickey

Hello

I see 30 files in the subtemplates dir. I assume I would use index.inc.tpl.

No, please use main.tpl from the main directory of the template.

If this is true how/where would I put my navigation table so it would show at the top of the message board.

Where at the top? At the top of the page? At the top of the page content below the pages head? Please specify the place to place it. Maybe with an screenshot including an arrow.

I am posting it below. I do not know if this
board removes html?

Sorry, when I am a bit to harsh, but who gave you this defective chaos? It's a serendipidity if it's displayed as you want's it in your own browser.

A suggestion for a new HTML-structure:

<ul id="sitenavigation">
 <li><a href="http://www.example.com/">HOME</a></li>
 <li class="forum-link"><a href="http://www.mysite.com/cgi-bin/bbs62x/webbbs_config.pl">PLANTING BOARDS</a></li>
 <li><a href="http://www.mysite.com/Susan/">Garden BUSTERS</a></li>
 <li><a href="http://www.mysite.com/Pest control.html">Pest</a></li>
 <li><a href="http://www.mysite.com/poll.html">POLLS</a></li>
 <li><a href="http://www.mysite.com/seeds.html">FREE</a></li>
 <li><a href="http://www.mysite.com/end">THE END</a></li>
</ul>

It's shorter and is structured like the other navigations in the forum. The look and feel of the navigation is given with CSS. You can append it to the forums CSS file (style-min.css).

#sitenavigation {
margin: 0;
padding: 0;
list-style-type: none;
}
 
#sitenavigation li {
display: inline;
margin:0;
padding: 0;
}
 
#sitenavigation a {
display: inline-block;
margin: 0;
padding: 5px 10px;
}
 
#sitenavigation a:link, #sitenavigation a:visited {
color: white;
background-color: black;
}
#sitenavigation a:focus, #sitenavigation a:hover {
color: gray;
background-color: navy;
}
#sitenavigation .forum-link a:link, #sitenavigation .forum-link a:visited {
color: maroon;
background-color: olive;
}
#sitenavigation .forum-link a:focus, #sitenavigation .forum-link a:hover {
color: teal;
background-color: silver;
}

Please don't blame me for the colours. I took some colour names without checking their collective impression. :-)

If there are questions, ask.

Tschö, Auge

--
Trenne niemals Müll, denn er hat nur eine Silbe!


Complete thread:

 RSS Feed of thread