Código fuente de los estilos de INDI
  • Volver
El Wikiuv de la Universitat de València

En esta página

    - Código fuente de los estilos de INDI
        - texto
        - textomenu
        - textoindice
        - weblog

Código fuente de los estilos de INDI

Si examinas con cuidado el patrón por de la plantilla INDI, 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 INDI, 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" valign="top" style=
      "padding-left:12px">
        <div id="contenido1">
        
          ###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 valign="top" width="26%">
        <div id="menulat" class="doscol">
          ###MENULAT###
          <img src="###DIBUJOLAT###" alt="W adorno" title="w adorno"/>
        </div>
      </td>

      <td valign="top">
        <div id="contenido1" class="doscol">
          ###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="33%" valign="top" >
        <div id="indiceconlat" class="doscol">
          ###INDICELAT###
          <hr class="rayamenu" />
          <img src="###DIBUJOLAT###" alt="W adorno" title="w adorno"/>
        </div>
      </td>

      <td valign="top">
        <div id="contenido1" class="doscol">
          ###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="26%" valign="top" >
        <div id="menulat" class="doscol">
          ###MENULAT###
          <img src="###DIBUJOLAT###" alt="W adorno" title="w adorno"/>        
          </div>
      </td>

      <td valign="top" >
        <div id="contenido1" class="doscol">
          ###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> &nbsp;
                          <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>
volver