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.
Powered by vBulletin® Version 4.1.7 Copyright © 2012 vBulletin Solutions, Inc. All rights reserved.