| Common Look & Feel Template Overview | 02.18.09 | < Back to Examples | ||
| Agency Home Page | |||
| File Types |
Description |
Filename | Notes |
| HTML | Home Page Template | agency_layout_home_clf.html | 1) DTD XHTML 1.0
Transitional doctype 2) See Arkansas.gov Header for header artwork specs 3) See Arkansas.gov Footer for footer artwork specs |
| CSS | Home Page Layout Style | css/agency_layout.css | 1)
Define layout specifics in this stylesheet. 2) Must be listed last in HTML or FF will break. |
| CSS | Global Navigation Style | css/agency_global_navigation.css | See Navigation Menu Tabs for artwork specs |
| CSS | Global Font Style | css/agency_global_fonts.css | Define font specifics in this stylesheet. |
| Javascript | Global Navigation Javascript | js/cssmenu.js | For tab menu navigation. |
| Javascript | Adjust Text Size | js/textsize.js | Accessibility best practice. |
| Agency Back Page | |||
| File Types |
Description |
Filename | Notes |
| HTML | Back Page Template | agency_layout_back_clf.html | 1) DTD XHTML 1.0
Transitional doctype 2) See Arkansas.gov Header for header artwork specs 3) See Arkansas.gov Footer for footer artwork specs |
| CSS | Back Page Layout Style | css/agency_layout.css | Must be last stylesheet in list or FF will break. |
| CSS | Global Navigation Style | css/agency_global_navigation.css | See Navigation Menu Tabs for artwork specs |
| CSS | Global Font Style | css/agency_global_fonts.css | Define font specifics in this stylesheet. |
| Javascript | Global Navigation Javascript | js/cssmenu.js | For tab menu navigation. |
| Javascript | Adjust Text Size | js/textsize.js | Accessibility best practice. |
| Required Images for Headers, Footer and Navigation | |||
| File Types |
Description |
Filename | Notes |
| GIF | Arkansas.gov Header | images/argov_header_clf.gif | Defined by CLF. |
| JPG | Agency Header Home | images/agency_home_banner_clf.jpg | Defined by CLF for size; artwork can be original Create from: psd/header_home_artwork_clf.psd |
| JPG | Agency Header Back | images/agency_back_banner_clf.jpg | Defined by CLF for size; artwork can be original Create from: psd/header_home_artwork_clf.psd |
| PNG/GIF | Navigation Menu Tabs | images/taboff_left.png
(.gif) images/taboff_right.png (.gif) images/tabon_left.png (.gif) images/tabon_right.png (.gif) |
Defined by CLF. Create from: psd/menutabs_artwork_clf.psd PNG for IE7/FF (supports transparent backgrounds) GIF for IE6 |
| PNG | Navigation Menu Background | images/menu_background.png | Create
from: psd/menutabs_background_clf.psd Note: PNG Opacity does not work in IE6 and will show solid color in menu. |
| GIF | Sub-Navigation arrow | images/navarrow.gif | Defined by CLF. |
| GIF | Google Logo | images/google_gray.gif | Defined by CLF. |
| JPG | Arkansas.gov Footer | images/argov_footer_clf.jpg | Defined by CLF. |
| Optional Elements | |||
| File Types | Description |
Filename | Notes |
| Javascript | Date | js/date.js | May be used at end of global navigation. |