Pixelpost

pixelpunk · #1 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

pixelpunk · #2 10-08-2004, 12:30 PM

Showcase: fully functional image_template.html on the extreme basic side.
Image, your comments plus navigation is included.

Code:

&lt;html>
&lt;head>
&lt;title>&lt;SITE_TITLE>&lt;/title>
&lt;/head>
&lt;body>
&lt;b>&lt;IMAGE_TITLE>&lt;/b>&lt;br />
&lt;img src="images/&lt;IMAGE_NAME>">&lt;br />
&lt;IMAGE_NOTES>&lt;p />
[&lt;IMAGE_PREVIOUS_LINK>] [&lt;a href="index.php">Newest Image&lt;/a>] [&lt;IMAGE_NEXT_LINK>]
&lt;/body>
&lt;/html>

Really, you don't need anything else to enjoy a working photoblog.
Expand and get it more advanced with thumbnail-navigation, comments and more are equally easy to implement.

flashpunk · #3 11-24-2004, 04:20 PM

Is there any new tags available with the V1.3?

bretzelman · #4 12-20-2004, 04:07 PM

Is there a markup for Iso speed?

pixelpunk · #5 12-20-2004, 04:34 PM

No markup for ISO yet.

Here's the current lineup I just grabbed from a standard 1.3 installation, there probably are one or two new. The lack of documentation over this is slightly annoying, I'll fix that after christmas when I get some momentum.

<IMAGE_THUMBNAIL_ROW>
<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>
<IMAGE_PREVIOUS_THUMBNAIL>
<IMAGE_PREVIOUS_ID>
<IMAGE_PREVIOUS_TITLE>
<IMAGE_NEXT_ID>
<IMAGE_NEXT_TITLE>
<IMAGE_NEXT_THUMBNAIL>
<IMAGE_NEXT_LINK>
<VINFO_NAME>
<VINFO_URL>
<IMAGE_COMMENTS>
<EXIF_EXPOSURE_TIME>
<EXIF_APERTURE>
<EXIF_CAPTURE_DATE>
<EXIF_FLASH>
<EXIF_FOCAL_LENGTH>
<EXIF_CAMERA_MAKE>
<EXIF_CAMERA_MODEL>
<EXIF_LENS>
<REFERERS>
<THUMBNAILS>
<SITE_RSS_LINK>
<SITE_TITLE>
<SITE_REFLINK>
<SITE_BROWSELINK>
<SITE_PHOTONUMBER>
<SITE_VISITORNUMBER>
<IMAGE_COMMENTS_NUMBER>
<LATEST_COMMENT_ID>
<LATEST_COMMENT_NAME>
<COMMENT_POPUP>
<BROWSE_CATEGORIES>

#6 03-03-2005, 06:00 AM

I lock this topic because modification and hacks are added here more and more which dont't belong to this topic as this is topic for starter :wink:

Pixelpost

Authentic Photoblog Flavour