Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 2 of 2
  1. #1
    Junior Member
    Join Date
    Aug 2010
    Posts
    1
    Member #
    23277
    Basically what I need to do is to make a navigation area that moves when you hover over it to give it more emphasis when you need it, but I have little JS knowledge. I threw this together to sort of show what I want:


    But with that maybe have the text get bigger as you go over it and maybe have the whole navigation start out black and white but when you hover over it the color comes... I just need help finding tutorials or maybe some tips on how I can achieve this.

  2.  

  3. #2
    Junior Member
    Join Date
    Aug 2010
    Location
    Netherlands
    Posts
    18
    Member #
    23193
    This would be easier done with some simple CSS Pseudo-classes

    here's an example

    HTML Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <style type="text/css">
    a {
    	width: 300px;
    	text-align: center;
    	background: #CCC;
    	color: #000;
    	font-size: 28px;
    	display: block;
    	padding: 10px;
    }
    a span {
    	font-size: 16px;
    }
    a:hover {
    	padding-bottom: 20px;
    	background: #CCC;
    	color: #FFF;
    }
    a:active {
    	padding-bottom: 30px;
    	background: #F00;
    	color: #0F0;
    }
    </style>
    </head>
    
    <body>
    <a href="#">Put your mouse over me! <span>then click me</span></a>
    </body>
    </html>


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 11:08 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com