|
 |
|
 |
| |
ZopeMag Links:
Home Page
About the Fish
Issue 09
Issue 08
Issue 07
Issue 06
Issue 05
Issue 04
Issue 03
Issue 02
Issue 01
Latest Issue
|
|
 |
|
 |
 |
|
|
 |
| |
|
|
| |
Letter from the Editor:
Welcome
Interviews:
In our first issue we interview the father of the Wiki and the inventor of Extreme Programming.
Ward Cunningham
Tutorials:
Throughout the quarter we cover topics of interest to Zope developers, designers, and users.
MetaFlow
Databases and ZPTs
Custom User Folders
Zope and CSS
Intranets
Product Review: Every two weeks we review a new Zope Product
Z Shrink
External File
DocumentLibrary
ZWiki
|
|
 |
|
 |
 |
|
|
 |
| |
|
|
| |
Downloads: Products we talk about in this issues Articles and Reviews
ZShrink
Zope Page Templates
LocalFS
SimpleZPTmyAdmin
Extended User Folder
MetaFlow
|
|
| |
|
|
|
|
 |
Zope and CSS
Using CSS with Zope
- - - - - - - - - - - -
By Nico Grubert | April 18, 2002
Defining the headers
Depending on the section a user enters, the header varies, e.g. if a user is in the local section, the header local_header is used.
| /CSS_Example_1/ |
 |
In the root section, global_header is used that is inserted within the standard_html_header DTML Method of /CSS_Example_1/.
|
| /CSS_Example_1/Downloads/ |
 |
In the local section, local_header is used to display the local sections of a root section (here: the sections "Patches", "Drivers" and "Tools" are local sections of the root section "Downloads").
|
| /CSS_Example_1/Downloads/Patches/ |
 |
Here, local_subheader 1 is used to display the middle row. Also, local_subheaders is used to display the last row that displays the sub sections of the local section "Patches".
|
| /CSS_Example_1/Downloads/Patches/Mainboards/ |
 |
In this screenshot, local_subheader 1 is used to display the middle row. Also, local_subheaders is used to display the last row that displays the sub sections of the local section "Patches".
|
| /CSS_Example_1/Downloads/Patches/Mainboards/AMD/ |
 |
Here, local_subheader 1 is used to display both the middle row and the bright grey row containing "AMD",
|
The different headers can be found in the /CSS_Example_1 folder. All the headers use the following <td> tag syntax:
<td width="xx%" class="<css_class>">
for example:
<td width="28%" class="bgCOLOR_local">
The CSS style bgCOLOR_local is defined in the global_css DTML Document - as well as all the other CSS styles such as bgCOLOR_root, bgCOLOR_sublocal, bgCOLOR_white, A:link, A:visited, A:hover, A:active.
See the global_css DTML Document here.
Every folder in the CSS_Example_1 folder contains a DTML Method index_html that uses the standard_html_header DTML Method. Each index_html contains a short description text of the correspending section.
|
 |
|