Same navigation code on every page
First of all, you'll need to assign a class to each navigation item:
<ul>
<li><a href="#"
class="home">Home</a></li>
<li><a
href="#" class="about">About
us</a></li>
<li><a href="#"
class="contact">Contact
us</a></li>
</ul>
You'll then need to insert an
id
into the
<body>
tag. The id
should be
representative of where users are in the site and should change when users move
to a different site section. When in ‘Home’ it should read
<body
id="home">
,in ‘About Us’ it should be
<body
id="about">
and in ‘Contact Us’
<body
id="contact">
.Next, you create a new CSS rule:
#home .home, #about .about, #contact .contact
{
commands for
highlighted navigation go here
}
This basically creates a rule that only takes effect when
class="home"
is contained within id="home"
, and when
class="about"
is in id="about"
and
class="contact"
is in id="contact"
. These situations
will only occur when the user is in the appropriate site section, seamlessly
creating our highlighted navigation item.
BUDDY CHECK OUT THESE ALSO : ALL LEARNING THING , HTML , CSS , WEB FORMS ,DREAM WEAVER, DTD , JAVA, JAVA SCRIPT , SQL , MY SQL , PL-SQL , PHOTOSHOP , C + + , C , WEB PAGES , MAYA, PDF FILES , EVERYTHING AVAILABLE , AJAX , HYBERNATE , WSDL , WAP , RUBY ON RAILS , SCALA , HTTP , HTML 5 , PROTOTYPE , Wi-MAX , FLASH , WML , RUBY , PERL ,UNIX , DLL , RSS , RADIUS , UNIX SOCKET , PYTHON , JSP , SOAP , MVC , DOT NET , PHP , ADO , ASP , J QUERY , TCP/IP , VISUAL BASIC , UML , VISUAL STUDIO , GPRS....
No comments:
Post a Comment