Example CSS
We at Booyant count ourselves very lucky to be a part of an incredible web-development community surrounding the Boston area. Thanks to gatherings such as The Build Guild, Refresh Boston, BostonEErs and many more, we have had the great privilege of meeting and becoming friends with many of these folks.
A few of these companies have offered to provide some example CSS files which can be used with NavEE. Of course, the point of NavEE is that you can build any kind of navigation you like; but in case you are new to styling navigation, this might be a great place to start.
We would like to thank the contributing developers, and you should too by checking out their work!
About Boston Web Studio
Since January of 2005 Boston Web Studio has specialized in designing and developing attractive websites using hand-written HTML/CSS with an obsessive focus on web standards, accessibility, and semantics. To learn more about BWS…
- Read more about us: http://www.bostonwebstudio.com/about
- Check out our portfolio: http://www.bostonwebstudio.com/portfolio
- Follow us on twitter: http://twitter.com/bostonwebstudio
Info
- Version: 1.0
- Demo
Installation
There are more detailed instructions available by viewing the source of this demo.
- Download the Boston Web Studio Navigation
- Place the BostonWebStudio-NavEE directory inside your css directory and make sure to include a link to it on any pages you wish to format.
- Choose your formatting option:
Simple - Horizontal Navigation
To style your Simple navigation horizontally, markup your template like so:
{exp:navee:nav nav_title="nav-title"
class="simpleHorizNavEE"}Simple - Vertical Navigation
To style your Simple navigation vertically, markup your template like so:
{exp:navee:nav nav_title="nav-title"
class="simpleVertNavEE"}Dazzling - Horizontal Navigation
To style your Dazzling navigation horizontally, markup your template like so:
{exp:navee:nav nav_title="nav-title"
class="dazzleHorizNavEE"}Dazzling - Vertical Navigation
To style your Dazzling navigation vertically, markup your template like so:
{exp:navee:nav nav_title="nav-title"
class="dazzleVertNavEE"}
About Atedrake
Atedrake is a small web design + development shop located a few miles north of Boston. We're big on creating amazing and awesome experiences for our clients and their users. We specialize in the front end of the web, which means we rock at User Experience, Web Design and UI Development. If you have't already figured it out, we are geeks, we love what we do and we're really good at it. To learn more and get in touch with us, visit our site, www.atedrake.com, or follow us on twitter - @atedrake.
Info
- Version: 0.0.3
- Demo
Installation
There are more detailed instructions included with the Atedrake Navigation download.
- Download the Atedrake Navigation
- Place the Atedrake-NavEE directory inside your css directory and make sure to include a link to it on any pages you wish to format.
- Choose your formatting option:
Horizontal Navigation
To style your navigation horizontally, markup your template like so:
{exp:navee:nav nav_title="nav-title"
class="navee-atedrake-horizontal"}Vertical Navigation
To style your navigation vertically, markup your template like so:
{exp:navee:nav nav_title="nav-title"
class="navee-atedrake-vertical"}