cheapest bimatoprost available online


cheap order bimatoprost


order bimatoprost cheap


bimatoprost buy cheap


cheap bimatoprost ophthalmic solution


cheapest bimatoprost professional


cheap saturday delivery bimatoprost


cheap bimatoprost for sale online no prescription required


bimatoprost online cheap


buy cheap bimatoprost ophthalmic


buy cheap bimatoprost


bimatoprost cheap


buy cheap bimatoprost canada pharmacy


cheap bimatoprost sales


cheap bimatoprost


buy cheap bimatoprost online


cheap buy online bimatoprost


cheap online buy bimatoprost


buy bimatoprost cheap cod no rx


cheapest bimatoprost online


cheapest pharmacy to buy bimatoprost


cheap buy bimatoprost


can you buy bimatoprost online no prescription cheap


buy bimatoprost online cheap


order cheap overnight bimatoprost


buy online cheap bimatoprost


bimatoprost cheap cod


cheap bimatoprost saturday delivery cod


purchase cheap bimatoprost


cheap bimatoprost non prescription


buy cheap fedex bimatoprost


order bimatoprost overnight cheap


where can i get bimatoprost cheap


bimatoprost generic cheap


order cheap bimatoprost


real bimatoprost real cheap


cheap bimatoprost cash on delivery


cheapest bimatoprost


cheap purchase bimatoprost


buy cheapest bimatoprost


cheap bimatoprost no prescription next day delivery


online buy cheap bimatoprost


cheap purchase online bimatoprost


cheapest bimatoprost ophthalmic solution


buy bimatoprost cheap


were is the cheapst place to bye bimatoprost


bimatoprost cheapest


cheapest bimatoprost in usa order


cheap bimatoprost ophthalmic solution 0.03


bimatoprost ophthalmic solution 0.03 cheap

Highlight navigation in ExpressionEngine

Just a quick one to show how I highlight the navigation so that the user knows what section they are in. I use the URL segment variables to highlight the navigation.

I call the navigation using {embed=“includes/nav”}. Because I use image replacement on my navigation, I can’t add a class to a list item, so I have to replace swap the id on the list item to show the correct background image.

<ul>
<
li {if segment_1==""}id="nav-home-active"{if:else}id="nav-home"{/if}><a href="{homepage}" title="Home" rel="home">Home</a></li>
<
li {if segment_1=="portfolio"}id="nav-portfolio-active" {if:else}id="nav-portfolio"{/if}><a href="/portfolio" title="Portfolio">Portfolio</a></li>
<
li {if segment_1=="blog"}id="nav-blog-active" {if:else}id="nav-blog"{/if}><a href="/blog" title="Blog">Blog</a></li>
<
li {if segment_1=="about"}id="nav-about-active" {if:else}id="nav-about"{/if}><a href="/about" title="About">About</a></li>
<
li {if segment_1=="contact"}id="nav-contact-active" {if:else}id="nav-contact"{/if}><a href="/contact" title="Contact">Contact</a></li>
</
ul

It is a similar process to the one used at FortySevenMedia and as the last comment there mentions, the URL segment has many further possible options, such as setting the ID of the body, or any other element for that matter.

Trevor Davis has an interesting post here which related to this.

There may be other ways or a better way of doing things, so let me know.

Don't just sit there, join in!

Commenting is not available in this weblog entry.

Preview