ZopeMag's mascot the ZOPE fish


Article Finder
People
Issue 1 - Revision 5  /   June 14, 2002 


 
  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

 
 
Downloads
     
  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
     
  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.

.  1  2  3
Next page  |  Summary - Example 1


shim
shim  ZopeMag is committed to bringing you the best in Zope Documentation. shim
shim


Home   Subscribe   FAQ   Contact   Write for us   Privacy Policy   Weekly News   PyZine   opensourcexperts.com  

Reproduction of material from any of ZopeMag's pages without prior written permission is strictly prohibited. Copyright 2003 - 2005 ZopeMag Zope/Plone hosting by Nidelven IT