Código fuente de los estilos de PDI
  • Back
El Wikiuv de la Universitat de València

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&ntilde;adir una noticia">[+]</a>&nbsp;&nbsp;
                          <a class="amplia" href="?all" title="Todas las noticias">[*]</a> &nbsp;
                          <a class="amplia" href="?"    title="&Uacute;ltimas noticias">[!]</a> &nbsp;
                          <a class="amplia" href="?###WEBLOGANT###" title="Noticias anteriores">[&lt;=]</a>
                          <a class="amplia" href="?###WEBLOGSIG###" title="M&aacute;s noticias">[=&gt;]</a>
                          </div>
                          
                          <h1>###WEBLOGTIT###</h1>
                          
                          ###WEBLOGCON###

                          <div align=right>
                          <a class="amplia" href="?all" title="Todas las noticias">[*] Todas</a>&nbsp;
                          <a class="amplia" href="?"    title="&Uacute;ltimas noticias">[!] &Uacute;ltimas</a> &nbsp;
                          <a class="amplia" href="?###WEBLOGANT###" title="Noticias anteriores">[&lt;=] Anterior</a> &nbsp;
                          <a class="amplia" href="?###WEBLOGSIG###" title="M&aacute;s noticias">[=&gt;] 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>
Back