Skip to Content

Changes for page ERDivaLook

Last modified by Ravi Mendis on 2010/09/10 01:14
From version 143.1
edited by Ravi Mendis
on 2009/04/23 08:38
Change comment: Add how to set page CSS
To version 135.1
edited by Ravi Mendis
on 2009/04/23 06:10
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -7,8 +7,6 @@
7 7  * XHTML 1.0 strict compliant
8 8  * Sans images, inline styles or presentation attributes
9 9  * Use a CSS **theme**
10 -* Scriptaculous **effects**
11 -* Use of **Ajax widgets**
12 12  
13 13  = Why Table-less Markup? =
14 14  
... ... @@ -34,7 +34,7 @@
34 34  The following are a sample of themes for Diva look. The first two are included in the Wonder/Examples/Ajax/ERDivaLookExample app.
35 35  
36 36  |= Neutral |= WebObjects |= Simple |= Organica
37 -| [[image:Picture 1.jpg||]] | [[image:Picture 2.jpg||]] | [[image:Picture 3.jpg||]] | [[image:slides_directtoweb_04.jpg.jpeg||]]
35 +| [[image:Picture 1.jpg||]] | [[image:Picture 2.jpg||]] | [[image:Picture 3.jpg||]] | [[image:slides_directtoweb_04.jpg.jpeg||]]
38 38  | D2W Neutral look reverse engineered
39 39  as a Diva Theme | D2W WebObjects look reverse engineered
40 40  as a Diva Theme | [[//Simple//>>http://www.csszengarden.com/?cssfile=/174/174.css&page=2]] theme from css Zen Garden | [[//Organica//>>http://www.csszengarden.com/?cssfile=/188/188.css&page=0]] theme from css Zen Garden
... ... @@ -41,14 +41,3 @@
41 41  | //Included in ERDivaLookExample// | //Included in ERDivaLookExample// | Shawn Chin [[mailto:schin@shawnchin.net]] | Eduardo Cesario [[mailto:design@criaturacreativa.com.ar]]
42 42  
43 43  The graphics designer Eduardo Cesario wrote up his experience of developing his //Organica// design for an early prototype of ERDivaLook on his [[blog>>http://www.organicacreativa.com/organica-creativa.php?area=directtoweb&lang=en]].
44 -
45 -=== How to Set D2W Page CSS ===
46 -
47 -Diva look introduces a new D2W key: **stylesheet**.
48 -The CSS file computed by this key will be set as the stylesheet for the page.
49 -
50 -e.g:
51 -
52 -|= LHS |= key |= RHS
53 -| task = 'edit' |**stylesheet**| //NeutralEditPage.css//
54 -| task = 'inspect' and session.theme = 'Simple' |**stylesheet**| //SimpleInspectPage.css// |