Kentucky: Enterprise Web Design Templates: Enterprise Branding and Navigation Component

Contact Information

Jane Justice

(502) 564-7576

Commonwealth
Service Desk

Enterprise Branding and Navigation Component

Overview

Definition

The Enterprise Branding and Navigation Component provides Kentucky branding, navigation and search for all users. This provides users with consistent reference points and the confidence that they are on a Kentucky web page.

^Top

Usage

The Enterprise Branding and Navigation Component appears at the top of all web pages. The component consists of:

A clickable Kentucky.gov logo
KY Agencies link
KY Services link
myKentucky.gov link
A drop down list of available search types, prefaced by the word "Search"
A text box for entering search terms, prefaced by the word "for"
A button labeled "Go" that submits the search

Nothing of this component should be changed, including the style, links and logo. The only exception for change is the options in the drop down list. Detail on how to do this are described below.

^Top

History

Initial Release: 05/01/2004

^Top

Code and Specification

To change the default choice from "Kentucky" to another option in the drop down list:

Find the OPTION element with the attribute: selected="selected"
Cut out this attribute.
Paste this attribute into the desired OPTION element's opening tag.

^Top

Default

Image

Image of the default version of the Enterprise Branding and Navigation Component

Specification

The search options are for Kentucky and Find-It! KY, with the Kentucky option the default choice. The Kentucky option searches all of Kentucky using the Google search provided by Kentucky.gov. The Find-It! KY option searches all of Kentucky using the Find-It! KY search provided by the Kentucky Department of Libraries and Archives.

Default HTML

<div class="hidden">
	<a href="#content">Bypass the Kentucky.gov navigation bar and go directly to the page content.</a><span class="linkdivider">|</span>
</div>
<div class="ky-nav section">
	<div class="ky-nav-pre"></div>
	<div class="ky-nav-content section-content">
		<span class="border-tl"></span><span class="border-tr"></span>   
  		<form class="ky-search" method="get" action="http://search.kentucky.gov/Pages/results.aspx">   
			<div>
			<a class="ky-nav-logo" href="http://kentucky.gov" title="Go to the Kentucky state home page." tabindex="1"><img src="../../templates/ewdt_v1/images/kylogo_small.gif" alt="Logo for the Kentucky.gov site.  By clicking this logo, you will be taken to the Kentucky state home page." /></a>
			<a href="http://kentucky.gov/Pages/home.aspx" title="A listing of Kentucky state agencies." tabindex="2">KY Agencies</a><span class="linkdivider">|</span>
			<a href="http://kentucky.gov/Portal/OnlineServices.aspx" title="View available online servies provided by Kentucky state government." tabindex="3">KY Services</a><span class="linkdivider">|</span>
			
			<label for="ky-search-terms" title="Enter Alt-S (or Cmd-S) to type search parameters.">&nbsp;<em>S</em>earch</label>
			<label for="ky-search-scope" title="Select the area that you want to search." class="hidden">Select your search:</label>
			<select id="ky-search-scope" name="s" tabindex="5">
				<option value="General" selected>Kentucky</option>
				<option value="Find-it!">Find-It! KY</option>
			</select>
			for
			<input type="text" name="k" value="?" size="20" maxlength="200" title="Enter text to search." id="ky-search-terms" accesskey="s" onfocus="javascript:this.select();" tabindex="6"/>
			<input type="submit" name="ky-search-submit" value="Go"  title="Submit your text query." class="ky-search-submit" tabindex="7" />
			</div>
		</form>
		<div class="section-footer">&nbsp;</div>
 	</div>
	<div class="ky-nav-post"></div>
</div>

^Top

Variation 1

Image

Image of the first variation of the Enterprise Branding and Navigation Component

Specification

The search options are for Kentucky, Find-It! KY, and one or more Sub Collection searches, with the Kentucky option the default choice. The Kentucky option searches all of Kentucky using the Google search provided by Kentucky.gov. The Find-It! KY option searches all of Kentucky using the Find-It! KY search provided by the Kentucky Department of Libraries and Archives. A Sub-Collection option searches a sub-collection of Kentucky, as defined by Kentucky.gov, using the Google search provided by Kentucky.gov.

To create a sub-collection for your agency:

Contact Kentucky.gov and indicate what specific search(s) you want. Kentucky.gov will then issue you and Affiliate ID for each specific search you want.
For each Sub-Collection option, change the VALUE attribute in the OPTION element to the Affiliate ID

Variation 1 HTML

<div class="hidden">
	<a href="#content">Bypass the Kentucky.gov navigation bar and go directly to the page content.</a><span class="linkdivider">|</span>
</div>
<div class="ky-nav section">
	<div class="ky-nav-pre"></div>
	<div class="ky-nav-content section-content">
		<span class="border-tl"></span><span class="border-tr"></span>   
  		<form class="ky-search" method="get" action="http://search.kentucky.gov/Pages/results.aspx">   
			<div>
			<a class="ky-nav-logo" href="http://kentucky.gov" title="Go to the Kentucky state home page." tabindex="1"><img src="../../templates/ewdt_v1/images/kylogo_small.gif" alt="Logo for the Kentucky.gov site.  By clicking this logo, you will be taken to the Kentucky state home page." /></a>
			<a href="http://kentucky.gov/Pages/home.aspx" title="A listing of Kentucky state agencies." tabindex="2">KY Agencies</a><span class="linkdivider">|</span>
			<a href="http://kentucky.gov/Portal/OnlineServices.aspx" title="View available online servies provided by Kentucky state government." tabindex="3">KY Services</a><span class="linkdivider">|</span>
			
			<label for="ky-search-terms" title="Enter Alt-S (or Cmd-S) to type search parameters.">&nbsp;<em>S</em>earch</label>
			<label for="ky-search-scope" title="Select the area that you want to search." class="hidden">Select your search:</label>
			<select id="ky-search-scope" name="s" tabindex="5">
				<option value="General" selected>Kentucky</option>
				<option value="Find-it!">Find-It! KY</option>
				<option value="subcol1">Sub-Collection 1</option>
				<option value="subcol2">Sub-Collection 2</option>
				<option value="subcol3">Sub-Collection 3</option>
			</select>
			for
			<input type="text" name="k" value="?" size="20" maxlength="200" title="Enter text to search." id="ky-search-terms" accesskey="s" onfocus="javascript:this.select();" tabindex="6"/>
			<input type="submit" name="ky-search-submit" value="Go"  title="Submit your text query." class="ky-search-submit" tabindex="7" />
			</div>
		</form>
		<div class="section-footer">&nbsp;</div>
 	</div>
	<div class="ky-nav-post"></div>
</div>

^Top

Published: 04/16/2004 [med]