Preview Different Options for Templates

Preview Templates | Initial Setup | Customizing Templates
Adding and Maintaining Pages | Reference

Click the images below to view larger versions. Files for templates are available by downloading this file: My Site.zip.

Layout 1

Base Stylesheet: nucss (Layout 1)
Color Set: purple

Other Colors Available: Blue, Green, Red

Other options used in this preview: drop shadows, font: Trebuchet MS, fixed-width, tab navigation

Layout 2

Base Stylesheet: nucss (Layout 2)
Color Set: blue

Other Colors Available: Purple, Green, Red

Other options used in this preview: drop shadows, font: Georgia, fixed-width, tab navigation

Layout 3

Base Stylesheet: nucss (Layout 3)
Color Set: green

Other Colors Available: Purple, Blue, Red

Other options used in this preview: drop shadows, Font: Lucida Grande, wide fixed-width, top-of-page navigation

Layout 4

Base Stylesheet: nucss (Layout 4)
Color Set: red

Other Colors Available: Blue, Green, Red

Other options used in this preview: full-page, navigation under header, font: Georgia

Layout 5

Base Stylesheet: nucss (Layout 5)
Color Set: purple

Other Colors Available: Blue, Green, Red

Other options used in this preview: full-page, navigation under header, font: Arial

Layout 6

Base Stylesheet: nucss (Layout 6)
Color Set: blue

Other Colors Available: Purple, Green, Red

Other options used in this preview: drop shadows, font: Verdana, wide fixed-width, top-of-page navigation

Layout 7

Base Stylesheet: nucss (Layout 7)
Color Set: green

Other Colors Available: Purple, Blue, Red

Other options used in this preview: drop shadows, navigation under header, font: Arial, wide fixed-width

Layout 8

Base Stylesheet: nucss (Layout 8)
Color Set: red

Other Colors Available: Purple, Green, Blue

Other options used in this preview: drop shadows, fixed-width, tab navigation, font: Helvetica

 

Adobe Contribute Tips

#1: To create a line break without a line space, hold the shift key as you tap the "Enter" key.

Contribute indent button

#2: Need to indent a single line, or one or more paragraphs, of text? Use the indent button (see image) NOT the space bar. Why? Because using the spacebar will result in a string of non-breaking spaces that could size differently on different browsers, resulting in a ragged left margin, or create awkward and unnatural sentence wrapping.

Detailed information about using Contribute is also available on this site.

From Weinberg's Twitter Feed

November 4, 2010