PDA

View Full Version : v1.4.x: Create Your Own Template


blinking8s
04-12-2005, 06:17 AM
PixelPost, version 1.4.x
Compilation of all Tags, which can be used in the template-files
compiled by Connie Müller-Gödecke

Names of the templates must be:
image_template.html || main page with the photo
comment_template.html || popup comments
browse_template.html || archive
referer_template.html || refererlog

Image-related TAGs:
an example for the reference to the image on the main-page:

<img id="image" src="images/<IMAGE_NAME>" alt="<IMAGE_TITLE>" title="<IMAGE_PREVIOUS_TITLE>" width="<IMAGE_WIDTH>" height="<IMAGE_HEIGHT>" />

<IMAGE_NAME> || filename of the photo
<IMAGE_TITLE> || title of the photo, can be used to generate the 'alt-' and 'title-'tags of the HTML-IMG-TAG
<IMAGE_WIDTH> || width of the image in pixel
<IMAGE_HEIGHT> || height of the image in pixel
<IMAGE_CATEGORY> || will show the category or categories of the image as a link
<IMAGE_CATEGORY_PAGED> || will show the category or categories of the image as a link for Paged archive addon
<IMAGE_THUMBNAIL> || thumbnail of that image with link to the image
<IMAGE_THUMBNAIL_NO_LINK> || thumbnail of that image without link
<IMAGE_NOTES> || the description, the text which you entered for that image
<IMAGE_NOTES_CLEAN> || the description, like above but without any HTML code inside
<IMAGE_ID> || id of the actual image
<IMAGE_PREVIOUS_LINK> || full link that says "Previous", or empty if no previous
<IMAGE_PREVIOUS_ID> || id of previous image
<IMAGE_PREVIOUS_TITLE> || if empty, displays "No Previous Image"
<IMAGE_NEXT_ID> || id of the next image
<IMAGE_NEXT_TITLE> || if empty, displays "No Next Image"
<IMAGE_NEXT_LINK> || full link that says "Next", or empty if no next

date-related information about the image:
=========================================
<IMAGE_DATE_YEAR_FULL>
<IMAGE_DATE_YEAR>
<IMAGE_DATE_MONTH>
<IMAGE_DATE_DAY>
<IMAGE_DATE>
<IMAGE_TIME>
<IMAGE_DATETIME> || dateformat which you choose in Admin-Panel/OPTIONS/DATE FORMAT


Thumbnail-related Tags:
=======================

<IMAGE_THUMBNAIL_ROW> || shows thumbnails in a row, number of thumbnails is defined in the ADMIN/OPTION-panel
corresponding class: "thumbnails" or "current_thumbnail" in the CSS-stylesheet

<IMAGE_PREVIOUS_THUMBNAIL> || link to previous image with thumbnail
<IMAGE_NEXT_THUMBNAIL> || link to next image with thumbnail

navigation-related Tags and statistics, to be used in image_template.html
================================================== =======
<SITE_RSS_LINK> || link to RSS-Feed
<SITE_ATOM_LINK> || link to Atom-Feed
<SITE_TITLE> || name of photoblog, set in ADMIN-PANEL/OPTIONS
<SITE_REFLINK> || link to the Referrer-Log, which lists all referrers of the seven last days
<SITE_BROWSELINK> || link to the archive-page, needs (template browse_template.html) in your template-directory
<SITE_BROWSELINK_PAGED> || link to the archive-page using paged archive addon, needs (template browse_template.html) in your template-directory
<SITE_PHOTONUMBER> || number of all photos in this photoblog
<SITE_VISITORNUMBER> || count of all visitors to this page ever
<COMMENT_POPUP> || popup link, will provide a PopUp-Link with a given height and width and scrollbars
<a href='index.php?popup=comment&amp;showimage=1' onclick="window.open('index.php?popup=comment&amp;showimage=1', 'Comments','width=480,height=540,scrollbars=yes');">Comments</a>

EXIF-related Tags, to be used in the image_template.html
================================================== =======
these TAGs just show the data:

