Código fuente de los estilos de PDI
Si examinas con cuidado el patrón por de la plantilla PDI, verás que no aparece la variable "CONTENIDO" (el contenido real de la página). Sólo aprece una variable "SUBPATRON". Lo que ocurre es que según el "SUBPATRON" que seleccionemos (a escoger entre "texto", "textomenu" y "textoindice" según está definido en el .ini correspondiente) incluiremos un pequeño trozo de html distinto ("texto.html", "textomenu.html" y "textoindice.html").
Es en estos pequeños trozos de html en los que reside la distinta apariencia de cada estilo y en dónde está definida la variable "CONTENIDO".
Algunas partes del patrón html se cambian pues según el estilo. En el caso de la plantilla PDI, el centro del patrón puede ser (según el estilo del mismo nombre):
texto
Texto en una casilla de tabla a todo lo ancho, con botón de vuelta atrás abajo de todo:
<html>
<body>
<tr>
<td colspan="2" width="728" valign="top" style=
"padding-left:12px">
<div id="contenido1" style="width:700px">
###CONTENIDO###
<hr width="100%" noshade="noshade" size="1" align="left"/>
<a class="volver" href="###URLSUP###"><img src=
"###URLWIKIBASE###/images/control_rewind.png" border="0"
align="middle" alt="volver" title="volver"/></a><br/>
<br/>
</div>
</td>
</tr>
</body>
</html>
textomenu
Ídem al anterior, pero dos casillas horizontales en vez de una, la de la izquierda contiene el menú lateral:
<html>
<body>
<tr>
<td width="172" valign="top"
style="background-image:url(###URLWIKIBASE###/images/uptab2bg.png);"
>
<div id="bordesup"
style="font-size: 1px; /* para evitar margen en strict mode!*/">
<img src="###URLWIKIBASE###/images/uptab2.png"
alt="borde superior del menu lateral"
title="borde superior del menu lateral"
width="172" height="8"/>
</div>
<div id="menulat">
###MENULAT###
</div>
</td>
<td valign="top" width="556">
<div id="contenido1" style="width:540px">
###CONTENIDO###
<hr width="100%" noshade="noshade" size="1" align="left"/>
<a class="volver" href="###URLSUP###"><img src=
"###URLWIKIBASE###/images/control_rewind.png" border="0"
align="middle" alt="volver" title="volver"/></a><br/>
<br/>
</div>
</td>
</tr>
</body>
</html>
textoindice
Ídem a la anterior, con un estilo distinto:
<html>
<body>
<tr>
<td width="220" valign="top"
style="background-image: url(###URLWIKIBASE###/images/uptab2bgA.png)" >
<div id="bordesup"
style="font-size: 1px; /* para evitar margen en strict mode!*/">
<img src="###URLWIKIBASE###/images/uptab2A.png"
align="top" width="220" height="8"
alt="borde superior del indice" title="borde superior del indice"/>
</div>
<div id="indiceconlat">
###INDICELAT###
<hr width="200" noshade="noshade" size="1" align="left"/>
<img src="###URLWIKIBASE###/images/chano.png" alt="chano" title="chano"/>
</div>
</td>
<td valign="top">
<div id="contenido1" style="width:490px">
###CONTENIDO###
<hr width="100%" noshade="noshade" size="1" align="left"/>
<a class="volver" href="###URLSUP###"><img src=
"###URLWIKIBASE###/images/control_rewind.png" border="0"
align="middle" alt="volver" title="volver"/></a><br/>
<br/>
</div>
</td>
</tr>
</body>
</html>
weblog
Como textomenu, pero con todo lo necesario para el weblog:
<html>
<body>
<tr>
<td width="172" valign="top"
style="background-image:url(###URLWIKIBASE###/images/uptab2bg.png);"
>
<div id="bordesup"
style="font-size: 1px; /* para evitar margen en strict mode!*/">
<img src="###URLWIKIBASE###/images/uptab2.png"
alt="borde superior del menu lateral"
title="borde superior del menu lateral"
width="172" height="8"/>
</div>
<div id="menulat">
###MENULAT###
</div>
</td>
<td valign="top" width="556">
<div id="contenido1">
###CONTENIDO###
</div>
<div id="noticias">
<div align=right>
<a class="amplia" href="###URLCREA######WEBLOGNEW######URLCREA2###" title="Añadir una noticia">[+]</a>
<a class="amplia" href="?all" title="Todas las noticias">[*]</a>
<a class="amplia" href="?" title="Últimas noticias">[!]</a>
<a class="amplia" href="?###WEBLOGANT###" title="Noticias anteriores">[<=]</a>
<a class="amplia" href="?###WEBLOGSIG###" title="Más noticias">[=>]</a>
</div>
<h1>###WEBLOGTIT###</h1>
###WEBLOGCON###
<div align=right>
<a class="amplia" href="?all" title="Todas las noticias">[*] Todas</a>
<a class="amplia" href="?" title="Últimas noticias">[!] Últimas</a>
<a class="amplia" href="?###WEBLOGANT###" title="Noticias anteriores">[<=] Anterior</a>
<a class="amplia" href="?###WEBLOGSIG###" title="Más noticias">[=>] Siguiente</a>
</div>
</div>
<hr width="100%" noshade="noshade" size="1" align="left"/>
<a class="volver" href="###URLSUP###"><img src=
"###URLWIKIBASE###/images/control_rewind.png" border="0"
align="middle" alt="volver" title="volver"/></a><br/>
<br/>
</td>
</tr>
</body>
</html>
