Search this site

Page Templates - Colors and Fonts


Creating and editing the templates can be a chore and a steep learning curve if you don't do this sort of thing regularly.  If you want your templates to look like ours, with a little customization, I will be happy to do them for you.  What might take me 15 minutes might take you days of fiddling.  Just send me a request with your customization needs.    rc@ayso26.org


Art Work

The art work files are attached to this page.  The header and the page background are in the same files.  The site settings to the right fit these graphics, and overlay the menu activity and the left side-bar widgets correctly on the screen.

Generally, I create the original artwork in Keynote, transfer it to Photoshop for accurate clipping and exporting as a graphic png file, complete with whatever transparency is needed.  For the page header and background no transparency is used.

Note that editing and viewing of the web site works best in Chrome.  I use Safari.  IE is spotty, and does not show many of the nuances, such as not rendering the buttons in the menu correctly.  If you are a regular user of IE and you want to see what it really looks like, try Safari, Firefox or Chrome. 


ayso-header.key
This is a Keynote file used to generate the original artwork. For you Mac users, you can start here and have the mostest fun.

ayso-header.ppt
For you unfortunate Windows users, this is a reasonable facsimile.  I fired up a virtual machine with Windows on it and checked it.  Seems ok.

ayso-header.psd
This file is a photoshop file of our header.  It is pasted as a graphic from the Keynote file, and then cropped.
Settings - Colors and Fonts

Base Theme - Blank Slate

Entire Page
Page background color - #ccddea
Page background image - download
Repeat: vertical
Horizontal Position: center
Vertical Position: top
Page wrapper background image - None
Page font - Use theme default value
Page link color - #005596
Page visited link color - #005596

Site Header
Site title font - use theme default value
Site title font size - use theme default value
Site title color - #ffffff
Site header background color - use theme
Site header background image - make your own from below
Repeat: none
Horizontal Position: center
Vertical Position: top

Content Area
Content font - Use theme default value
Content font size - Use theme default value
Content text color - #000000
Content title font - Use theme default value
Content title font size - Use theme default value
Content title color - #000000
Content headers font - Use theme default value
Content background color - Use theme
Content background image - Use theme default

Content Area Gadgets
Content gadget title font - Trebuchet
Content gadget title font size - 16 pt
Content gadget font - Trebuchet
Content gadget text color - #000000
Content gadget link color - #005596
Content gadget background color - #eeeeee
Content gadget header text color - #000000
Content gadget header background color - #cccccc
Content gadget header background image - Use theme default
Content gadget line divider color - #005596

Sidebar Gadgets
Sidebar gadget font - Use theme default value
Sidebar gadget tittle font - Use theme default value
Sidebar gadget title font size - Use theme default value
Sidebar gadget text color - #000000
Sidebar gadget link color - #005596
Sidebar gadget background color - Use theme
Sidebar gadget header text color - #000000
Sidebar gadget header background color - Use theme
Sidebar gadget header background image - Use theme default
Sidebar gadget line divider color - Use theme

Navigation Gadget
Navigation current page background - #005596
Navigation current page text color - #ffffff

Horizontal Navigation
Horizontal navigation title font - Trebuchet
Horizontal navigation text color - #ffffff
Horizontal navigation hover text color - #999999
Horizontal navigation background color - #005596
Horizontal navigation hover background color - #003965
Horizontal navigation selected text color - #ffffff
Horizontal navigation selected background color - #003965

Horizontal Navigation Dropdown Menu
Horizontal navigation dropdown text color - #005596
Horizontal navigation dropdown background color - #ffffff



Č
ċ
ayso-header.key
(551k)
Regional Commissioner,
Mar 27, 2012, 9:44 AM
ć
Regional Commissioner,
Mar 27, 2012, 9:47 AM
ċ
Regional Commissioner,
Mar 27, 2012, 9:42 AM
Comments