Changes for page ERDivaLook
Last modified by Ravi Mendis on 2010/09/10 01:14
From version 162.1
edited by Ravi Mendis
on 2009/04/23 09:50
on 2009/04/23 09:50
Change comment:
Add notes on CSS image replacement
To version 164.1
edited by Ravi Mendis
on 2009/04/23 10:23
on 2009/04/23 10:23
Change comment:
There is no comment for this version
Summary
-
Page properties (1 modified, 0 added, 0 removed)
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 -* Use of **Ajax widgets**11 +* Seemless 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. h5.CSS Imports60 +===== 1. CSS Imports ===== 61 61 62 62 {{code}} 63 63 ... ... @@ -73,10 +73,8 @@ 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 - 1.h5. Image Replacement76 +===== 2. Image Replacement ===== 77 77 78 -Standard CSS image replacement applies. 79 - 80 80 {{code}} 81 81 82 82 div#a form h1.edit { ... ... @@ -86,6 +86,6 @@ 86 86 87 87 {{/code}} 88 88 89 - Here,theedit pagebanner is beingset.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//.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.