About Ordered Boxes

The template exists in 4 different versions. Maybe only this one will be used but it is good to have a choice.

There are links for quick access to the page contents. These links are hidden when CSS is enabled. I have created a simple print stylesheet which displays only the main content.

You are free to use this design for any purpose but please keep my name in the footer.

Highlighted current page link in the navigation

Every page has an id attribute with its name and the link to that page has a class with the same name. It is then easy to style the active link with CSS. Here are the rules for highlighting the navigation items in this case:

#home .home, #v2 .v2, #v3 .v3, #v4 .v4  {
	color: #000;
	background: #98BFE6 url(arrow.gif) 0.2em no-repeat;
}

Don't forget change the class attributes in the navigation and the id of the body tag and then replace the values in the style sheet as well.

Lorem ipsum

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed ut dui ac lacus egestas vehicula. Quisque faucibus, risus id consequat porta, orci ligula condimentum mi, ac commodo leo libero eget tortor. Maecenas a ligula in nibh luctus gravida. Praesent vehicula rhoncus tortor. Donec porta rutrum dui. Donec dignissim congue mauris. Sed rhoncus laoreet sem. Nam dui pede, vestibulum convallis, posuere ut, dictum eu, diam. Phasellus nunc. Ut eget ante a ipsum porttitor scelerisque. Quisque auctor elit vitae massa. Vestibulum massa risus, gravida quis, hendrerit sit amet, bibendum sit amet, enim. Fusce nulla. Quisque vulputate metus vitae orci. Pellentesque at arcu. Ut sed neque.

Donec sollicitudin

Donec sollicitudin, turpis vel lacinia ultrices, ante tellus adipiscing sem, quis pulvinar magna lectus at tellus. Sed vulputate. Nunc turpis turpis, mattis vel, placerat nec, congue quis, erat. Maecenas ac ligula. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam interdum placerat metus. Praesent interdum feugiat quam. Suspendisse tincidunt ultrices nisi. In pede ante, condimentum eu, viverra a, ullamcorper sit amet, quam. Suspendisse lacus lectus, eleifend ut, iaculis ut, dictum quis, ante. Ut gravida pulvinar eros. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Curabitur vitae lacus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aenean eget nisi quis orci auctor porttitor. Suspendisse dui. Praesent rhoncus mi vitae enim. Phasellus nibh.