CSS Zen Garden Designs


The following techniques were used in creating “ipad”, “macpro”,  “couture”, “journal”, and “tech alien” designs using external css styles:

  • html markup from css zen garden
  • initial css from css zen garden, then replaced with newly created external css styles
  • tiny pixel square wood background for body to repeat x and y
  • a fixed header background  non repeat sliced in PS enclosed in a header div within a container
  • an expanding notepaper background  with y repeat sliced in PS enclosed in a midbody div within a container
  • a fixed footer background non repeat sliced in PS enclosed in a footer div within a container
  • for “couture” and “tech alien”, additional exterior wrapper was added to contain the top background repeating x image

"ipad" css Zen garden design

"macpro" css Zen garden design

"couture" css Zen garden design

"journal" css Zen garden design

"tech alien" css Zen garden design

Advertisements
%d bloggers like this: