Thread Rating:
  • 1 Vote(s) - 5 Average
  • 1
  • 2
  • 3
  • 4
  • 5
Edit Navigation <li>'s
#7
This is what I do for that type of effect. Currently im working on a web design project for small business emphasizing ultra clean design and what I have done is every single page is the same layout but all of the colors are different from page to page

About me is orange themed, front and services are blue themes, blog red themes etc. What I do is make use of GS's body id= ability and create all my styles based off this specific id. So body id="portfolio" is the green variation of my layout and hence loads all the CSS that relates to that specific id, almost like individual pages built directly in to the CSS and just retaining the generic defaults but modifying the colors as needed.

You dont even need separate templates for this and GS includes a class="current on each li of the current page anyway so changing the color is just a matter of targeting the li within that body tag".

My nav rollovers and everything functions.

Of course if your entire page uses multiple colors for links for whatever reason the nth child selector does work with most current browsers and you could always just target an alternative for ie users such as make them all gray and just use a little jquery to activate a specific color on hover or something. Microsoft should be releasing ie 10 before too much longer though and its user base is consistently declining since new browsers seem to be popping up pretty regularly.
Reply


Messages In This Thread
Edit Navigation <li>'s - by soy - 2013-02-04, 00:41:45
RE: Edit Navigation <li>'s - by shawn_a - 2013-02-04, 01:08:17
RE: Edit Navigation <li>'s - by soy - 2013-02-04, 01:41:36
RE: Edit Navigation <li>'s - by Connie - 2013-02-04, 04:53:54
RE: Edit Navigation <li>'s - by soy - 2013-02-05, 04:54:57
RE: Edit Navigation <li>'s - by mvlcek - 2013-02-05, 06:35:22
RE: Edit Navigation <li>'s - by bhwebco - 2013-02-06, 05:27:55
RE: Edit Navigation <li>'s - by soy - 2013-02-14, 23:40:55



Users browsing this thread: 1 Guest(s)