pixelpunk
10-03-2004, 08:36 AM
How to Create your own templates
This is very, very much in need of a better write-up.
I give you the tags, better that than nothing. Hopefully you'll manage to figure them out. The templates need to be named as they are in the default set.
image_template.html // main page with photo
comment_template.html // popup comments
browse_template.html // archive
referer_template.html // refererlog
The basics are anyway that you design your full HTML page how you want it. The scripts purpose is only to do it's stuff with the tags below (replace them, no more no less).
All that's generated in the script is XHTML 1.0 compliant.
TEMPLATE TAGS
<SITE_PHOTONUMBER>
<SITE_VISITORNUMBER>
<SITE_NORMAL_CAL> // css-format, empty days, today date, and image-exist plus navigation (monthname's etc)
<SITE_HORIZONTAL_CAL>
<IMAGE_DATE_YEAR_FULL>
<IMAGE_DATE_YEAR>
<IMAGE_DATE_MONTH>
<IMAGE_DATE_DAY>
<IMAGE_THUMBNAIL>
<IMAGE_DATE>
<IMAGE_TIME>
<IMAGE_NAME>
<IMAGE_TITLE>
<IMAGE_DATETIME>
<IMAGE_NOTES>
<IMAGE_ID>
<IMAGE_CATEGORY>
<IMAGE_PREVIOUS_LINK> // full link that says "Previous", or empty if no previous
<IMAGE_PREVIOUS_THUMBNAIL> // link with thumbnail
<IMAGE_PREVIOUS_ID>
<IMAGE_PREVIOUS_TITLE> // if empty, displays "No Previous Image"
<IMAGE_NEXT_LINK> // full link that says "Next", or empty if no next
<IMAGE_NEXT_THUMBNAIL> // link with thumbnail
<IMAGE_NEXT_ID>
<IMAGE_NEXT_TITLE> // if empty, displays "No Next Image"
<IMAGE_THUMBNAIL_ROW> // css-format this, class is called "thumbnails", if the thumbnail is the current image displayed the class is called "current_thumbnail". 5 thumbnails
<IMAGE_COMMENTS_NUMBER> // how many comments
<LATEST_COMMENT_ID> // image-id of the image that has the latest comment
<LATEST_COMMENT_NAME> // image-title of the same
<IMAGE_COMMENTS> // UL list, css-format this
<COMMENT_POPUP> // popup link
<EXIF_EXPOSURE_TIME>
<EXIF_APERTURE>
<EXIF_CAPTURE_DATE>
<EXIF_FLASH> // Fired, or Not Fired
<EXIF_FOCAL_LENGTH>
<EXIF_CAMERA_MAKE>
<EXIF_CAMERA_MODEL>
<REFERERS> // only in referlog, UL list, css-format this
<THUMBNAILS> // in browse archive template, css-format this, the class is called "thumbnails"
<BROWSE_CATEGORIES> // in browse archive template
<SITE_RSS_LINK> // link to rss feed
<SITE_TITLE>
<SITE_REFLINK> // link to refererlog
<SITE_BROWSELINK> // link to archive
This is very, very much in need of a better write-up.
I give you the tags, better that than nothing. Hopefully you'll manage to figure them out. The templates need to be named as they are in the default set.
image_template.html // main page with photo
comment_template.html // popup comments
browse_template.html // archive
referer_template.html // refererlog
The basics are anyway that you design your full HTML page how you want it. The scripts purpose is only to do it's stuff with the tags below (replace them, no more no less).
All that's generated in the script is XHTML 1.0 compliant.
TEMPLATE TAGS
<SITE_PHOTONUMBER>
<SITE_VISITORNUMBER>
<SITE_NORMAL_CAL> // css-format, empty days, today date, and image-exist plus navigation (monthname's etc)
<SITE_HORIZONTAL_CAL>
<IMAGE_DATE_YEAR_FULL>
<IMAGE_DATE_YEAR>
<IMAGE_DATE_MONTH>
<IMAGE_DATE_DAY>
<IMAGE_THUMBNAIL>
<IMAGE_DATE>
<IMAGE_TIME>
<IMAGE_NAME>
<IMAGE_TITLE>
<IMAGE_DATETIME>
<IMAGE_NOTES>
<IMAGE_ID>
<IMAGE_CATEGORY>
<IMAGE_PREVIOUS_LINK> // full link that says "Previous", or empty if no previous
<IMAGE_PREVIOUS_THUMBNAIL> // link with thumbnail
<IMAGE_PREVIOUS_ID>
<IMAGE_PREVIOUS_TITLE> // if empty, displays "No Previous Image"
<IMAGE_NEXT_LINK> // full link that says "Next", or empty if no next
<IMAGE_NEXT_THUMBNAIL> // link with thumbnail
<IMAGE_NEXT_ID>
<IMAGE_NEXT_TITLE> // if empty, displays "No Next Image"
<IMAGE_THUMBNAIL_ROW> // css-format this, class is called "thumbnails", if the thumbnail is the current image displayed the class is called "current_thumbnail". 5 thumbnails
<IMAGE_COMMENTS_NUMBER> // how many comments
<LATEST_COMMENT_ID> // image-id of the image that has the latest comment
<LATEST_COMMENT_NAME> // image-title of the same
<IMAGE_COMMENTS> // UL list, css-format this
<COMMENT_POPUP> // popup link
<EXIF_EXPOSURE_TIME>
<EXIF_APERTURE>
<EXIF_CAPTURE_DATE>
<EXIF_FLASH> // Fired, or Not Fired
<EXIF_FOCAL_LENGTH>
<EXIF_CAMERA_MAKE>
<EXIF_CAMERA_MODEL>
<REFERERS> // only in referlog, UL list, css-format this
<THUMBNAILS> // in browse archive template, css-format this, the class is called "thumbnails"
<BROWSE_CATEGORIES> // in browse archive template
<SITE_RSS_LINK> // link to rss feed
<SITE_TITLE>
<SITE_REFLINK> // link to refererlog
<SITE_BROWSELINK> // link to archive