WEBalbum - Your photos on the web
P A R T N E R S
Skins
If you made own, interest skin and you want to place it in next version of WEBalbum send it to us.

How can I make my own new skin?

Skin files are in the 'skins' directory. Each directory includes files for a skin.
Two required files for each skin are:
  • style.css
  • layout.php


1. style.css

It is a CSS (Cascading Style Sheets) file. CSS make possible to very quick and simple change layout for your page.
All available classes and examples used in WEBalbum you may see in a standard classic skin in a file skins/classic/style.css.

2. layout.php

It's a PHP script. Required functions in this file are:
  • Main_header
  • Frame1
  • Frame2
Every functions return HTML code.

Main_header - return the page's logo.

Frame1 - return little frames in left navigation (like: USER, CATEGORIES,...).
Require functions arguments:
  • $content - frame content
  • $title - frame title

Frame2 - return page's main frame.
Require functions arguments:
  • $content - frame content
  • $title - frame title

Frame_User - it's optional function. Return a content below the categories frame.

In these functions you can use a url to images. Place images in the img directory in your skin directory. If you want to insert image in a function use this format:
$ret.='<IMG src="'.SYSTEM_LAYOUT_PATH.'/'.
SYSTEM_LAYOUT_SKIN.'/img/image.gif">';


where:
SYSTEM_LAYOUT_PATH.'/'.SYSTEM_LAYOUT_SKIN are path to your images.