Project-Id-Version: Trac 0.12
POT-Creation-Date: 2008-01-30 09:20+0100
PO-Revision-Date: 2010-07-19 23:05+0200
Last-Translator: Jeroen Ruigrok van der Werven <>
Language-Team: en_US <>
Plural-Forms: nplurals=2; plural=(n != 1)
MIME-Version: 1.0
Content-Type: text/plain; charset=utf-8
Content-Transfer-Encoding: 8bit
Generated-By: Babel 0.9.6

Warning: Can't synchronize with repository "(default)" (Unsupported version control system "git": Can't find an appropriate component, maybe the corresponding plugin was not enabled? ). Look in the Trac log for more information.

Version 2 (modified by sebastian, 9 years ago) (diff)

Add theme tutorial link

This page describe how you can customize your layout of phTagr.

Note: The request of customization is currently limited and the current roadmap of 2.2 targets still on basic things. But hey! The source is open and you can do what ever you want to change. So don't hesitate to play around and report your experience!


Customs Themes

phTagr supports theming and you can create your own one! Have a look at the theming tutorial at Theme Your CakePHP Application or have a look at for theming a CakePHP application.

If you have your own theme, let us know! Write an email to support <at>

CSS framework YAML

phTagr uses the CSS framework YAML which covers browser interoperability and it is advised to use YAML CSS layout - otherwise you will break the layout. The YAML CSS framework is located in webroot/yaml and phtagr's CSS are in webroot/css. E.g if you want to change your colors the explorer, have a look in webroot/css/explorer.css (which is included by webroot/css/phtagr.css).

Have also a look at

Custom CSS Layout

You don't like YAML? Here a quick fix: The basic page layout is defined in views/layouts/default.ctp. You have to change this layout and adapt the views.

Media Properties

Some media properties (size of thumbnails, quality of video, etc) are defined in config/bootstrap.php. Here you can change the properties of the previews.

  • OUTPUT_QUALITY - Preview quality between 0 (worsest) and 100 (best)
  • OUTPUT_SIZE_MINI - Maximum height/width of the squared mini preview in pixels
  • OUTPUT_SIZE_THUMB - Maximum height/width of the thumnail image (in Explorer) in pixels
  • OUTPUT_SIZE_PREVIEW - Maximum height/width of the preview image in pixels
  • OUTPUT_SIZE_VIDEO - Maximum height/width of a video in pixels
  • OUTPUT_BITRATE_VIDEO - Quality (bitrate) of the video. Change it to 1M for 1 Mbit/s