Skip to Content

Changes for page ERDivaLook

Last modified by Ravi Mendis on 2010/09/10 01:14
From version 163.1
edited by Ravi Mendis
on 2009/04/23 10:23
Change comment: There is no comment for this version
To version 162.1
edited by Ravi Mendis
on 2009/04/23 09:50
Change comment: Add notes on CSS image replacement

Summary

Details

Page properties
Content
... ... @@ -8,7 +8,7 @@
8 8  * Sans images, inline styles or presentation attributes
9 9  * Use a CSS **theme**
10 10  * Scriptaculous **effects**
11 -* Seemless use of **Ajax widgets**
11 +* Use of **Ajax widgets**
12 12  
13 13  = Why Table-less Markup? =
14 14  
... ... @@ -57,7 +57,7 @@
57 57  
58 58  ==== A closer look at the CSS file... ====
59 59  
60 -===== 1. CSS Imports =====
60 +1. h5.CSS Imports
61 61  
62 62  {{code}}
63 63  
... ... @@ -73,8 +73,10 @@
73 73  
74 74  The CSS imports a global CSS for the theme, //Neutral.css//, a generic one for the edit page //ERDIVEditPage.css// and CSS files for D2W components used on an edit page.
75 75  
76 -===== 2. Image Replacement =====
76 +1. h5. Image Replacement
77 77  
78 +Standard CSS image replacement applies.
79 +
78 78  {{code}}
79 79  
80 80  div#a form h1.edit {
... ... @@ -84,6 +84,6 @@
84 84  
85 85  {{/code}}
86 86  
87 -Standard CSS image replacement applies.
88 -
89 -Here, the edit page banner is being set. {{color value="red"}}{{div#a form h1.edit}}{{/color}} is an example of a **CSS selector**. All elements in a Diva look D2W page will begin with {{color value="red"}}{{div#a}}{{/color}}. The page title is a <h1> with a class //edit//, so the resulting CSS selector for that element would be {{color value="red"}}{{h1.edit}}{{/color}} or {{color value="red"}}{{div#a form h1.edit}}{{/color}} more specifically.
89 +Here, the edit page banner is being set.
90 +//div#a form h1.edit// is an example of a **CSS selector**. All elements in a Diva look D2W page will begin with //div#a//.
91 +The page title is a <h1> with a class //edit//, so the resulting CSS selector for that element would be //h1.edit//.