Web guidelines > Primary content > Breadcrumb navigation
Adding breadcrumb navigation in the primary content area
Above is an example of a correctly formatted breadcrumb navigation for the
WSU Web templates. The font size is to be specified as "x-small." Each
breadcrumb is separated by the "greater than" arrow symbol (>) with a space
before and after the arrow.
To add a breadcrumb navigation, a CSS class must be created. You can copy
the breadcrumb class in red below and add it to an external style sheet or
to your Web page's source code as indicated. Existing page code is in gray.
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>WSU Web Template Guidelines</title>
<link href='http://designer.wsu.edu/template/css.aspx?key=11f14af0axx080' type="text/css" rel="stylesheet" />
<link href="styles.css" rel="stylesheet" type="text/css" />
<link href='http://designer.wsu.edu/template/center.aspx' type="text/css" rel="stylesheet" />
<!-- print style sheet -->
<link href="http://www.wsu.edu/navigatewsu/gen2/print.css" rel="stylesheet" type="text/css" media="print"/>
<style type="text/css">
<!--
.breadcrumb {
font-size: x-small;
}
-->
</style>
</head>
|
|
