Skip to main content

Design Guidelines

Summary:

These guidelines tie in to the Theme Configuration Project whereby admins will be able to customize the background of their community theme. Background is defined as the canvas that surrounds the community application.

Background Guidelines:

  1. All backgrounds should be technically feasible though w3c compliant background styles applied only to the body tag (see HTML examples).
  2. All backgrounds should be designed for 1024x768 screen resolutions but should scale elegantly to any larger resolutions (see HTML examples).  As a rule of thumb background images should be less than 200kb in size.
  3. All backgrounds should be individually designed, no similar backgrounds with different colour variations.

Background Options:

  1. Top Horizontal Tile
  2. Bottom Horizontal Tile
  3. Left Vertical Tile
  4. Right Vertical Tile
  5. Full Tile
  6. Center
  7. Left
  8. Right
  9. Top Left
  10. Top Right
  11. Bottom Left
  12. Bottom Right

Reference Materials:

The following zip file includes:

  • Image folder
  • JS scripts (for Index reference)
  • CSS example
  • Index.html file of background options
    • For the html examples, you can open the zip file, and then open up the index.html in FireFox (which should function like a basic jscript) so you can toggle between the examples

0 Comments

Post a comment

Add Comment
Powered by  RECaptcha
 
 
  • 246 views
  • 2 versions
  • 0 comments
  • 0 followers
     
Avg. Rating:
Post Date:
August 14, 2010
Posted By:
Jesse Anger
Versions:
v.2

Viewed 246 times