Webmaster Forum

Go Back   Webmaster Forum > Web Development > Coding Forum

Coding Forum Problems with your code? Discuss coding issues, including JavaScript, PHP & MySQL, HTML & CSS, Flash & ActionScript, and more.

Thread Tools Display Modes
Share |
Old 04-02-2013, 11:08 AM
thatjeeves thatjeeves is offline
Junior Member
Join Date: 02-18-11
Posts: 11
iTrader: 0 / 0%
css hover effects


How do I create a box-hover effect on my navigation? Not just the standard a:hover effects but more a of "box-effect"?
Reply With Quote



Old 04-02-2013, 08:01 PM
snotrocket snotrocket is offline
Contributing Member
Join Date: 03-24-13
Location: Carmel, IN
Posts: 57
iTrader: 0 / 0%
I'm not sure what you mean by "box-effect". If you have an example of what you mean you could easily use the Chrome developer tools or Firebug for Firefox to examine the css for the element you're interested in to see what css is applied in various states.
Reply With Quote
Old 04-03-2013, 04:14 AM
smanaher's Avatar
smanaher smanaher is offline
v7n Mentor
Join Date: 03-04-13
Location: Oneonta, NY
Posts: 329
iTrader: 0 / 0%

You could try making tool tips and bubbles using CSS3. Its pretty easy to do. Here is a tutorial,



Reply With Quote
Old 04-29-2013, 08:01 AM
goripples goripples is offline
Junior Member
Join Date: 04-29-13
Posts: 15
iTrader: 0 / 0%
Box-effect is what? The box will expand when mouseover?
Reply With Quote
Old 05-02-2013, 01:52 AM
rypher21 rypher21 is offline
Join Date: 04-25-08
Location: asia...
Posts: 761
iTrader: 0 / 0%
box-effect? Any picture that can depict what you mean to do?
Reply With Quote
Old 05-02-2013, 03:59 AM
GMF's Avatar
GMF GMF is offline
Contributing Member
Join Date: 11-03-11
Location: Austria
Posts: 1,213
iTrader: 0 / 0%
You could use a title.

HTML Code:
<a href="#" title="When you hover over the link, you see this text">LINK</a>
you can even style the title with css

more info
Reply With Quote
Old 05-02-2013, 04:18 AM
rose_marry rose_marry is offline
Join Date: 04-17-13
Location: India
Posts: 49
iTrader: 0 / 0%
Well, you can try this code : "#Nav a:hover{text-shadow:#6C6C6C; text-decoration:underline;}" you can change color of box and you can change the font color also.
Reply With Quote
Old 05-19-2013, 11:41 PM
Liveencyclopedia Liveencyclopedia is offline
Junior Member
Join Date: 10-30-12
Location: Biafra Land
Posts: 27
iTrader: 0 / 0%
you can also use online css menu generator (google it ) to achieve this
Reply With Quote
Old 05-21-2013, 01:44 AM
knightra knightra is offline
Junior Member
Join Date: 02-04-13
Posts: 16
iTrader: 0 / 0%
you can use some framework like bootstrap for this
Reply With Quote
Go Back   Webmaster Forum > Web Development > Coding Forum


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump

Similar Threads
Thread Thread Starter Forum Replies Last Post
DIV Hover Help Required... davelev Coding Forum 16 02-22-2011 08:25 PM
CSS HOVER Sketch Coding Forum 10 01-08-2006 11:58 AM

V7N Network
Get exposure! V7N I Love Photography V7N SEO Blog V7N Directory

All times are GMT -7. The time now is 07:09 AM.
Powered by vBulletin
Copyright 2000-2014 Jelsoft Enterprises Limited.
Copyright © 2003 - 2018 VIX-WomensForum LLC