Web3 Wrapper System

  1. About the Wrapper
  2. Get Started
  3. Unit Customization
    1. Unit Goldbar
    2. Unit Navy Dropdown
    3. Unit Menu
    4. Unit Administration
    5. Unit HTML Head
  4. Page Customization
  5. Content Components
  6. Presentation/Style
  7. CSS Documentation
  8. User Support
  9. Units Implemented

Custom Unit Content: Unit Navy Dropdown

The wrapper system allows the web developer to include customized content on all pages of a unit.

Unit Variables
VAR Value Description
UNIT_BLUEBAR Path to included document If included, the wrapper implements the content within the navy dropdown navigational unit.

To create a custom Unit Navy Dropdown file, create a file containing a valid XHTML Ordered List (OL). Please note: Because this file is going to be included INTO an existing web page, it does not require all the formal XHTML document tags, such as <html>, <head> and <body>.

NOTE The example below contains block ids that are necessary to receive Web3 stylistic preference AND utilize the wrapper javascript.

<ol id="uncgBlueNavDrop">
  <li><a href="PATH TO UNIT LINKS PAGE">UNIT LINKS</a>
     <ol id="uncgBlueNavDropItems">
     <li><a href="PATH TO LINK ONE">LINK ONE</a></li>
     <li><a href="PATH TO LINK TWO">LINK TWO</a></li>
     <li><a href="PATH TO LINK THREE">LINK THREE</a></li>
     <li><a href="PATH TO LINK FOUR">LINK FOUR</a></li>
     </ol>
    </li>
</ol>
unit_bluebar.html

Place the file in your unit's inc_unit directory.

Implement the UNIT_BLUEBAR variable in your unit_variables.html page and designate the file via its path as the value of the variable.

<!--#set var="UNIT_BLUEBAR"   value="PATH TO unit_bluebar.html" -->
unit_variables.html

The Office for Left-handed Students

Having decided to not utilize the default values for the Navy Dropdown menu, and properly understanding the Web3 Unit Requirement's restrictions, the Office for Left-hand Students creates a custom Navy Dropdown:

<ol id="uncgBlueNavDrop">
  <li><a href="/olh/links/">LEFTY LINKS</a>
     <ol id="uncgBlueNavDropItems">
     <li><a href="/olh/links/southpaw.html">Southpaw Sayings</a></li>
     <li><a href="/olh/links/writers.html">Left-handed Wit</a></li>
     <li><a href="/olh/links/artists.html">Left-handed Artists</a></li>
     <li><a href="/olh/links/humor.html">Left-handed Humor</a></li>
     </ol>
    </li>
</ol>
/olh/inc_unit/unit_bluebar.html

The Office for Left-handed Students implements the UNIT_GOLDBAR variable in its unit_variables.html page and designates the file via it's path as the value of the variable.

<!--#set var="DEPT_NAME"      value="Office for Left-Handed Students" -->
<!--#set var="DEPT_ADDRESS"   value="EUC Suite 101" -->
<!--#set var="DEPT_PHONE"     value="336.344.LEFT" -->
<!--#set var="DEPT_FAX"       value="336.344.1111" -->
<!--#set var="DEPT_EMAIL"     value="lefty@uncg.edu" -->
<!--#set var="UNIT_NAME"      value="Left-Handed Students" -->
<!--#set var="UNIT_URL"       value="htp://www.uncg.edu/olh/" -->

<!--#set var="UNIT_BLUEBAR"   value="/olh/inc_unit/unit_bluebar.html" -->
/olh/inc_unit/unit_variables.html
unit bluebar example
 

Page updated: 12-May-2005

Accessibility Policy

Web Oversight Committee/Web3 Group
The University of North Carolina at Greensboro
Greensboro, NC 27402-6170