dominican logo top
 
You are here: Home / Academics / Support Services / Technology / Policies / Web Style Guide / Navigation, Portlets and More

Navigation, Portlets and More

Classic Navigation

Below you can see Dominican's classic navigation style. All Dominican web pages, except for a couple of temporary, event-related one, use this navigation. We will not be changing the look, feel or functionality of this navigation until the next re-branding cycle.

Clasic Navigation

http://www.dominican.edu/ukiah

 

Custom Navigation

On very rare occasions, University's classic navigation may be replaced with a custom-made navigation. Such navigation can be created using HTML (and, if much more advanced, with CSS and Java Script), as in the example below.

Custom Navigation

www.dominican.edu/spiritweek



Portlets

Editors can create custom navigation elements called portlets on the right-hand side of their web page. Portlets can be created using basic HTML and can feature a series of "related" links or as a series of linked images.

Portlets are effective because they can be inherited, meaning that they need to be created only once, at a top level of a folder. Once created, they can automatically trickle down to all child pages in that folder. Of course, they can be manually turned off on any number of child pages.

Portlets are 155px wide. There is no limit on height.

Below is an example of a portlet composed of three images (buttons) and a series of links:

Custom Portlet Admissions

http://www.dominican.edu/admissions/undergrad

 

Below is an example of a right-hand portlet that features three clickable images:

Custom Portlet OIGE

http://www.dominican.edu/admissions/international/studyabroad


Common Sites & Pages


Students

Faculty & Staff

Alumni/Parents