Rollover Navbar

by TR January 10th 2010, 5:16 pm

http://www.thefacebookforum.net

How is this done? Smile

by ankillien January 10th 2010, 6:02 pm

Hello,

Its done via CSS. Do you want that effect on punBB?
I'll give you a code then.

by TR January 10th 2010, 8:54 pm

Yup, PunBB. Smile

by BrickMaster January 11th 2010, 12:25 am

Can you also give me the phpBB 3 code while you're at it ankillien?

by TR January 12th 2010, 5:01 am

by TR January 14th 2010, 2:32 pm

by Emilio January 14th 2010, 2:35 pm

Oww i need css code to , For PhpBB3

by TR January 14th 2010, 4:04 pm

Yes, if anyone knows the code for PunBB and PhpBB3 it would be greatly appreciated. Very Happy

by Final-Blond January 15th 2010, 6:19 pm

Hi poeple,

You'd like the effect of transparent framework when the cursor passes over, right ?

by TR January 15th 2010, 6:44 pm

If you mean a rollover effect when the cursor moves over the navbar images, yes. Smile

by Final-Blond January 15th 2010, 9:33 pm

In fact there are images, but we can approximate this effect with CSS (ZC helped me to find it out).

So in the CSS stylesheet, try and work on this code :

ul.navlinks a img:hover {
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}

EDIT : You can also add padding in the direction of clockwise (top right bottom left) like this .

ul.navlinks a img:hover {
background-color: #ffffff;
padding: 8px; 4px; 8px; 4px;
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}