PBase

Does anyone know of a way to remove the very top menu bar from my Pbase pages? I'm talking about the one that has tabs for 'Pbase', 'galleries', 'forum', 'search', on the left side and 'home', 'logout', 'help' on the right side. I can't tell you how many times folks that I send to my gallery pages have inadvertently navigated off of my pages by clicking on the word 'galleries' on that top menu bar. Obviously ending up on other people's Pbase pages and thinking they're still looking at my images. Then they write back to me saying how much they loved my Portugal gallery only to have me tell them that I've never been to Portugal. Then I have to explain what they did wrong and how to navigate around Pbase and stay on my pages. Then they say, okay, well, if I get time, I'll go back. And I potentially lose that viewer.

I would like to either remove that menu bar completely or have a warning message come up that says "you're about to leave ____'s galleries, do you really want to do this?"... something like that. Possible?

Have never tried, but see if you find anything useful in http://form.pbase.com/viewtopic.php?f=8&t=18587 this older thread.

DaveT

dw_thomas wrote:Have never tried, but see if you find anything useful in http://form.pbase.com/viewtopic.php?f=8&t=18587 this older thread.

DaveT

Nice catch Dave!

Apparently Ruth got it working. Too bad she did not summarize what she did. I briefly checked her CSS and there is a block ID #hidenav and a DIV with the ID of hidenav. It might help if someone contacted Ruth: http://www.pbase.com/mail?submit=compos ... ionsbyruth and ask her to update that thread with some more details.

Update: Ok, so here is what I think is happening. This code in her css http://css.pbase.com/styles/134032.css creates a black div with an z-index of 1 that perfectly overlays the Pbase menu area:

Code: Select all

#hidenav {
border: none;
width: 100%;
display: block;
background: #000000;
height: 24px;
position: absolute;
top: 0px;
left: 0px;
z-index: 1;
overflow: hidden;
}


In the HTML of the gallery there is this code that activates that overlaid DIV.

Code: Select all

<div id="hidenav"></div>


Update: This does work! I have tried it with one of my test galleries and it works great. You will need to download your current CSS - do a view source and find the link to your CSS in the HTML source. Copy this out and add the CSS code above to that. Then edit your gallery and then in the style sheet section edit style sheets. Paste the copied the modified version of your CSS to this new CSS. Save and then apply this new CSS to any of your galleries.