PDA

View Full Version : Nav Bar help



AlabamaMan
September 5th, 2001, 20:47
Please forgive me for being a newbie at this but how do people make this kind of Nav Bar

http://www.woltlab.de/en/news.php

Bruce
September 5th, 2001, 21:19
Did it ever occur to you too just view source?

Mekhu
September 5th, 2001, 21:27
ok here is what you would need to do. I know I have stolen this for you, but you really shouldn't copy it...just my feelings. Or atleast change colors and all that.

In the head section of your page paste this

[[[[ COPY BELOW ]]]]

<style type=text/css>
<!--
.text0 {font-size: 1pt}
.text1 {font-size: 12px; font-family: Tahoma; line-height: 130%}
.text2 {font-size: 13px; font-family: Tahoma; line-height: 130%}
.text3 {font-size: 14.8px; font-family: Tahoma; line-height: 130%}
a {color: #000000; text-decoration: underline}
a:visited {color: #000000; text-decoration: underline}
a:hover {color: #000000; text-decoration: none}
a:active {color: #000000; text-decoration: none}
.mlink {color:#000066; font-family:Tahoma; font-size: 13px; line-height:140%}
.mlink a:link {color:#FFFFFF; text-decoration: none}
.mlink a:visited {color:#FFFFFF; text-decoration: none}
.mlink a:hover {color:#FFFFFF; text-decoration: none}
.link {color:#FFFFFF;}
.link a:link {color:#FFFFFF; text-decoration: underline}
.link a:visited {color:#FFFFFF; text-decoration: underline}
.link a:hover {color:#FFFFFF; text-decoration: none}
.link a:active {color:#FFFFFF; text-decoration: none}
-->
</style>
<script language=javascript>
<!--
function mOvr(src,clrOver) {
if (!src.contains(event.fromElement)) {
src.style.cursor = 'hand';
src.bgColor = clrOver;
}
}
function mOut(src,clrIn) {
if (!src.contains(event.toElement)) {
src.style.cursor = 'default';
src.bgColor = clrIn;
}
}
function mClk(src) {
if(event.srcElement.tagName=='TD'){
src.children.tags('A')[0].click();
}
}
// -->
</script>

[[[[ COPY ABOVE ]]]]

Now in the body section you'd paste this where you'd like the navbar:

[[[[ COPY BELOW ]]]]

<table cellspacing=1 cellpadding=0 width=780 bgcolor=#749ad4 border=0 align=center>
<tr>
<td bgcolor=#96bcf6 width="130" align=middle class=mlink onclick=mClk(this);
onmouseout="mOut(this,'#96bcf6');" onmouseover="mOvr(this,'#96bcf6');"><a
href="/en/news.php">news</a></td>
<td bgcolor=#749ad4 width="130" align=middle class=mlink onclick=mClk(this);
onmouseout="mOut(this,'#749ad4');" onmouseover="mOvr(this,'#96bcf6');"><a
href="/en/projects.php">projects</a></td>
<td bgcolor=#749ad4 width="130" align=middle class=mlink onclick=mClk(this);
onmouseout="mOut(this,'#749ad4');" onmouseover="mOvr(this,'#96bcf6');"><a
href="/en/downloads.php">downloads</a></td>
<td bgcolor=#749ad4 width="130" align=middle class=mlink onclick=mClk(this);
onmouseout="mOut(this,'#749ad4');" onmouseover="mOvr(this,'#96bcf6');"><a
href="/en/documentation.php">documentation</a></td>
<td bgcolor=#749ad4 width="130" align=middle class=mlink onclick=mClk(this);
onmouseout="mOut(this,'#749ad4');" onmouseover="mOvr(this,'#96bcf6');"><a
href="/en/service.php">service</a></td>
<td bgcolor=#749ad4 width="130" align=middle class=mlink onclick=mClk(this);
onmouseout="mOut(this,'#749ad4');" onmouseover="mOvr(this,'#96bcf6');"><a
href="/en/forum/main.php">community</a></td>
</tr>
</table>

[[[[ COPY ABOVE ]]]]

Hope this helped,

Mekhu

niv
September 5th, 2001, 21:28
To him, it didn't.

Bruce
September 5th, 2001, 21:32
Originally posted by Mekhu
ok here is what you would need to do. I know I have stolen this for you, but you really shouldn't copy it...just my feelings. Or atleast change colors and all that.
I woulsn't really call this stealing. Now if this was a script they created or something I could understand, but these are just simple table tags.

Mekhu
September 5th, 2001, 21:38
True Phrozen.