navigation button / forum legend

[papakanmo]

how can i make my navigation button like this
and how can i put image on lgend?

[Sanket]

This should help you.
https://help.forumotion.com/t96136-group-s-style-on-legend-glitter-icon-glow

[papakanmo]

how about the navigation button sir?

[Sir Chivas™]

Hi,

What exactly do you want from the navigation bar?

[papakanmo]

hello like this one

http://superiorgaming.forumotion.com/

i want simple like this one. hope you can help me

[Sir Chivas™]

What forum version are you using? Is it PhpBB2 ?

[papakanmo]

yes phpbb2

[Sir Chivas™]

Well, I only have the code for PunBB. Let me try converting it to PhpBB2. I will report back in a second.

[papakanmo]

okie sir thank you so much

[Sir Chivas™]

Can you please provide me the URL of your forum?

[papakanmo]

www.pinoy-fm.com/forum

i remove my button because i realy dont like the look of my navi button.

[Sir Chivas™]

Code:

.mainmenu {
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2) inset;
    background-color: #304154;
    background-image: url("http://i43.servimg.com/u/f43/14/73/12/96/pun-na10.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat-x;
    border: 1px solid #1E2831;
    height: 28px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

Try this code.

[papakanmo]

ok ill try it

[papakanmo]

look what happen T_T

[Sir Chivas™]

I see, the spacing am I right? I'll see if I can fix that.

[papakanmo]

okie sir thank you hope we can make this exact like on image.

[Sir Chivas™]

Can you please provide me your CSS. If you don't want it to place it here, PM it to me then.

[papakanmo]

done sir i already pm to you.

[Sir Chivas™]

Try changing the .mainmenu to .nav, from the code that I provided you.

[papakanmo]

nothing happen sir only text show on navigation

[Sir Chivas™]

I'm not really great at modifying skins, as well at using CSS. So this might take me a while. I hope someone else helps out.

Can you provide me the theme your using, that way I can see what I can do in my test forum?

[papakanmo]

oki wait ill check it out.

[papakanmo]

skin page 3.

Scripts ^| Skin
by ReD Devl1

version: PHPBB2

hope we can fix this ^^

by the way check out my forum it appears but not navigation

www.pinoy-fm.com/forum

[SLGray]

oki wait ill check it out.

skin page 3.

Scripts ^| Skin
by ReD Devl1

version: PHPBB2

hope we can fix this ^^

by the way check out my forum it appears but not navigation

www.pinoy-fm.com/forum

Please don't double/triple post. Your post need to be separated by 24 hours before bumping, replying or adding more information. Please use the edit button instead! Since this is your third time for double posting, you will receive a warning.

[Sir Chivas™]

Alright,

I'll do this when I get home from work. So, be patient my friend.

[papakanmo]

thank you my friends. ur greater that staff here >_< u have patient just to teach all those person have problem here in forumotion.. thanks a lot.

[Sir Chivas™]

No problem, means a lot. Can you link me to the theme, your using? I'm having difficults of finding it. Thank you.

[papakanmo]

this one http://en.hitskin.com/search-a-skin/scripts--skin-168331.htm

[ginger.]

wait, do you want that your navigation button highlights when you put mouse on it?

then put this code in css stylesheet

Code:

a.mainmenu{
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
}
a.mainmenu:hover{
filter:alpha(opacity=70); 
-moz-opacity: 0.65; 
opacity: 0.65;
}

btw, it doesn't work on IE. (:

[papakanmo]

ginger look what happen www.pinoy-fm.com there's nothing happen only text show on navigation.

Code:

a.mainmenu{
filter:alpha(opacity=100);
box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2) inset;
-moz-opacity: 1.0;
background-color: #304154;
background-image: url("http://i43.servimg.com/u/f43/14/73/12/96/pun-na10.png");
background-origin: padding-box;
background-position: 0 0;
background-repeat: repeat-x;
border: 1px solid #1E2831;
height: 28px;
opacity: 1.0;
}
a.mainmenu:hover{
filter:alpha(opacity=70);
-moz-opacity: 0.65;
opacity: 0.65;
}

I add this code and this show up


THERE's SPACES and too small compare of this