adalberto_tiburzi wrote: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
Posted: Sat Feb 14, 2004 1:12 pm
