Change colors of pbase bar, at least :-)

[adalberto_tiburzi]

Hi, can someone tell me a simple way to do that?
Thank you, A.

[alangrant]

Sadly, no. The Pbase bar is made up of images, so the colour can't be modified using CSS, the only option is to use a trick to hide it completely (see earlier posts in this forum).

It's a pity that the menu bar isn't implemented as text with a background colour, that way we could change the colour scheme to match our own stylesheets . The purply-gray colour clashes with quite a few potential colour schemes.

[srijith]

I completely agree with the previous post. The purple bar might go with the rest of Pbase's "theme" but it plays badly with the cool CSS designs of almost all users. A pity.

[adalberto_tiburzi]

Most people call that colour purple. But I'll begin to call it lavender, just to try to comfort me so

[arjunrc]

Hi, can someone tell me a simple way to do that?
Thank you, A.

Hi, today, you have 2 choices:

1. Hide the menu and use your own
2. If you are using IE, you can use filter:grey to get a greyscale version of the menu

Advantage of method 1: works with all browsers Ive tested with
Disadvantage of 1: you need to add that menu to all your galleries

Advantage of 2: You dont need to add that menu to all your galleries
Disadvantage of 2: only works with IE

You can see my site for an example of 1. Also if you see the CSS you will also see commented code for 2.

regds
arjun

[adalberto_tiburzi]

Hi arjun, I am very interested in the 2nd option, can you describe step by step what have I to do?
Thanks, A.

[arjunrc]

Hi arjun, I am very interested in the 2nd option, can you describe step by step what have I to do?
Thanks, A.

Hi, here are the code snippets to do that : (its a hack, not a 100% clean solution, but hey works well))

/*--------------------------------------
Images characteristics
--------------------------------------*/

img {display:none;}

/* Do this if you want a greyscale pbase menu
only works with IE and in conjunction with my
.showimages trick below
*/
img { filter:gray;}

/* when I specify showimages in HTML, all images
after that should be displayed. This is a trick
to hide the ugly pbase menu - I have my own.
Basically, I hide all images to start with, and then
I instruct the browser to display all images starting
from the showimages class; I insert this in the HTML
title. Pbase does a /div itself, so I just add two
classes in mine to override the /div */

.showimages img {display:inline; filter:none;}

Now here is the trick:

You specify the above in your CSS, but if you do not do the next step, you will see all your images as grey.

In the 'description' part of the gallery, ensure you have HTML enabled and then insert the following code in it (top or bottom, depends on your choice)

<div class='showimages'>
<div class='showimages'>

Make sure to do it TWICE.

The logic is the following:

Your images are shown *after* The gallery description is written.
The pbase menu is shown *before* the gallery description is written.

So, we tell CSS that all the images must be greyscale normally,
but when a class 'showimages' starts, it should be in color. And I start the'showimages' class after the description.

NOTE: greyscale works only in IE - I did not find a Mozilla equivalent.
But the above trick of separation of the menu image from everything else
gives you a lot of possibilities with the menu as per your choice.

regds
arjun

[adalberto_tiburzi]

Hi, I have done all. Splendid, the pbase bar disappeared. If I want it, I go to profile and then have it again.
But I have lost the possibility of viewing not only the thumbnail, but the single image in the dimension I want. Infact on the single image there isn't the description area where put the <div class='showimages'> twice.
What have I to do now?
Thanks, you are great

[arjunrc]

Hi, I have done all. Splendid, the pbase bar disappeared. If I want it, I go to profile and then have it again.
But I have lost the possibility of viewing not only the thumbnail, but the single image in the dimension I want. Infact on the single image there isn't the description area where put the <div class='showimages'> twice.
What have I to do now?
Thanks, you are great

Hi, these changes dont have any effect on the image sizes. You may have misinterpreted some steps:

THe 2 <div class=showimages> need to be inserted in each gallery, in the description area (when you do edit gallery) , ensure HTML check is enabled. For example, here is what I did for my Favourites gallery:

<p>
<A HREF="http://www.pbase.com" target="_top">:Pbase:</A>&
<A HREF="http://forum.pbase.com" target="_top">:Forum:</A>&
<A HREF="http://www.pbase.com/search" target="_top">:Search:</A>&
<A HREF="http://www.pbase.com/arjunrc." target="_top">:Home:</A>&
<A HREF="http://www.pbase.com/logout" target="_top">:Logout:</A>




<h2> Favourite Pictures
</h2>
<div class='showimages'>
<div class='showimages'>


Again, please read the CSS from view->source in my pages to get the right way.

regds

[adalberto_tiburzi]

Well, in order: updated CSS, all images disappeared, pbase bar, thumbs and my pics, ok.
Then put the 2 commands in each gallery: all thumbnails reappear, ok.
Then I click on a thumb: the image remains hidden like pbase bar.
I'm going on checking where is the problem.

[adalberto_tiburzi]

THANKS !!!
I missed your borders!!!
A.

[slug]

PBase does not approve of hiding the menu bar.

this breaks the normal navigation of the site.

i will assume that anyone hiding their menu bar has no interest in being part of the PBase community and expects that sitewide pages (recent galleries,popular galleries, search, world, etc) will not list their galleries.

-slug

[srijith]

PBase does not approve of hiding the menu bar.

this breaks the normal navigation of the site.

Agree with this also Is there any way Slug, to make the Pbase menu bar text based? I am sure the members do not want to remove the bar completely, rather they hate the color of it and hence want to change them. Since they could not change images, they resorted to hiding them.

[arjunrc]

Agree with this also Is there any way Slug, to make the Pbase menu bar text based? I am sure the members do not want to remove the bar completely, rather they hate the color of it and hence want to change them. Since they could not change images, they resorted to hiding them.

True - the only reason I had to hide and re-do the menu myself was that I had no way of controlling its appearance otherwise. If the only intent was to hide, one would not re-introduce it back -> and ONLY in this case I agree its a case of 'no intention to be a part of the community'

Such tricks are not easy to maintain and would happily do away as long as there is an alternate way or is prohibited by policy

[slug]

i like having a consistent look to the menubar, and that wouldn't happen if there was a text only menu option.

but apparently this incredibly beautiful shade of blue is offensive to some.

i'm thinking options to have the menu bar in neutral colors might be good. maybe a black-on-white and a white-on-black option.

will try it and see how it looks.

-slug