<HTML ><HEAD ><TITLE >Modifying the HTML template</TITLE ><META NAME="GENERATOR" CONTENT="Modular DocBook HTML Stylesheet Version 1.7"><LINK REL="HOME" TITLE="PHP-Nuke: Management and Programming" HREF="book1.htm"><LINK REL="UP" TITLE="Customising PHP-Nuke themes " HREF="c1559.htm"><LINK REL="PREVIOUS" TITLE="Customising PHP-Nuke themes " HREF="c1559.htm"><LINK REL="NEXT" TITLE="Theme construction: the rules to follow " HREF="x1728.htm"></HEAD ><BODY CLASS="SECT1" BGCOLOR="#FFFFFF" TEXT="#000000" LINK="#0000FF" VLINK="#840084" ALINK="#0000FF" ><DIV CLASS="NAVHEADER" ><TABLE SUMMARY="Header navigation table" WIDTH="100%" BORDER="0" CELLPADDING="0" CELLSPACING="0" ><TR ><TH COLSPAN="3" ALIGN="center" >PHP-Nuke: Management and Programming</TH ></TR ><TR ><TD WIDTH="10%" ALIGN="left" VALIGN="bottom" ><A HREF="c1559.htm" ACCESSKEY="P" >Prev</A ></TD ><TD WIDTH="80%" ALIGN="center" VALIGN="bottom" >Chapter 7. Customising PHP-Nuke themes</TD ><TD WIDTH="10%" ALIGN="right" VALIGN="bottom" ><A HREF="x1728.htm" ACCESSKEY="N" >Next</A ></TD ></TR ></TABLE ><HR ALIGN="LEFT" WIDTH="100%"></DIV ><DIV CLASS="SECT1" ><H1 CLASS="SECT1" ><A NAME="TEMPLATE" ></A >Modifying the HTML template</H1 ><DIV CLASS="SECT2" ><H2 CLASS="SECT2" ><A NAME="AEN1706" ></A >Example creation of HTML file to include in the theme</H2 ><P >We will not analyse the HTML syntax of all the files, I think it's better that you understand the principles that are used and that you learn a few tricks that allow you to use a visual editor such as DreamWeaver<A NAME="AEN1709" ></A >. </P ><P ></P ><DIV CLASS="VARIABLELIST" ><DL ><DT >Example:</DT ><DD ><P >The block is created in this way: </P ><PRE CLASS="SCREEN" ><table border="0 "cellpadding="1" cellspacing="0 "bgcolor="#000000" width="150 "><tr><td> <table border="0 "cellpadding="3" cellspacing="0 "bgcolor="#dedebb" width="100% "><tr>< td align="left" > <font class="content "color="#363636" ><b> $$title </b ></font> </td></tr></table></td></tr></table> <table border="0 "cellpadding="0" cellspacing="0 "bgcolor="#ffffff" width="150 " > <tr valign="top "><td bgcolor="#ffffff"> $content </td></tr></table> < br ></PRE ></DD ></DL ></DIV ><P >As you see, we create a table of fixed width (in our case 150) and we assign it some colours (for the background etc...). We also assign two variables ($title and $content) that will, once included in theme.php, load the title and the content of the block. It would have been useful, for a code cleaning reason, to define background values in the css<A NAME="AEN1718" ></A > tables instead.</P ><P >To have all the necessary cases to get the conclusions of this chapter and to write a pair of rules, we have to analyse a very simple module that includes a case we have still not mentioned, the images management:</P ><PRE CLASS="SCREEN" ></td><td><img src="themes/NukeNews/images/pixel.gif "width="15" height="1 "border="0" stop = ""> </td><td valign="top" width="100%"></PRE ><P >The analysed code is a spacer that adds a space of 15 pixels, but where do we go to recover the image? Which path do we have to assign it? Remember that the theme.php file is included in root, so the image path must start from root to the indicated theme. The path to the image "pixel.gif" is "themes/NukeNews/images/pixel.gif" </P ><DIV CLASS="CAUTION" ><P ></P ><TABLE CLASS="CAUTION" BORDER="1" WIDTH="100%" ><TR ><TD ALIGN="CENTER" ><B >Attention!</B ></TD ></TR ><TR ><TD ALIGN="LEFT" ><P >When you add images in an automatic way by using a visual editor, the path will be only images/image.gif, and you will have to correct it by hand adding the correct path. </P ></TD ></TR ></TABLE ></DIV ><P >Another device is to assign, in theme.php, is a variable to the name of the theme to make it independent from eventual changes of the folder name. So for variable $nameoftheme = " the NukeNews " the image route syntax will be: </P ><PRE CLASS="SCREEN" ><img src="themes/$nameoftheme/images/pixel.gif"></PRE ></DIV ></DIV ><DIV CLASS="NAVFOOTER" ><HR ALIGN="LEFT" WIDTH="100%"><TABLE SUMMARY="Footer navigation table" WIDTH="100%" BORDER="0" CELLPADDING="0" CELLSPACING="0" ><TR ><TD WIDTH="33%" ALIGN="left" VALIGN="top" ><A HREF="c1559.htm" ACCESSKEY="P" >Prev</A ></TD ><TD WIDTH="34%" ALIGN="center" VALIGN="top" ><A HREF="book1.htm" ACCESSKEY="H" >Home</A ></TD ><TD WIDTH="33%" ALIGN="right" VALIGN="top" ><A HREF="x1728.htm" ACCESSKEY="N" >Next</A ></TD ></TR ><TR ><TD WIDTH="33%" ALIGN="left" VALIGN="top" >Customising PHP-Nuke themes</TD ><TD WIDTH="34%" ALIGN="center" VALIGN="top" ><A HREF="c1559.htm" ACCESSKEY="U" >Up</A ></TD ><TD WIDTH="33%" ALIGN="right" VALIGN="top" >Theme construction: the rules to follow</TD ></TR ></TABLE ></DIV ></BODY ></HTML >