Templates
Making LightNEasy templates couldn't be simpler.
You just have to take a normal html page, and insert special markers where you want your data to appear. LightNEasy recognizes the following markers:
| $#title#$ |
Main title of your website. It is also a link to your index page.
|
$#subtitle#$
|
Main subtitle of your website
|
| $#header#$ |
the contents of the html header |
$#login#$
|
the login/logout link
|
| $#homelink#$ |
Link to your website main page
|
| $#image#$ |
path to your template images folder |
| $#selected#$ |
displays the name of your current page
|
| $#mainmenu#$ |
Main menu (only top level pages) |
| $#mainmenus#$ |
Main menu, sliding doors 1 |
| $#smainmenus#$ |
Main menu, sliding doors 2 |
| $#submenu#$ |
Submenu of the current page
|
| $#fullmenu#$ |
full threaded menu of your website
|
| $#treemenu#$ |
Full menu, suitable for drop-down menus |
$#expmenu#$
|
expandable menu, showing submenu entries of current selection
|
$#content#$
|
The content, of your page, the part of the page you can edit online.
|
| $#extra#$ |
Extra content to be displayed in all pages. |
$#sitemap#$
|
A link that will display the sitemap |
| $#lastnews#$ |
This displays the last news entered in the news module
|
$#links#$
|
Displays the links module. You can use the syntax $#links 1#$ for displaying only one links category.
|
| $#downloads#$ |
Displays the downloads module. Same option to display only one category. |
For instance, this template includes $#mainmenu#$ on top and $#submenu#$ on the left sidebar, $#extra#$ in the left sidebar below the menu.
Please take a look at the templates that you downloaded to see how it works.
- $#header#$ replaces the normal content of the html header, like title, keywords, etc. If your original html file has styles defined there or any javascript, keep them imediately after the $#header#$ marker and before the close header tag. You have to include $#header#$ in your template!
- Menus: $#mainmenu#$, $#fullmenu#$, $#submenu#$ and $#expmenu#$ all create a list structure that must be inside unordered list (ul) html markers. The current page is assigned to a CSS class named li a.selected. Use it to highlight the current menu selection.
- Menus: $#mainmenus#$, $#smainmenus#$ are like main menu, but add span markers in the a tag so that they can be used with menus using the sliding doors technique.
- $#treemenu#$ creates a nested ul li structure to be used in drop-down menus
- $#content#$ is the marker where the content of your page will be displayed. Place it replacing the content of your html page.
- $#image#$ points to the image folder of your current template. You need to use it to display images on your template that are not called by css.
- $#login#$ inserts the login/logout link. This marker will be removed from the generated html pages (assuming you only need to generate HTML pages if you will upload them to a server that doesn't support PHP).