The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Shadow behind the navigation bar code?

View previous topic View next topic Go down

Shadow behind the navigation bar code?

Post by Jellydonut on June 9th 2012, 1:01 am

Hi, I was wondering if there's a code I can use to get a shadow behind the images of my navigation bar. I made it myself, and I really don't want to redo every button by putting a shadow behind it, so if there was a code for it, that would help.
If there is a code, can someone post it? My forum type is phpBB2.

Jellydonut
Forumember

Female Posts : 572
Reputation : 26
Language : English
Location : Illinois

http://www.googlesclub.forumotion.com

Back to top Go down

Re: Shadow behind the navigation bar code?

Post by nutsonlizards on June 9th 2012, 4:56 pm



this is the css for shadow Smile

Code:

moz-box-shadow: 0px 0px 12px #666666;
  -webkit-box-shadow: 0px 0px 12px #666666;
  box-shadow: 0px 0px 12px #666666;


nutsonlizards
Forumember

Posts : 59
Reputation : 14
Language : London

http://www.redneckherpsforum.com/forum

Back to top Go down

Re: Shadow behind the navigation bar code?

Post by Jellydonut on June 9th 2012, 5:34 pm

Thanks, what do I put in there to get it behind the navigation bar?
(I'm pretty much clueless at CSS)

Jellydonut
Forumember

Female Posts : 572
Reputation : 26
Language : English
Location : Illinois

http://www.googlesclub.forumotion.com

Back to top Go down

Re: Shadow behind the navigation bar code?

Post by Akkii on June 9th 2012, 6:10 pm

You should have in CSS something like navlinks or someting

Akkii
Forumember

Male Posts : 710
Reputation : 107
Language : English,HTML, CSS,Photoshop,Javascript!
Location : Here on Forumotion!

http://www.csshelp.net

Back to top Go down

Re: Shadow behind the navigation bar code?

Post by nutsonlizards on June 9th 2012, 7:21 pm

well this is a guess tbh i not look at phpbb2 forums for some time

Code:

.mainmenu img{
moz-box-shadow: 0px 0px 12px #666666;
  -webkit-box-shadow: 0px 0px 12px #666666;
  box-shadow: 0px 0px 12px #666666;
{

but to find out elements class or id names (chrome) you simple right click on your mouse and click inspect elements

nutsonlizards
Forumember

Posts : 59
Reputation : 14
Language : London

http://www.redneckherpsforum.com/forum

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum