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.


Reply
 
Thread Tools Display Modes
Share |
  #1  
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

Hello.

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

Advertisement

Advertisement

  #2  
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
  #3  
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%
Thatjeeves,

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

http://konigi.com/tools/css-tooltips-and-speech-bubbles

Best,

Shawn
 
Reply With Quote
  #4  
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
  #5  
Old 05-02-2013, 01:52 AM
rypher21 rypher21 is offline
Banned
 
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
  #6  
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
Code:
http://stackoverflow.com/questions/2011142/how-to-change-the-style-of-title-attribute-inside-the-anchor-tag
 
Reply With Quote
  #7  
Old 05-02-2013, 04:18 AM
rose_marry rose_marry is offline
Member
 
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
  #8  
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
  #9  
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

Reply


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 03:24 AM.
Powered by vBulletin
Copyright 2000-2014 Jelsoft Enterprises Limited.
Copyright © 2003 - 2018 VIX-WomensForum LLC