Divaster strikes, Navigation bar confusion! Options

[nvek]

This might like seem like the dumbest question yet, besides what's an url!

Can someone explain the navigation bar for me? I've become very muddled up on this part despite digging around for answers in tutorials and forums.

I'm thinking that it's the home, browse, search... but does it also include add me, message me, block me.... Are these essentially ALL just links that get covered up in the overlay and you have to put them all back in?

Is there any way to display the navigation bar (I'm imagining a script that somehow prevents it from being hidden) or do you have to make your own navigation bar if you have an overlay?

If thats the case then why are the separators visible when the links are not (which is how mine looks)?

And this part I really don't get: if you make your own navigation bar then how do you make sure that the link to 'home' always brings people back to their own home should they drop by?

Sorry if Im being an idiot!

[S-Majere]

I love that title.

Right, it looks like you're making things more complicated for yourself than they really are.

The navigation bar is your basic 'home - browse - search' links, which can be hidden easily by most codes. Sometimes a code is incomplete and will leave the dividers between the links. Those codes suck, and you're better off finding a newer code than covers the whole shebang for you.

The navigation links are the same for everyone across the Myspace network. They bring everyone to the same page.

The personal contact links on the other hand, your 'add me, block me' links - are different for each profile because it entails a Friend ID. This is a unique number that differentiates your profile from the rest of the site.

When designing an overlay, most people get rid of the default navigation links (browse, search etc) entirely.

They then usually replace the contact links (add me, block me, message me) in a custom made navigation bar or separate DIV layer.

Take a looksey at this topic:

http://www.createblog.com/forums/index.php...t&p=2735300

Now, a home link is just a default link. If by 'home' you mean the Myspace home page - then that will be www.myspace.com or home.myspace.com (it's the same for everyone). If you want your 'home' to be your own site, you just replace your site URL there instead.

[FoxLucky]

The navigation bar doesn't include "add me" or "message" because those are found on your contact box in the standard myspace layout.

You can make one for a div, or just allow the main one to show.

This is the home link:
http://home.myspace.com/index.cfm?fuseaction=user

Works for everyone.

I hope that helps!

Edit:
Took me too long to post! LOL

[nvek]

Many thanks for your quick response. If it wasn't for you I may have had yet another sleepless night over this. I have a better understanding of this matter. Much appreciated, one final question though!

I'm using what seems to be the standard code for a covering it all up as given in the tutorials, it removes my navigation bar for me but maintains the separators. As far as I am aware I didn't add a script to hide the navigation. Is there an alternative code I can use to this?

<style type="text/css">
table table,table table table table,table table{background-color:transparent;width:;border:0px;}
div,table,tr,td,th{background-color:transparent;text-align:left;border:0px;}
a.navbar,font,.whitetext12,.btext,.orangetext15,.redbtext,.redtext,.blacktext12,
.lightbluetext8,strong,.nametext,div b font font, div font font u,table table table table, table.contacttable{display:none;}
div table form tr td,td.text table,a.text, table div font a,table div div,{visibility:hidden;display:none}
table td table tr td.text table {visibility:hidden;}
table td table tr td.text table table, table td table tr td.text table table td.text {visibility:visible;}
td.text table table {display:block; visibility:visible;}
embed{position:absolute;top:0px;left:0px;display:block;width:0px; height:0;}
div table td font {visibility:hidden;}a.navbar:link, a.navbar:visited, a.navbar:active {visibility:visible;}a.navbar:hover {visibility:visible;}

rest of codes etc....

[S-Majere]

Yes,

This script will remove your entire navigation bar:

CODE

.navigationBar {display:none;}
div div select, div div form {display:none !important;}
select { visibility:hidden!important; WIDTH:0px!important;}

This script will hide everything:

CODE

<style>body div td div div select {position:absolute!important;top:-1000px;}body div div form {display:none !important;}table table div form {display:inline !important;}table table {display:none !important}table div {display:none;}div table div {display:block;}table, tr, td {background-color:transparent;}
.navigationBar {display:none;}div div select, div div form {display:none !important;}select { visibility:hidden!important; WIDTH:0px!important;}

body {
  background-color: FFFFFF;}


</style>

[nvek]

Thanks again. I have successfully managed to remove the separators. A shortcut dropdown appeared instead and I managed to get rid of that too. I'm a lot clearer on the whole navigation bar, covering it all up, putting it back system which I was a bit lost on for a while there.

I tried out the code above and it didnt work for me (on firefox & safari), tried to do use it in IE on my other computer and still nothing. I am just going to try and find a better code to hide everything as I really don't think the one that I'm using is any good, however that's another matter...



Edit.... Yup got a new code that keeps my navigation bar and covers everything else, not only that but it works in all the browsers. SUCCESS! Thanks again Foxlucky & Majere.

[S-Majere]

Great stuff, well done.

Topic Closed.