Web3 Wrapper System

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

Custom Page Content: Page Sidebar

In addition to providing content across every page within a unit, the wrapper allows the web developer to pass page-specific variables.

A page has the ability to display a sidebar, a content block that appears on right side of the page, directly underneath the Navy Blue Campus Links dropdown box.

Unit Variables
VAR Value Description
PAGE_SIDEBAR Path to included document If included, the wrapper implements the "sidebar" block where the contents of the sidebar is the document designated via the variable.

To create a sidebar, create a file containing valid XHTML. 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>.

<h2 class="first">My Sidebar</h2>
<p>Look at me, I'm additional content! I can be easily included across multiple files!</p>

lefty_sidebar.html

NOTE The example above contains a Web3 stylistic preference. By default, any H2 occuring within the sidebar is stylized with a dotted top border. The presence of the CSS class="first" in the H2 tag causes the browser to NOT give that specific H2 a dotted top border.

Place the file in your departmental webspace. Where you place the file is really up to you and your file organizational scheme. The wrapper only needs to know the path from your webspace's root to locate the file.

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

<!--#set var="UNIT_VARS"   value="/olh/inc_unit/unit_variables.html" -->
<!--#set var="PAGE_TITLE"   value="Home page" -->
<!--#set var="PAGE_SIDEBAR"   value="/olh/inc_unit/lefty_sidebar.html" -->
<!--#include virtual="/inc_uncg/header.html" -->

<h1>Left-Handed Students</h1>
<p>Welcome UNCG Left-handed students!</p>

<!--#include virtual="/inc_uncg/footer.html" -->
index.html
page sidebar example
 

Page updated: 24-Dec-2006

Accessibility Policy

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