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. You can add a category # if you want lastnews to display only the news from one category: $#lastnews 1#$ |
| $#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).