Plantilla INDI
El Wikiuv de la Universitat de València

En esta página

    - La plantilla "indi"
    - Demostración de la plantilla
    - Estilos
        - texto
        - textomenu
        - textoindice
        - weblog
        - Definiciones en los estilos
        - Notas
    - Patrón de la plantilla INDI
        - El fichero de estilo css
        - La imagen de la universidad y el adorno de cuadros
        - La imagen lateral de adorno
        - Los iconos de navegacion
    - Menú horizontal
        - Sitio multilingüe
        - Configurar tu menú horizontal
    - Menú lateral
    - Información Avanzada
        - El código fuente del patrón
        - El código fuente de los Subpatrones definidos
        - Índice de texto lateral
            - Ejemplo de "INDICELAT"

La plantilla "indi"

La plantilla "indi" está destinada a páginas no directamente relacionados con la universidad: no hay referencia a ésta en la plantilla. Apropiada para cualquier uso.

La plantilla "indi" es una plantilla "líquida" o "elástica" (se ajusta a la ventana del navegador. Es extremadamente configurable (color, imágenes, enlaces, ...).

La plantilla "indi" se puede activar con sólo utilizar en la cabecera:

  •   #TEMPLATE indi
    

Demostración de la plantilla

La apariencia de las páginas generadas por la plantilla "indi" se puede apreciar en la página de demostración de la plantilla INDI.

Estilos

texto

El estilo texto, página normal con texto a todo lo ancho, es el estilo por defecto. Está definido como:

PATRON patron
DEF SUBPATRON texto
DEF MENULAT menulat
DEF MENUHOR menuhor
SET TITLE=Página Individual, Univesitat de València
SET COLOR=990000
SET LHURL=www.uv.es
SET DHURL=www.uv.es
SET IMGCABECERA=imgcabecera.png
SET IMGCABECERAIZQ=imgcabeceraizq.png
SET DERECHOS=© El Autor, Universitat de Valencia.
SET URLCONTACTO=/url_de_contacte_amb_el_webmaster
SET CONTACTO=webmaster
SET CABECERA WIKISTRING **J^^osé^^ A^^lguien ^^** ^^[website]^^
SET URLHOME /


textomenu

El estilo textomenu, página con un menú lateral que restringe el ancho del texto, definido como:

PATRON patron
DEF SUBPATRON textomenu
DEF MENULAT menulat
DEF MENUHOR menuhor
DEF SUBMENU submenu
SET TITLE=Página individual, Universitat de València
SET COLOR=990000
SET LHURL=www.uv.es
SET DHURL=www.uv.es
SET IMGCABECERA=imgcabecera.png
SET IMGCABECERAIZQ=imgcabeceraizq.png
SET DIBUJOLAT=wwikib.png
SET DERECHOS=© El Autor, Universitat de Valencia.
SET URLCONTACTO=/url_de_contacte_amb_el_webmaster
SET CONTACTO=webmaster
SET CABECERA WIKISTRING **J^^osé^^ A^^lguien ^^** ^^[website]^^
SET URLHOME /


textoindice

El estilo textoindice, texto con menú lateral automático y que es el índice del propio texto, definido como:

PATRON patron
DEF SUBPATRON textoindice
DEF MENULAT menulat
DEF MENUHOR menuhor
SET TITLE=Página Individual, Universitat de València
SET COLOR=990000
SET LHURL=www.uv.es
SET DHURL=www.uv.es
SET IMGCABECERA=imgcabecera.png
SET IMGCABECERAIZQ=imgcabeceraizq.png
SET DIBUJOLAT=wwikib.png
SET DERECHOS=© El Autor, Universitat de Valencia.
SET URLCONTACTO=/url_de_contacte_amb_el_webmaster
SET CONTACTO=webmaster
SET CABECERA WIKISTRING **J^^osé^^ A^^lguien ^^** ^^[website]^^
SET URLHOME /


weblog

El estilo weblog, anuncios/blog con menú lateral opcional. ¡Ver WebLogDoc para más variables y detalles!.

PATRON patron
DEF SUBPATRON weblog
DEF MENULAT null
DEF MENUHOR menuhor
SET TITLE=Página individual, Univesitat de València
SET COLOR=990000
SET LHURL=www.uv.es
SET DHURL=www.uv.es
SET IMGCABECERA=imgcabecera.png
SET IMGCABECERAIZQ=imgcabeceraizq.png
SET DIBUJOLAT=wwikib.png
SET DERECHOS=© El Autor, Universitat de València.
SET URLCONTACTO=/url_de_contacte_amb_el_webmaster
SET CONTACTO=webmaster
SET CABECERA WIKISTRING **J^^osé^^ A^^lguien ^^** ^^[website]^^
SET URLHOME /


Definiciones en los estilos

  • PATRON : nombre del fichero ".html" que sirve de base para incluir y/o sustituir en él todos los demás ficheros.
  • SUBPATRON : el que determina el estilo.
  • MENULAT : nombre del fichero ".wiki" que contiene el menú lateral, en el caso del estilo textomenu o weblog. Ignorado en el resto.
  • MENUHOR : nombre del fichero ".wiki" que contiene el menú horizontal, en lo alto de la página (ver más abajo cómo configurarlo).
  • TITLE : título de la página (se muestra el por defecto).
  • COLOR : La plantilla INDI permite modificar el color de un base de las páginas (el color de gran parte de los "adornos"), de forma que un sitio wiki (o un grupo de ellos) se puede diferenciar de otro a simple vista. Utilizar colores relativamente oscuros y definirlo igual que en una hoja de estilos, pero sin el '#', p.e. #COLOR 007700 (rojo=00, verde=00, azul=00, dígitos hexadecimales).
  • LHURL : "left header URL", URL asignado a la imagen que se halla en la parte izquierda de la cabecera.
  • RHURL : "right header URL", URL asignado a la imagen que se halla en la parte derecha de la cabecera (la que se puede cambiar).
  • IMGCABECERA : La imagen a poner en la parte derecha de la cabecera de la página. Se puede cambiar cambiando el nombre (p.e. miimagen.jpg en vez de imgcabecera.jpg) o, simplemente, poniendo un fichero con ese mismo nombre pero una imagen distinta en tu espacio wiki. El patrón ajustará el ancho automáticamente, pero procurar que no sea muy distinto al original. La altura de la imagen más grande definirá la altura de la cabecera.
  • IMGCABECERAIZQ : La imagen a poner en la parte izquierda de la cabecera de la página. Se puede cambiar igual que la imagen derecha.
  • DIBUJOLAT : La imagen a poner en la parte izquierda, debajo del menú o índice lateral (la "W" gris de la plantilla). Se puede sustituir igualmente.
  • DERECHOS : Nombre del propietario del "copyright" de la página.
  • URLCONTACTO : URL de contacto con el autor de las páginas. P.e., puede ser un mailto:xxx@xxx.uv.es o wiki;//PaginaContactos.wiki (no se crea automáticamente) o http;//www.uv.es/xx/contacto.html.
  • CONTACTO : "nombre" del contacto.
  • CABECERA : El texto grande que debe aparecer en el centro de la cabecera. Se suele definir como un "WIKISTRING", para poder poner fácilmente negritas, etc. P.e.:
        CABECERA WIKISTRING **J^^osé^^ A^^lguien^^** ^^[website]^^
    
    Pone en negrita "José Alguien" y en superíndice "osé" y "lguien", de forma que sean de un tipo más pequeño y estén más arriba que las letras iniciales.
  • URLHOME : URL para el botón de "casa". Relativo al URL de tu espacio wiki. Por defecto "/" (tu espacio wiki). Puede ser cualquier fichero o carpeta de tu espacio.

Notas

Recordemos:

  1. Que los estilos se pueden utilizar desde cualquier fichero ".wiki" siplemente definiendo en la cabecera "#STYLE nombre" ("nombre" es el nombre del estilo sin el ".ini").
  2. Si sólo quieres cambiar alguno de los valores del estilo en una única página, no hace falta definir un estilo: lo puedes cambiar en la cabecera del fichero escribiendo nombrando la misma variable que en el estilo con un "#" delante, p.e. "#CONTACTO director".
  3. Si quieres cambiar algunos valores del estilo en todas las página, puedes definir un "wiki.conf" y escribir en el los cambios, p.e. "#CONTACTO director".
  4. Cuidado con las mayúsculas/minúsculas: son significativas.
  5. El título de un índice lateral automático es el título de la página, a menos que pongas también: "#INDEXTIT Índice de esta página"
  6. Para definir tu propio estilo, defines un ".ini" del nombre que escojas en el directorio de trabajo o en el "wikibase" de tu espacio, copias lo que desees y cambias lo que quieras de los estilos predefinidos.

Patrón de la plantilla INDI

El patrón es la página html base a partir de la cual se generan todas las páginas con con estilo INDI.

Como cualquier página html, utiliza otros ficheros (imágenes, css) que el navegador reúne para construir la apariencia final de la página. El patrón se ha definido de forma que algunos de estos ficheros se pueden cambiar variando el valor de variables en los ficheros ".ini".

Los ficheros utilizados son (se muestra su valor o su valor por defecto si se pueden cambiar):

El fichero de estilo css

El fichero de estilo css es el que más determina la apariencia final de una página html:

Fijo, no se puede cambiar.

Se llama StylesB.css

La imagen de la universidad y el adorno de cuadros

A la izquierda y derecha de la cabecera. Se pueden cambiar definiendo IMGCABECERA y/o IMGCABECERAIZQ.

  • lhimage.png rhimage.png

La imagen lateral de adorno

Se puede cambiar definiendo DIBUJOLAT.

  • wwikib.png

Los iconos de navegacion

Fijos, no se pueden cambiar:

house.png control_rewind.png gb.png es.png catalonia.png email.png help.png cog.png pencil.png

Menú horizontal

En el patrón de la plantilla "indi" observarás que aparece, en la parte superior y justo debajo de la cabecera, un menú horizontal que contiene iconos de navegación y enlaces a otras posibles páginas tuyas.

El menú horizontal está definido en un fichero ".wiki" llamado "menuhor.wiki" y que puedes cambiar sencillamente definiendo un fichero con el mismo nombre (¡cuidado: es en minúsculas!) junto a tus páginas wiki.

Observa que, si no quieres menú con otras páginas, puedes dejar solamente los iconos de navegación definiendo, en la cabecera de tu página wiki (o en el "wiki.conf"):

  •   #DEF MENUHOR menusimple
    

E incluso puedes quitar del todo el menú horizontal usando:

  •   #DEF MENUHOR null
    

Sitio multilingüe

Si quieres crear un sitio multilingüe puedes querer que aparezcan iconos de navegación y botones de cambio de idioma:

  •   #DEF MENUHOR menulang
    

Y si quieres que aparezcan todo, es decir los iconos iconos de navegación, los botones de cambio de idioma y enlaces a otras páginas:

  •   #DEF MENUHOR menumulti
    

Configurar tu menú horizontal

Obviamente, todo aquel que vaya a usar enlaces a páginas propias en el menú horizontal tendrá que redifinirlo, adaptándolo a sus necesidades, simplemente creando un "menuhor.wiki" a mendida en su espacio wiki.

Como punto de partida se puede tomar la definición de "menumulti.wiki", que contiene todos los ítems y que es:

[wiki://###URLWIKIBASE###/images/house.png wiki://###URLESPACIO###/###URLHOME###] 
[wiki://###URLWIKIBASE###/images/control_rewind.png wiki://###URLSUP###] │
[wiki://###URLWIKIBASE###/images/gb.png wiki://###URLENG###] 
[wiki://###URLWIKIBASE###/images/es.png wiki://###URLCAS###] 
[wiki://###URLWIKIBASE###/images/catalonia.png wiki://###URLCAT###] │
    │ 
**[WEBLOG MyBlog]** │
**[FOTOS MyPhotos]** │
**[ENLACES MyLinks]** │
**[ACERCA DE MyAbout]** │
**[CONTACTA MyContact]** │

Donde "& #9474;" representa la barrita vertical (símbolo html) y "& nbsp;" es un espacio en blanco incompresible.

Menú lateral

El subpatrón textomenu incluye un menú lateral, definido en un ".wiki" llamado menulat.wiki.

Este ".wiki" contiene, en formato wiki, la definición del menú lateral. Por defecto contiene un menú de muestra y se supone que todo aquel que lo va a usar definirá, en su espacio wiki, un menulat.wiki adaptado a sus necesidades.

[Presentación ThisIsMe]

Acerca de mí
* [Aficiones MyHobbies]
* [Familia MyFamily]
* [Amigos  MyFriends]
* [Viajes  MyTrips]
* [Fotos   MyPhotos]

Trabajo
* [Informes y trabajos MyWorks]
* [Documentación MyDocs]
* [Tareas pendientes MyTasks]
* [Proyectos MyProjects]
* [Curriculum MyCurrVitae]

-----

¡observar la raya horizontal al final del menú!

Información Avanzada

El código fuente del patrón

El patrón HTML determina toda la estética de tus páginas wiki. Se trata de una página HTML en la que se ha dejado un espacio vacío para que el wiki inserte en ella los distintos contenidos de tus ".wiki". El sitio de inserción viene indicado por los caracteres ###CONTENIDO### (lo cual viene a decir: aquí se pone el valor de la variable CONTENIDO).

Todas las partes cambiantes del patrón son sustituídas por variables cuyo valor se define en los ficheros de estilo o en tu fichero .wiki.

El patrón de la plantilla "indi" es patron.html (versión indi).

El código fuente de los Subpatrones definidos

En el patrón no se encuentra el ###CONTENIDO###, Ello es debido a que faltan trozos de html, definidos por los estilos.

Los trozos de HTML incluídos por el patrón, según los estilos pueden consultarse en EstilosHtmlIndi

Índice de texto lateral

Observar que el subpatrón textoindice incluye, en vez del "MENULAT" (es decir el fichero "menulat.wiki"), un "INDICELAT".

El valor de este "INDICELAT" no corresponde en este caso con el de un fichero a incluir, sino que su valor lo define el propio wiki, construyéndolo a partir de las cabeceras del texto.

Es decir, el wiki también define la variable :

  • INDICELAT : contiene un índice del texto (CONTENIDO), en formato html.

INDICELAT se puede usar en cualquier parte de tus patrones.

Para simplificar la hoja de estilos (.css), el wiki recurre a espacios "no compresibles" ( ) para efectuar la indentación en los índices.

Ejemplo de "INDICELAT"

 <h1><a href="?all">[+]</a> CESAR</h1><p>
 <a href="?0">Introducción</a><br>
 <a href="?1">Entorno de usuario</a><br>
    <a href="?2">Enviando trabajos al gestor de colas</a><br>
        <a href="?3">Opciones más habituales</a><br>

    <a href="?4">Módulos</a><br>
        <a href="?5">Opciones típicas</a><br>
        <a href="?6">Módulos por defecto</a><br>
        <a href="?7">Otros módulos de interés</a><br>
 </p>
 <h1><a href="/ciuv/cas/zcalculo/index.wiki">[<]</a>     
[<-] <a href="?1">[=>]</a> </h1>
tornar