<EXIF_EXPOSURE_TIME>
<EXIF_APERTURE>
<EXIF_CAPTURE_DATE>
<EXIF_FLASH> <= if EXIF-data exists, contains: "Flash fired / Flash not fired", empty if no EXIF-data at all
<EXIF_FOCAL_LENGTH>
<EXIF_CAMERA_MAKE>
<EXIF_CAMERA_MODEL>
<EXIF_ISO>

these TAGs combine the EXIF-data with the words which are defined in the respective language-file

<LANG_EXPOSURE_TIME>
<LANG_APERTURE>
<LANG_CAPTURE_DATE>
<LANG_FOCAL_LENGTH>
<LANG_CAMERA_MAKE>
<LANG_CAMERA_MODEL>
<LANG_ISO>
<LANG_FLASH>




Comment-related Tags with info: used f.e. image_template.html
<IMAGE_COMMENTS_NUMBER> || how many comments for this image
<LATEST_COMMENT_ID> || image-id of the image that has the latest comment
<LATEST_COMMENT_NAME> || image-title of the image that has the latest comment
<IMAGE_COMMENTS> || UL list of all comments

<VINFO_NAME> || name of the visitor, who commented the image
<VINFO_URL> || URL of that visitor
<VINFO_EMAIL> || email of that visitor, will only be visible in the
ADMIN/COMMENTS for the administrator to get in contact
with that visitor
<IMAGE_COMMENTS> || all comments of that image


Tags to be used in browse_template.html
================================================== =======
<THUMBNAILS> || in browse archive template, class "thumbnails" in the CSS-file
<BROWSE_CATEGORIES> || OPTION-Box with all categories of your photoblog
<BROWSE_CHECKBOXLIST> || checkbox-list to choose between images of all categories
or some categories, shows all your categories + "all"

If you use the ADDON paged_archive.php,
you might use these Tags instead:
<CATEGORY_LINKS_AS_LIST> || Category links as a text list for default PP's archive page
<CATEGORY_LINKS_AS_LIST_PAGED> || Category links as a text list for page-by-page archive
<BROWSE_MONTHLY_ARCHIVE_PAGED> || Monthly drop box for default PP's archive page
<BROWSE_MONTHLY_ARCHIVE_AS_LINK_PAGED> || Monthly drop box for page-by-page archive
<BROWSE_CATEGORIES_PAGED> || Category drop box for page-by-page archive
<THUMBNAILS_WHOLE_PAGED> || Thumbnails in this page
<THUMBNAILS_PAGES_LINKS> || Link to the pages of thumbnail in the selected category
<ARCHIVE_PAGES_NUM> || Page number you are viewing
<CATEGORY_OR_DATE_NAME_PAGED_ARCHIVE> || Name of the category or Month you select


Referrer: to be used in the refererlog, referer_template.html
<REFERERS> || list of all referers in the last seven days
format this with the ID "#referers" in the CSS


Calendar-ADDON calendar.php:
===================================
IF YOU DON'T USE THIS ADDON; DON'T USE THIS TAG IN YOUR TEMPLATES
OTHERWISE YOU WILL GET A VALIDATION-ERRORF WHEN VALIDATING HTML OR CSS

<SITE_CALENDAR> || if you decide to integrate a calendar in your template,
this tag will either show a "normal" or a horizontal calendar,
the layout is defined in the CSS (.td-calendar...)

ArchY
04-12-2005, 06:49 AM
very interessing post, thx
I think I will try to make my own

bretzelman
04-13-2005, 02:23 PM
woah lots of new things... it will be useful on the new template that I'm creating. Thanks and congratulations for this new version.

nauz
05-07-2005, 03:32 PM
Could someone make this list a sticky in the hacks/mods and/or Template category?
I have to look for it all the time. Of course I could just bookmark it *Darrr*

Connie
05-07-2005, 06:27 PM
done!

crissy
05-18-2005, 02:49 PM
This is a really nice reference, thanks for posting it.

Vlad
05-19-2005, 09:12 PM
Wow. Thanks. This will really help me make a template. Congratulations on the 1.4 version! :D

Troubled Teens
01-26-2007, 10:35 AM
Hey, blinking8s, this is of great help and I guess I will manage myself for my Personal Website. Thanks!http://www.silveradoboysranch.com