Choose from our various pricing plans. There is a package for everyone!


Navigation Bar Glow / Light Up when hover over it

View previous topic View next topic Go down

Tutorial Navigation Bar Glow / Light Up when hover over it

Post by Logic on Thu May 31, 2012 4:53 pm

Hello, This guide teaches you how to make your navigation bar glow / light up when you hover your mouse over one of the buttons.

You want to go ahead and head over to
Administrator Panel > Display > Colors > CSS Stylesheet
and scroll down to the bottom of your stylesheet if you already have codes in there and paste this code in your stylesheet then press submit.

Code:

a.mainmenu{
filter:alpha(opacity=80);
-moz-opacity: .80;
opacity: .80;
  }

a.mainmenu:hover{
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
    }
Thank you for reading my guide on how to make the navigation bar glow / light up when you hover over it with your mouse and I hope it comes in handy. You can PM Me if you are having any issues following this guide.
avatar
Logic
Member
Member

Age : 27
Posts : 22
Join date : 2012-05-27
Reputation : 2

View user profile

Back to top Go down

Tutorial Re: Navigation Bar Glow / Light Up when hover over it

Post by Mati™ on Thu Jun 14, 2012 3:28 pm

Great, tutorial you can use this on any image you want.

Your Tutorial has been accepted, congratulations!
avatar
Mati™
Administrator
Administrator

Age : 31
Posts : 2112
Join date : 2011-10-20
Forum Version : PhpBB3
Reputation : 147

View user profile http://fmfocus.forumotion.net/forum

Back to top Go down

Tutorial Re: Navigation Bar Glow / Light Up when hover over it

Post by Dusan on Fri Jun 15, 2012 5:43 pm

Cool tutorial mate , thank you Smile
avatar
Dusan
Member
Member

Age : 22
Posts : 711
Join date : 2012-06-08
Forum Version : PunBB
Reputation : 36

View user profile http://www.csshelp.net

Back to top Go down

Tutorial Re: Navigation Bar Glow / Light Up when hover over it

Post by RSguideMaker on Wed Jun 20, 2012 9:45 pm

Woot. About time I saw a tutorial about this Smile
Been wanting to light up the navbar, so I have been using pre-made templates so that it would glow up.



Please do not request help via PM! Post on the forums where it can help everyone.
avatar
RSguideMaker
Support Moderator
Support Moderator

Age : 18
Posts : 421
Join date : 2012-05-23
Reputation : 9

View user profile http://euanfitzpatrick.co.nf/

Back to top Go down

Tutorial Re: Navigation Bar Glow / Light Up when hover over it

Post by Verrell123 on Thu Jun 21, 2012 5:23 am

Thanks for share this Very Happy

Verrell123
Member
Member

Posts : 18
Join date : 2012-04-10
Reputation : 0

View user profile http://www.freshartz.co.cc/

Back to top Go down

Tutorial Re: Navigation Bar Glow / Light Up when hover over it

Post by Nick! on Thu Jun 21, 2012 9:10 pm

Good tutorial.

Also, Matti_7, will you make a tutorial about your CS3 sig?

Nick!
Member
Member

Posts : 25
Join date : 2012-04-06
Reputation : 1

View user profile

Back to top Go down

Tutorial Re: Navigation Bar Glow / Light Up when hover over it

Post by Rog360 on Thu Jun 28, 2012 9:49 am

Thanks! Works great with other one I had... Smile
avatar
Rog360
Member
Member

Age : 49
Posts : 12
Join date : 2012-06-28
Reputation : 0

View user profile http://project-silvermoon.forumotion.com/

Back to top Go down

Tutorial Re: Navigation Bar Glow / Light Up when hover over it

Post by Cyborg112233 on Tue Jul 10, 2012 12:21 pm

That's a good tutorial, dude!
Hovering the navbar is very cool and I think every admin should embed this into his forum.
avatar
Cyborg112233
Member
Member

Age : 19
Posts : 123
Join date : 2012-07-10
Reputation : 0

View user profile http://mario-world.forumieren.com/forum

Back to top Go down

Tutorial Re: Navigation Bar Glow / Light Up when hover over it

Post by Guest on Tue Jul 10, 2012 3:42 pm

Great Tutorial Logic!

Guest
Guest


Back to top Go down

Tutorial Re: Navigation Bar Glow / Light Up when hover over it

Post by WeCanTutIt on Sun Oct 28, 2012 11:03 am

Great tutorial!!!!Thank you Very Happy
avatar
WeCanTutIt
Member
Member

Age : 20
Posts : 1
Join date : 2012-10-21
Reputation : 0

View user profile

Back to top Go down

Tutorial Re: Navigation Bar Glow / Light Up when hover over it

Post by Stallmp on Wed Jan 15, 2014 7:57 pm

Thank you so much!!
avatar
Stallmp
Member
Member

Age : 23
Posts : 227
Join date : 2014-01-10
Forum Version : PunBB
Reputation : 15

View user profile

Back to top Go down

Tutorial Re: Navigation Bar Glow / Light Up when hover over it

Post by Sponsored content


Sponsored content


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