University Web Communications

Home » Launch » Vanderbilt Brand Bar

Vanderbilt Brand Bar

Lacy Paschal

The Vanderbilt Brand Bar gives departments a quick and easy way to incorporate the Vanderbilt look into their site. With just one simple line of code, you can update your site to include the Vanderbilt wordmark – used correctly (no need to worry if you’re meeting the Graphics Standards Guidelines) – and the required link to the Vanderbilt homepage; and an unobtrusive way to navigate the main VU site. Just click NavigateVU and the bar slides down to reveal the main navigation; click it again and it disappears. Click Tools and give your visitors access to all the major tools and logins (email, YES, OAK, etc.), and click Search and our search engine appears.

Did we mention – just one line of code!

Incorporating the brand bar into your website

There are currently two versions of the brand bar available – based on your current inclusion of the jQuery library:

vubrandbar.js – if you are ALREADY including the jQuery library

<script type="text/javascript" src="" ></script>

vubrandbarfull.js – if you are NOT including jQuery

<script type="text/javascript" src="" ></script>

Once you’ve determined which version of the brand bar to use – simply place the appropriate javascript code IMMEDIATELY BELOW the body tag (or below your “skip to content” tag if you’re using one). That’s it.

Please let us know if you incorporate the brand bar into your site Рor if you have any questions about implementation.

browse topics

A&S admissions athletics awards blogs brand bar branding calendar conference css digitalvu digitalvu2010 email facebook featured flickr google google calendar gsa homepage images infographic jquery mobile mysql news old school html omni OmniUpdate php political science presentation prezi sitemason social media students templates tutorial twitter video vunetid web comm wordpress youtube

browse by month