Log in

View Full Version : simple navbar editing help


ztempuser
04-16-2006, 09:16 PM
hello all below is part of my navbar it looks like this
<script type="text/javascript">
<!--
function log_out()
{
ht = document.getElementsByTagName("html");
ht[0].style.filter = "progid:DXImageTransform.Microsoft.BasicImage(grays cale=1)";
if (confirm('$vbphrase[sure_you_want_to_log_out]'))
{
return true;
}
else
{
ht[0].style.filter = "";
return false;
}
}
//-->
</script>

<br />

<!-- breadcrumb, login, pm info -->
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
<tr>
<td class="alt1" width="100%">
<if condition="is_array($navbits)">
<table cellpadding="0" cellspacing="0" border="0">
<tr valign="bottom">
<td><a href="#" onclick="history.back(1); return false;"><img src="$stylevar[imgdir_misc]/navbits_start.gif" alt="$vbphrase[go_back]" border="0" /></a></td>
<td>&nbsp;</td>
<td width="100%"><span class="navbar"><a href="$vboptions[forumhome].php$session[sessionurl_q]" accesskey="1">$vboptions[bbtitle]</a></span> $navbits[breadcrumb]</td>
</tr>
<tr>
<td class="navbar" style="font-size:10pt; padding-top:1px" colspan="3"><a href="$scriptpath"><img class="inlineimg" src="$stylevar[imgdir_misc]/navbits_finallink.gif" alt="$vbphrase[reload_this_page]" border="0" /></a> <strong>$navbits[lastelement]</strong></td>
</tr>
</table>
<else />
<div class="navbar" style="font-size:10pt"><a href="$vboptions[forumhome].php$session[sessionurl_q]" accesskey="1"><img class="inlineimg" src="$stylevar[imgdir_misc]/navbits_start.gif" alt="" border="0" /></a> <strong>$vboptions[bbtitle]</strong></div>
</if>
</td>

<if condition="$bbuserinfo['userid']">

<td class="alt2" valign="top" nowrap="nowrap">
<div class="smallfont">
<strong><phrase 1="$bbuserinfo[username]">$vbphrase[welcome_x]</phrase></strong><br />
<phrase 1="$pmbox[lastvisitdate]" 2="$pmbox[lastvisittime]">$vbphrase[last_visited_x_at_y]</phrase>
<if condition="$show['pmstats']"><br /><phrase 1="$vbphrase[unread_x_nav_compiled]" 2="$vbphrase[total_x_nav_compiled]" 3="$session[sessionurl_q]">$vbphrase[private_messages_nav]</phrase></if>
<!-- [START HACK='vB Pager' AUTHOR='UAEWEB.COM' VERSION='3.0.0' CHANGEID= 3 ] -->
<if condition="$show['pager']"><br /><a href="#" onclick="window.open('$vboptions[bburl]/pager.php?action=pager&do=log&folder=inbox','pagerinbox','statusbar=no,menubar=n o,toolbar=no,scrollbars=yes,resizable=yes,width=65 0,height=500'); return false;">$vbphrase[pager_pager_messages]</a><phrase 1="$bbuserinfo[pagerunread]" 2="$bbuserinfo[pagertotal]">$vbphrase[pager_messages_nav_x_y]</phrase></if>
<!-- [END HACK='vB Pager' AUTHOR='UAEWEB.COM' VERSION='3.0.0' CHANGEID= 3 ] -->
</div>
</td>

<else />

<td class="alt2" nowrap="nowrap" style="padding:0px">

<!-- login form -->
<form action="login.php" method="post" onsubmit="md5hash(vb_login_password, vb_login_md5password, vb_login_md5password_utf, $show[nopasswordempty])">
<script type="text/javascript" src="clientscript/vbulletin_md5.js"></script>
<table cellpadding="0" cellspacing="$stylevar[formspacer]" border="0">
<tr>
<td class="smallfont">$vbphrase[username]</td>
<td><input type="text" class="bginput" style="font-size: 11px" name="vb_login_username" id="navbar_username" size="10" accesskey="u" tabindex="101" value="$vbphrase[username]" onfocus="if (this.value == '$vbphrase[username]') this.value = '';" /></td>
<td class="smallfont" colspan="2" nowrap="nowrap"><label for="cb_cookieuser_navbar"><input type="checkbox" name="cookieuser" value="1" tabindex="103" id="cb_cookieuser_navbar" accesskey="c" />$vbphrase[remember_me]</label></td>
</tr>
<tr>
<td class="smallfont">$vbphrase[password]</td>
<td><input type="password" class="bginput" style="font-size: 11px" name="vb_login_password" size="10" accesskey="p" tabindex="102" /></td>
<td><input type="submit" class="button" value="$vbphrase[log_in]" tabindex="104" title="$vbphrase[enter_username_to_login_or_register]" accesskey="s" /></td>
</tr>
</table>
<input type="hidden" name="s" value="$session[sessionhash]" />
<input type="hidden" name="do" value="login" />
<input type="hidden" name="vb_login_md5password" />
<input type="hidden" name="vb_login_md5password_utf" />
</form>
<!-- / login form -->

</td>

</if>

</tr>
</table>
<!-- / breadcrumb, login, pm info -->
i would like to change it so that there could be another box, next to the pm box.
an example is attached below

i tried to do it, but everytime i did something happend to the whole thing and it became over sized.
the things i added in the example are just examples, so form, home, goolge, yahoo, hotmail, vbulletin. i would like to have the text that i put there to be linked to those sites.
please and thank you:)

