en:user:gs3_sample_format_statements
Differences
This shows you the differences between two versions of the page.
Both sides previous revisionPrevious revisionNext revision | Previous revisionNext revisionBoth sides next revision | ||
en:user:gs3_sample_format_statements [2016/05/12 01:54] – removed kjdon | en:user:gs3_sample_format_statements [2016/05/26 01:03] – kjdon | ||
---|---|---|---|
Line 1: | Line 1: | ||
+ | |||
+ | ====== Sample Greenstone3 Format Statements ====== | ||
+ | This page provides examples of format statements for miscellaneous things. See also | ||
+ | * [[en: | ||
+ | * [[en: | ||
+ | |||
+ | ===== Document Display ===== | ||
+ | |||
+ | ==== Linking to Abstract and Commentaries ==== | ||
+ | |||
+ | {{ : | ||
+ | |||
+ | < | ||
+ | < | ||
+ | <div style=" | ||
+ | < | ||
+ | < | ||
+ | < | ||
+ | </ | ||
+ | < | ||
+ | < | ||
+ | < | ||
+ | </ | ||
+ | </ | ||
+ | </ | ||
+ | |||
+ | ==== Image Display Example ==== | ||
+ | |||
+ | {{ : | ||
+ | |||
+ | < | ||
+ | |||
+ | < | ||
+ | |||
+ | < | ||
+ | |||
+ | < | ||
+ | < | ||
+ | < | ||
+ | < | ||
+ | < | ||
+ | </ | ||
+ | < | ||
+ | < | ||
+ | < | ||
+ | </ | ||
+ | </ | ||
+ | </ | ||
+ | |||
+ | < | ||
+ | < | ||
+ | < | ||
+ | </ | ||
+ | | ||
+ | <link href=" | ||
+ | </ | ||
+ | |||
+ | < | ||
+ | <div class=" | ||
+ | < | ||
+ | < | ||
+ | </ | ||
+ | <div class=" | ||
+ | <p> | ||
+ | <i> | ||
+ | < | ||
+ | </i> | ||
+ | </p> | ||
+ | </ | ||
+ | </ | ||
+ | <div class=" | ||
+ | <h1> | ||
+ | < | ||
+ | </h1> | ||
+ | <ul> | ||
+ | <li> | ||
+ | < | ||
+ | < | ||
+ | </li> | ||
+ | <li> | ||
+ | < | ||
+ | < | ||
+ | </li> | ||
+ | < | ||
+ | </ul> | ||
+ | </ | ||
+ | <br class=" | ||
+ | </ | ||
+ | </ | ||
+ | |||
+ | |||
+ | This code provides a nice way to display images with their metadata on the document display page. Provides an example of gsf:switch and gsf:when statements, as well as linking to a CSS file. | ||
+ | |||
+ | This format statement will display any document with a FileFormat (ex.FileFormat) of | ||
+ | " | ||
+ | dc.Title as a heading and the document text. | ||
+ | |||
+ | If you have images of many different formats (png, jpg, jpeg, gif), you could replace the lines: | ||
+ | |||
+ | < | ||
+ | < | ||
+ | < | ||
+ | </ | ||
+ | With the following: | ||
+ | < | ||
+ | < | ||
+ | < | ||
+ | </ | ||
+ | |||
+ | For the image display to appear as shown in the image, | ||
+ | you must include the following CSS in a file called imageDisplay.css in your collection' | ||
+ | |||
+ | < | ||
+ | div.separating-line { | ||
+ | border-bottom: | ||
+ | padding: 5px; | ||
+ | clear: both; | ||
+ | } | ||
+ | |||
+ | div.doc-image { | ||
+ | float: left; | ||
+ | margin-left: | ||
+ | padding-right: | ||
+ | } | ||
+ | |||
+ | div.doc-image img { | ||
+ | border: 1px solid #5d5f60; | ||
+ | padding: 5px; | ||
+ | |||
+ | } | ||
+ | |||
+ | div.doc-quote p { | ||
+ | width: 500px; | ||
+ | } | ||
+ | |||
+ | div.doc-info h4 { | ||
+ | margin-top: 15px; | ||
+ | margin-bottom: | ||
+ | } | ||
+ | |||
+ | div.doc-info ul { | ||
+ | list-style-type: | ||
+ | color: #5d5f60; | ||
+ | margin-top: 0px; | ||
+ | | ||
+ | } | ||
+ | |||
+ | div.doc-info ul li { | ||
+ | line-height: | ||
+ | |||
+ | } | ||
+ | </ | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
en/user/gs3_sample_format_statements.txt · Last modified: 2023/03/13 01:46 by 127.0.0.1