[36370] | 1 | name=Cascading Style Sheets<br/> Demo collection
|
---|
| 2 |
|
---|
| 3 | dls.Organization=Organizations
|
---|
| 4 | dls.Subject=Subjects
|
---|
| 5 | index_text=Text
|
---|
| 6 | index_document=Book
|
---|
| 7 | index_section=Chapter
|
---|
| 8 | dls.Title,Title=Titles
|
---|
| 9 | dls.Keyword=How to
|
---|
| 10 | depositormetadata={"name":"dls.Title","label":"Title","tooltip":"dls.Title: The title of this resource.","type":"text"}, {"name":"dls.Organization","label":"Organization","tooltip":"dls.Organization: The organization responsible for producing this resource.","type":"text"}, {"name":"dls.Subject","label":"Subject","tooltip":"dls.Subject: The subject of this resource.","type":"text"}, {"name":"dls.Keyword","label":"Keyword","tooltip":"dls.Keyword: A more specific indication of what the resource can be used for.","type":"text"}, {"name":"dls.Language","label":"Language","tooltip":"dls.Language: The language of this resource.","type":"text"}
|
---|
| 11 |
|
---|
| 12 |
|
---|
| 13 | shortDescription=<p>This 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>
|
---|
| 14 |
|
---|
| 15 | description1=<p>This collection contains the same material as the original Greenstone demo collection.</p>
|
---|
| 16 |
|
---|
| 17 | description2=<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>
|
---|
| 18 |
|
---|
| 19 | description3=<p>If you want to download any of these stylesheets for your own collections, here are links to them: \n\
|
---|
| 20 | <ul> \n\
|
---|
| 21 | <li><a href='_httpimages_/style.css'>Default Greenstone Style</a></li> \n\
|
---|
| 22 | <li><a href='_httpcstyle_/style-blue.css'>âOcean Blueâ theme</a></li> \n\
|
---|
| 23 | <li><a href='_httpcstyle_/style-red.css'>âFire Redâ theme</a></li> \n\
|
---|
| 24 | <li><a href='_httpimages_/style-print.css'>Printer</a></li> \n\
|
---|
| 25 | </ul> \n\
|
---|
| 26 | </p>
|
---|
| 27 |
|
---|
| 28 | description4=<p><b>Using a downloaded stylesheet</b> \n\
|
---|
| 29 | <ul> \n\
|
---|
| 30 | <li>To use a stylesheet as the default, place it in greenstone/web/style and rename it to style.css. This will affect all collections.</li> \n\
|
---|
| 31 | <li>To use a stylesheet for a particular collection, place it in the collection's style 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/> <link rel='stylesheet' href='\_httpcstyle\_/style-red.css'<br/> type='text/css' title='Fire Red' charset='UTF-8'><br/> }<br/> </tt></small> </li> \n\
|
---|
| 32 | </ul> \n\
|
---|
| 33 | </p>
|
---|