peterska2
04-16-2006, 10:32 PM
Ok, here you go.

In your navbar template

FIND

<if condition="is_array($navbits)">

ADD ABOVE

<!-- peterska2 navbar box edit -->
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td align="left">
<!-- / peterska2 navbar box edit -->

FIND

<else />
<div class="navbar" style="font-size:10pt"><a href="$vboptions[forumhome].php$session[sessionurl_q]" accesskey="1"><img class="inlineimg" src="$stylevar[imgdir_misc]/navbits_start.gif" alt="" border="0" /></a> <strong>$vboptions[bbtitle]</strong></div>
</if>

ADD BELOW


<!-- peterska2 navbar box edit-->
</td>
<td align="right" width="22%" class="alt1">
<table cellpadding="1" cellspacing="1" border="0" align="right">
<tr>
<td class="alt1">
<img src="http://www.el-halawa.net/forum/ambience/icons/icon2.gif" />&nbsp;<a href="$vboptions[bburl]">Forum</a>
</td>
<td class="alt1">
<img src="http://www.el-halawa.net/forum/ambience/icons/icon2.gif" />&nbsp;<a href="http://www.yahoo.com" target="_blank">Yahoo</a>
</td>
</tr>
<tr>
<td class="alt1">
<img src="http://www.el-halawa.net/forum/ambience/icons/icon2.gif" />&nbsp;<a href="$vboptions[homeurl]">Home</a></td>
<td class="alt1">
<img src="http://www.el-halawa.net/forum/ambience/icons/icon2.gif" />&nbsp;<a href="http://www.vbulletin.com" target="_blank">vBulletin</a>
</td>
</tr>
<tr>
<td class="alt1">
<img src="http://www.el-halawa.net/forum/ambience/icons/icon2.gif" />&nbsp;<a href="http://www.google.com" target="_blank">Google</a>
</td>
<td class="alt1">
<img src="http://www.el-halawa.net/forum/ambience/icons/icon2.gif" />&nbsp;<a href="http://www.hotmail.com" target="blank">Hotmail</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- / peterska2 navbar box edit -->
Save the template.

I've added the links as shown in your screenshot, if you want to change these you will need to change them manually in the template. You may need to adjust the table width (specified at 22%) to suit your site too.

The only thing it hasn't got is a box around it as it does not go right up to the members info box in the navbar.

ztempuser
04-17-2006, 02:56 AM
many many thanks,
but i must say that it was not looking right
so i took the whole navbar template and i put it into frontpage:D and i messed areound with it for like 30min and i got it to a useable code its much bigger but hey, it works:)
<!-- peterska2 navbar box edit-->
</td>
<td align="right" width="5%" class="alt1" valign="top" bordercolor="#FDFDFD">
<table cellpadding="0" cellspacing="0" border="0" align="right" width="140" height="0" style="border-collapse: collapse" bordercolor="#F7F7F7" bordercolorlight="#F7F7F7" bordercolordark="#F7F7F7" bgcolor="#F7F7F7">
<tr>
<td class="alt1" align="justify" bordercolorlight="#F7F7F7" bordercolordark="#F7F7F7" bordercolor="#00FF00" height="0" width="44" bgcolor="#F7F7F7">
<b><font size="1">
<a href=http://www.el-halawa.net/forum/quran.php" style="text-decoration: none">
<font color="#4F5459">Quran</font></a></font></b></td>
<td class="alt1" align="justify" bordercolorlight="#F7F7F7" bordercolordark="#F7F7F7" bordercolor="#00FF00" height="0" width="59" bgcolor="#F7F7F7">
<b><font size="1">
<a href="http://el-halawa.net/forum/gallery.php" style="text-decoration: none">
<font color="#4F5459">Gallery</font></a></font></b></td>
</tr>
<tr>
<td class="alt1" align="justify" bordercolorlight="#F7F7F7" bordercolordark="#F7F7F7" bordercolor="#00FF00" height="0" width="44" bgcolor="#F7F7F7">
<b><font size="1">
<a href="http://www.el-halawa.net/forum/tv.php" style="text-decoration: none">
<font color="#4F5459">TV</font></a></font></b></td>
<td class="alt1" align="justify" bordercolorlight="#F7F7F7" bordercolordark="#F7F7F7" bordercolor="#00FF00" height="0" width="59" bgcolor="#F7F7F7">
<b><font size="1">
<a href="http://www.el-halawa.net/forum/arcade.php" style="text-decoration: none">
<font color="#4F5459">Arcade</font></a></font></b></td>
</tr>
<tr>
<td class="alt1" align="justify" bordercolorlight="#F7F7F7" bordercolordark="#F7F7F7" bordercolor="#00FF00" height="0" width="41" bgcolor="#F7F7F7">
<b><a href="#" onclick="return OpenRadio()" style="text-decoration: none">
<font size="1" color="#4F5459">Radio</font></a></b></td>
<td class="alt1" align="justify" bordercolorlight="#F7F7F7" bordercolordark="#F7F7F7" bordercolor="#00FF00" height="0" width="59" bgcolor="#F7F7F7">
<b><font size="1">
<a href="http://www.el-halawa.net/forum/vbjokes.php" style="text-decoration: none">
<font color="#4F5459">Jokes</font></a></font></b></td>
</tr>
</table>
</td>
</tr>
</table>
<!-- / peterska2 navbar box edit -->
you can see it here www.el-halawa.net
thanks once again peterska2
now if i can just make it look like the picture