greenstone@cs.waikato.ac.nztrueen/style-e.gifThis collection demonstrates Greenstone's use of Cascading Style Sheets (CSS) for visual formatting in web browsers. (Greenstone uses CSS instead of HTML tables since version 2.63.) On every page, you can change the style-sheet in effect, to modify that page's appearance. </p> <p> An <a href='_httpcollection_/macros/extra.dm'>extra.dm</a> macro file is used by the collection to provide the stylesheet switching. This redefines a few macros from the <i>Style</i> package: <b>\_cssheader\_</b>, to link to multiple stylesheets; <b>\_optnavigationbar\_</b>, to display the links to click; and <b>\_pagescriptextra\_</b>, to facilitate the switching when a link is clicked. </p> <p>The documents in the collection are the configuration file, the extra.dm file and all the stylesheets. </p> <p>If you want to download any of these stylesheets for your own collections, here are links to them: <ul> <li><a href='_httpimg_/style.css'>Default Greenstone Style</a></li> <li><a href='_httpcollection_/styles/style-blue.css'>‘Ocean Blue’ theme</a></li> <li><a href='_httpcollection_/styles/style-red.css'>‘Fire Red’ theme</a></li> <li><a href='_httpimg_/style-print.css'>Printer</a></li> </ul> </p> <p> <b>Using a downloaded stylesheet</b> <ul> <li>To use a stylesheet as the default, place it in greenstone/images and rename it to style.css. This will affect all collections.</li> <li>To use a stylesheet for a particular collection, place it in the collection's images directory, add an extra.dm file to the collection's macros directory, and add a macro like the following (this uses style-red.css as the example):<br/> <small><tt> <br/> package Style<br/> <br/> \_cssheader\_ {<br/> &lt;link rel='stylesheet' href='\_httpcimages\_/style-red.css'<br/> &nbsp;&nbsp;type='text/css' title='Fire Red' charset='UTF-8'&gt;<br/> }<br/> </tt></small> </li> </ul> </p> Cascading Style Sheets<br/> Demo collectionColección de muestra CSSDémo de feuilles de styles en cascade (CSS)text Untitled
() Untitled
() Untitled
()