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

by Mickey, Wednesday, December 17, 2014, 05:21 (1822 days ago)

Would like to add custom table with Navigation at top of board.
Have no idea where to put it in the board code.

Thanks.

Avatar

Posting custom HTML Navigation on top of board.

by Auge ⌂ @, Thursday, December 18, 2014, 17:36 (1821 days ago) @ Mickey

Hello

Would like to add custom table with Navigation at top of board.
Have no idea where to put it in the board code.

You have to edit the template. You'll find it surprisingly (makes me remembering Kermits „Surprise, surprise!“ :-)) in the template directory. If you haven't installed a different template, you have to edit the default one.

Tschö, Auge

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

Posting custom HTML Navigation on top of board.

by Mickey, Friday, December 19, 2014, 07:52 (1820 days ago) @ Auge

Hi, thank you for the reply.

I see 30 files in the subtemplates dir. I assume I would use index.inc.tpl.
If this is true how/where would I put my navigation table so it would show
at the top of the message board. I am posting it below. I do not know if this
board removes html?

Thanks.

<br>
<table border=1 bgcolor=grey>
<font color="white">
<td>
<a href="http://www.mysite.com/">
<font color="white">HOME</td>
</a>
<td>
<a href="http://www.mysite.com/cgi-bin/bbs62x/webbbs_config.pl">
<font color="maroon">PLANTING BOARDS</td>
</a>
<td>
<a href="http://www.mysite.com/Susan/">
<font color="white">Garden BUSTERS</td>
</a>
<td>
<a href="http://www.mysite.com/Pest control.html">
<font color="white">Pest</td>
</a>
<td>
<a href="http://www.mysite.com/poll.html">
<font color="white">POLLS</td>
</a>
<td>
<a href="http://www.mysite.com/seeds.html">
<font color="white">FREE</td>
</a>
<br>
<td>
<a href="http://www.mysite.com/end">
<font color="white">THE END</td>
</a>
<br>
<font color=red>
</table></tr></td>
<br>

Avatar

Posting custom HTML Navigation on top of board.

by Auge ⌂ @, Saturday, December 20, 2014, 23:34 (1818 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!

Thank you very much, your code works well. :)

by Mickey, Sunday, December 21, 2014, 04:02 (1818 days ago) @ Auge

- No text -

RSS Feed of thread
powered by my little forum