Tema: Personalizando BlankTheme
gnrx

Colaborador
Colaborador
Mensajes: 1024

Enviado:
23.sep 2008 - 18:08

Bueno, abro este hilo con la idea de, poder solventar algunas dudas que tengo sobre el nuevo sistema de BlankTheme y de ese modo, que le sea de ayuda a otros users también que, imagino que al igual que yo, este nuevo sistema le es "nuevo" y de ese modo, como todo lo nuevo, algo dificil de saber configurar.

Parto de cero, con muy poquitos conocimientos sobre el nuevo sistema de BlankTheme y quiero personalizar un theme a mi estilo/gusto.

Para ello, cojo y uso el dpXanIris ya creado por nestormateo sobre BlankTheme y a partir de ese, realizo los cambios, pues sus cambios serian iguales en un BlankTheme sin ningun cambio que en ese, aunque si creeis oportuno empezar los cambios sobre un BlankTheme no modificado, hacemos eso, xD.

La primera duda que me asalta (y son muchas, pero vamos de una en una, xD) es como cambiarle el ancho al theme, este nuevo theme trae un ancho (no se sus medidas exactas) más pequeñas a las que yo quisiera poner, todo el ancho de la pantalla, si no existe la posibilidad de hacerlo variable respecto a la resolucion del monitor, si me gustaria ponerle un ancho como, por ejemplo, el usado en esta web, en dev postnuke, asi pues, ¿como puedo cambiarle el ancho al theme?

Salu2 wink



El cable e Internet

nestormateo
avatar
Administrador
Administrador
Mensajes: 1483

Enviado:
23.sep 2008 - 20:04

Bien! seguro que de este hilo vamos a sacar un muy buen manual de BlankTheme.
Ojalá Krator se nos una al propósito biggrin

COMENZAR UN THEME SOBRE BLANKTHEME

Efectivamente, como ya hay themes con sus diseños sobre BlankTheme
vale modificarlos en vez de comenzar con el BlankTheme de cero,
pero igual menciono lo que yo hago cuando voy a pasar un diseño a BlankTheme:

1) Renombro el theme y cambio todas las definiciones de lenguaje _BLANKTHEME_* por _NUEVONOMBRE_*
2) Cambio ancho del theme, imágenes de fondo y demás estilos con el nuevo diseño
3) A la vez de los estilos, voy cambiando las plantillas base de ser necesario
4) Cambio la configuración por defecto dependiendo del diseño
5) Verifico que funcionen todas las configuraciones de columnas y demás cosas
6) Añado los créditos del diseñador en el footer

Y bueno, vas a ver que lo nuevo es más sencillo! dance


CAMBIARLE EL ANCHO A LA PÁGINA

En la línea 78 del /styles/screen/basemod.css, vas a ver esto:
Código
  1. /* general wrapper */
  2.   #page_margins {
  3.     ...
  4.     width: 99%;
  5.     min-width: 760px;
  6.     max-width: 90em;
  7.   }


Mira que uso el 99% de la pantalla
el lio, es que según recomendaciones que he leido
el punto máximo óptimo es 90em (90 letras por decirlo así)
ya que de ahi en adelante los párrafos de la web pierden legibilidad.
Además, cuando aumentes el tamaño de letra,
la página se volverá más grande acorde a los deseos del usuario.
Esa es la idea detras del tamaño de la página.
Pero si quieres el 99% siempre (así sea para monitores de 2048x... de resolución
quita la línea de tope máximo (max-width) y siempre va a quedar de 99% wink

Nota: Muchas de las cosas de BlankTheme se controlan desde los estilos:
/style/screen/basemod.css - Todo lo que son anchos, altos, márgenes y rellenos del theme en general
/style/screen/content.css - Tipografía, colores, estilos específicos de los elementos y de algunas zonas de Zikula
Para que lo tengas en cuenta wink




Mateo Tibaquira
-Mis principios... son mis fines-
gnrx

Colaborador
Colaborador
Mensajes: 1024

Enviado:
24.sep 2008 - 03:50

A ver si Krator se nos une al tema en cuestión y podemos sacar de este hilo un estupendo manual para todos los users smile

Bueno, vamos empezando ir dandole a la tecla, xDD.
Me tomo nota del proceso que haces cuando diseñas un theme basado en BlankTheme wink

Sobre la duda en cuestion (intentare resumir para enfocar directamente la cuestion en si y que sea de mas ayuda a todos los users y a ese futuro manual smile :
Después de varias pruebas, me he liado un poco con este concepto, el 99% no lo he modificado y he cambiado el valor de max-widht, por ejemplo, le he puesto 100em, en ese momento, la anchura de la página a aumentado a una resolución que la veo muy óptima para lo que yo buscaba, pero no he visto que el tamaño de las letras aumentasen o disminuyeran, por eso me he liado con este concepto. Si dejo el max-widht a 100em y el widht a 80% (por pone un ejemplo) entonces disminye el ancho de la pagina (es deducible que al 80% del 100em).

Por lo tanto, segun mis deducciones (corrigeme si me equivoco) el width 99% nos lo fija al 99% de la anchura que tenemos asignada en el max-widht.
Y si eliminamos la linea max-width dejando el 99% siempre tendremos, como ancho de página, el ancho que nos da nuestro monitor.

Una vez hecho este cambio me he fijado en el tamaño de los bloques, al hacer mas ancha mi página he visto que, el bloque izquierdo (por ejemplo) su menu era grande porque era ancho, quedando visualmente "descompensado" el bloque central con los bloques laterales, asi pues, siguiendo tus indicaciones, me he mirado de arriba a abajo el archivo /style/screen/basemod.css.
Me he topado con la linea 343 que pone esto:
Código
  1. /* #col1 is the main column */
  2.   .bt_3col #col1 {
  3.     float: none;
  4.     margin: 0 25%;
  5.     width: auto;
  6.   }
  7.   .bt_3col #col1_content {
  8.     padding: 0;
  9.   }
  10.  
  11.   /* #col2 contains the left blocks */
  12.   .bt_3col #col2 {
  13.     float: left;
  14.     margin: 0;
  15.     width: 25%;
  16.   }
  17.   .bt_3col #col2_content {
  18.     padding: 0 7px 0 0;
  19.   }
  20.  
  21.   /* #col3 contains the right blocks */
  22.   .bt_3col #col3 {
  23.     float: right;
  24.     margin: 0;
  25.     width: 25%;
  26.   }
  27.   .bt_3col #col3_content {
  28.     padding: 0 0 0 7px;


Bien, si modifico el width del col2 contains the left blocks o del col3 contains the right blocks (bloque izquierdo o bloque derecho) a un porcentaje inferior, efectivamente, el ancho de los bloques disminuye.
Pero si modifico el width del bloque central (col1 is the main column) a un porcentaje inferior, el tamaño del ancho aumenta en lugar de disminuir.

Bueno, si mis deducciones/avances son correctos, proseguire con siguiente duda, sino, a corregir este punto, xD.

Saludos wink

P.D. Tu nota, me ha venido como anillo al dedo para localizar muchas cosas good



editado por: gnrx, 24 Sep, 2008 - 04:51



El cable e Internet

nestormateo
avatar
Administrador
Administrador
Mensajes: 1483

Enviado:
24.sep 2008 - 04:36

Jejejejee
has tocado un punto que hace muy poco logré entender en esto de los Themes "fluidos" (de ancho no fijo) y es la relación de min-width, width y max-width. Lo voy a explicar con varios escenarios:

MIN-WIDTH, WIDTH y MAX-WIDTH

Un monitor de 640x480:
El width de la página está a 99%, o sea que el navegador calcula y saca que el ancho es 634px (calcula el 99% del espacio disponible en la pantalla). Luego verifica el min-width: 760px. Como el 99% es menor que 760px, hace que el ancho mínimo de la página sea el que dice min-width (760px). O sea que en un monitor de resolución baja vas a tener scroll horizontal porque los 760px no caben en los 640 del monitor. Afortunadamente ya no hay de esos o si? jejejeje
La pagina queda en: 760px.

Monitor de 1024x864:
El navegador calcula el 99% y pone el ancho de la página a 1014px. Luego mira el min-width y como el width es mayor, no hace nada. Luego mira el max-width en 90em y hace el cálculo: 90x12px (cuando tienes la letra en 12px) = 1080px. Como el ancho 1014 es menor, en resultado, lo deja como ancho de la pagina.
La pagina queda en: 1014px.

Monitor 1440x900:
El navegador calcula el 99% y le da 1426px. Verifica el min-width y lo cumple, sigue con el max-width: 1080px (como habíamos visto en la anterior resolución cuando tienes una letra de 12px) y claro, el 99% se ha pasado el límite máximo, por lo que el ancho máximo de la página lo ajusta a 1080px.
La pagina queda en: 1080px.

Para entender esto de las unidades en el CSS encontré esto: http://www.ignside.net/man/css/unidades.php
Ahora, si usas el manipulador de tamaño de letra (las "lupas") que trae BlankTheme para redimensionar la letra, va a hacer variar el max-width.
Digamos que tengas la letra a 14px. Cuando calcule 90em = 90x14px = 1260px y la página se hará más grande en monitores de altas resoluciones.

Esta sección merece toda una página del manual, tal y como se ha explicado aqui, jejejeje smile


LAS 3 COLUMNAS FLUIDAS DE DPXANIRIS

Ahora, la técnica que usé en las 3 columnas de BlankTheme trata de:
tener la columna 2 y 3 (#col2 y #col3) flotantes a derecha e izquierda (con los bloques)
y la columna 1 (#col1) no flotante con márgenes para darle cabida a las flotantes (contenido principal) no te confundas, sencillamente es una notación reducida:
margin: 0 20% es igual a 0 20% 0 20%, márgenes izquierdo y derecho a 20%,
con ese margen les deja espacio a las otras 2 flotantes de 20%
y la columna principal se queda con el resto del espacio.
Es una técnica que se digiere con algo de experiencia en CSS wink

Nota: en CSS los márgenes (margin) y rellenos (padding) se pueden definir en una sola linea así:
margin/padding: [arriba] [derecha] [abajo] [izquierda];
entonces, si yo digo: margin: 0 20% 0 30%, quiere decir que arriba y abajo margen 0, a la derecha 20% y a la izquierda 30%. Fácil no? biggrin

es decir, si le cambias el width a #col2 o #col3, tienes que cambiarle el margen a #col 1 en la misma proporción. Digamos:
Pones #col2 y #col3 a 30%, necesitas el margen de #col1 en "0 30%" tambien ves?
Si las pones al 20%, necesitas el margen en "0 20%".
Si quieres diferentes anchos: #col2 a 30% y #col3 a 20%, pon el márgen en "0 20% 0 30%".
(aunque este movimiento requiere otros ajustes para otra configuración de columnas)

Estas son cuestiones de CSS que uno va asimilando con el tiempo, viendo ejemplos y leyendo por aqui y por aca wink


Mateo Tibaquira
-Mis principios... son mis fines-
Krator
avatar
Posteador de Bronce
Posteador de Bronce
Mensajes: 242

Enviado:
24.sep 2008 - 19:28

Aquí estoy chicos...buf, ya veo que le habéis dado bien al tema.
Yo por falta de tiempo es que no doy, aún ni empecé con los permisos que me diste nestor, pero recopilaré la info que ya dimos en otros hilos si os parece bien.

Manejo de las columnas para todos los módulos

Ejemplo con el módulo "Buscar"
1. Ve a templates\config y edita el fichero pageconfigurations.ini.
2. Genera una entrada del tipo:
Código
  1. [Search]
  2. file = norightcolumn.ini


Así tu modulo "Buscar", aparece unicamente con los bloques a la izquierda.

Por añadir información, te comentaré lo que ya me enseñó nestor, y es que puedes poner esto a tu gusto, para ello, haces el primer paso que indiqué.
con file = , puedes añadir tu propio fichero ini, como file = miestilo.ini
en esa misma carpeta, creas tu fichero ini y lo rellenas al mismo estilo que los demás, pero a tu gusto.
Esencial poner page = miestilo.htm, pues esa será la plantilla.

Luego en templates\modules, creas un fichero miestilo.htm al estilo de los demás.
Código
  1. <!--[ assign var="template" value="2col" ]-->
  2. <!--[ assign var="layout"   value="21" ]-->

Aquí defines el estilo, (2 o 3 columnas, o grid) en el value del "template".
Y abajo defines el orden en el que aparecen de izquierda a derecha, por ejemplo, 21, es columna izquierda y contenido central.

Espero haberme explicado.

Introducir un Flash en la cabecera
Aqui te muestro lo que he hecho yo:
He buscado un código compatible con todos los navegadores y he dado con este:
Código
  1. <o b j e c t type="application/x-shockwave-flash"
  2.             data="<!--[$imagepath]-->/design/banner.swf"
  3.             width="940" height="190">
  4.                 <p a r a m name="movie" value="<!--[$imagepath]-->/design/banner.swf" />
  5.                 <p a r a m name="wmode" value="transparent" />
  6.                 <p a r a m name="quality" value="high" />
  7.             </o b j e c t>
Separé el object y param para que me lo dejara postear. Tendrás que volverlo a unir Ok? Igualmente, puedes sustituir el banner.swf por el nombre de tu flash.

Entonces, lo pongo en las plantillas base (2col.htm,3col.htm y grid.htm) justo enseguida de:
Código
  1. <div id="header">


En ese theme le he quitado el #navtop y he ocultado el título y el slogan desde content.css poniéndoles display:none;

Entonces, prueba a poner tu swf dentro de la carpeta de /images/design
lo nombras banner.swf o el nombre de tu flash, acomodas el código y pruebas.

Eso es todo por el momento, espero que esto contribuya a que os manejéis mejor con los themes. Suerte.



Una edición, vale más que mil palabras EdicionMania
gnrx

Colaborador
Colaborador
Mensajes: 1024

Enviado:
24.sep 2008 - 20:00

No más preguntas, señoria biggrin
Con tu explicación y los ejemplos, y las pruebas que estuve haciendo, es un aspecto que creo, ha quedado muy bien explicado y claro good
Como bien dices, esta sección, merece toda una página del manual smile

Asi pues, teniendo nuestro ancho de página configurado a nuestro gusto y la anchura de los bloques en página inicial, prosigo al siguiente punto neo

Entro a distintas secciones de la web, y en unas secciones aparecen todas las columnas (bloque central, izquierdo y derecho) y en otras solo izquierdo y central, y por ejemplo, en este ultimo caso, (seccion noticias que solo muestra bloque izquierdo y columna central) el tamaño de ancho del bloque izquierdo es superior al que habia definido inicialmente que visionaba en el indice.

Asi pues, mi siguiente consulta (o consultas, xDD):
Como hacer que, estemos en la seccion que estemos, mostrandose la cantidad de bloques que sean, el tamaño de los bloques laterales (izquierdo y derecho) sea igual al que hemos definido anteriormente en el indice? No digo el central porque, si entramos a noticias por ejemplo, la idea es que el bloque izquierdo tenga misma anchura que en indice, pero en este caso, el central que corresponde a noticias, coja al resto del ancho que queda.

La cosa marcha dance

Salu2 wink

Edito: Tarde en darle al Enviar y no si la contestación de Krator, que ya se ha unido a la causa biggrin
A lo que comentas Krator de abrir el archivo pageconfigurations.ini y ahi indicar a cada módulo los bloques a usar (con la configuración/descripción que has dado), una duda me asalta ¿es necesario especificar módulo a módulo o hay otro modo que sea "genérico" para todos los módulos como en Xanthia 2.0?

Salu2 wink



editado por: gnrx, 24 Sep, 2008 - 09:12



El cable e Internet

Krator
avatar
Posteador de Bronce
Posteador de Bronce
Mensajes: 242

Enviado:
24.sep 2008 - 20:34

CitaA lo que comentas Krator de abrir el archivo pageconfigurations.ini y ahi indicar a cada módulo los bloques a usar (con la configuración/descripción que has dado), una duda me asalta ¿es necesario especificar módulo a módulo o hay otro modo que sea "genérico" para todos los módulos como en Xanthia 2.0?
Lo desconozco, pero Xanthia 3, siempre usará su plantilla generica "master.htm" para todo módulo que no esté definido ahí, según sospecho.
A ver si nestor confirma o desmiente este dato.

Un saludo.


Una edición, vale más que mil palabras EdicionMania
nestormateo
avatar
Administrador
Administrador
Mensajes: 1483

Enviado:
24.sep 2008 - 20:53

Exacto, todo lo que no se especifique queda a cargo del master.htm .
Son genéricas las plantillas nocolumns.htm, norightcolumn.htm y noleftcolumn.htm para casos en los que quieras configurar un módulo rápidamente. Para el master los valores se mueven en: /templates/config/themevariables.ini

Allí dicen qué plantilla y configuración usar para el master.
Esos valores se pueden cambiar desde el panel de administración de Xanthia 3 si el archivo es escribible, pero bueno, allí entra en juego la seguridad del sitio. Debería ser escribible con 644 en los hostings bien configurados y seguros wink .

Ahora edito este post para ampliar la info sobre configuraciones y plantillas en Xanthia wink


Mateo Tibaquira
-Mis principios... son mis fines-
gnrx

Colaborador
Colaborador
Mensajes: 1024

Enviado:
25.sep 2008 - 03:57

Ok, entiendo wink
Todo lo que no se especifique queda a cargo del master.htm y sus valores se mueven en /templates/config/themevariables.ini.
Revisando ambos archivos observo, y deduzco, deben tener los mismos valores en, por ejemplo, assign var='base' value='3col'
base = 3col
Siendo la base a usar 3col, pues si tuviesen valores distintos, no seria de "logica".

Salu2 good



El cable e Internet

nestormateo
avatar
Administrador
Administrador
Mensajes: 1483

Enviado:
26.sep 2008 - 21:37

Bueno, sigamos que ya me he desocupado de unos deberes que me tenian preso desde ayer tongue

el themevariables.ini y el master.htm no necesariamente deben tener los mismos valores, lo que pasa es que en el master las asignaciones están comentadas (están entre <--[* *]--> .) Pero por consistencia, si, cuando no quieras mover el .ini descomentas las asignaciones en el master.htm y lo haces desde allí, sino que como comentaba, cuando el ini es escribible, podeis mover los valores desde el panel de Xanthia sin tener que mover plantillas via FTP.


CONFIGURACIÓN DE THEMES XANTHIA 3

Bueno, como ya han visto, hay una colección de archivos .ini en la carpeta /templates/config de cada theme Xanthia 3. Allí hay 3 archivos indispensables:

pageconfigurations.ini : Como bien observó Krator, allí se asigna un archivo .ini específico a módulos específicos. Generalmente se asigna el master el *home y el *admin, que por decirlo así, son las secciones básicas de cuqluier sitio. Luego vienen definiciones específicas: para algunos módulos, su .ini : [News] file = news.ini, [Pages] file = pages.ini, etc. Ya veremos qué tienen dichos archivos.

themevariables.ini : allí se definen las variables que el theme quiera tener para usar en sus plantillas. En el caso de BlankTheme, usamos una variable $base para la plantilla base a utilizar, $layout para la configuración, y unas $use* que son para habilitar o no características como controlador del tamaño de letra, y decidir si el menu superior se va a manejar con el plugin uselinks o con la posición de bloques "navtop".

themepalette.ini : Aunque en el momento no se usa mucho, aqui se definen las paletas de colores a usar. Aplica más a los módulos antiguos que a los nuevos, que todo lo tienen en sus estilos. Ahora que lo pienso, yo voy a vaciar esos colores porque los módulos que uso no usan las paletas tongue

y bueno, ya las variables y las paletas definidas, el theme usa el .ini definido por el pageconfigurations.ini.
Si va a mostrar el módulo News, usa el .ini que le pongamos en [News]. Si va a mostrar Pages, y no tenemos una sección [Pages] entonces va a utilizar el [master]. Si es la página principal usa [*home], y si es el panel de administración: [*admin].

Tomemos como ejemplo el [News] file = news.ini :
Alli se define la plantilla a usar (que debe estar en /templates/modules, en este caso news.htm.
la paleta a usar, y dos opciones adicionales que son para tener más control CSS de los bloques y el contenido principal: los contenedores #pn-maincontent y los .pn-block; luego se explican de ser necesario.

Por último, lo importante de el .ini de cada módulo, es que puede definir una plantilla específica para un bloque cualquiera (que deben estar en /templates/blocks) dependiendo de su ID (la caja de login con tal plantilla), o para toda una posición de bloques (left, right, center, navtop, ...), o por el tipo de bloques (todos los menus con tal plantilla). Eso nos da todo el control sobre la personalización de los bloques. Una vez escogida la plantilla news.htm, se configura dentro de esa plantilla la base a usar (2col, 3col, grid) y con qué configuración (layout).

Para ver las posibilidades ver esta tabla:
http://code.zikula.org/blanktheme/wiki/DocsLayouts#Availabledistributionsandzones
luego añado algunas imágenes de como son esas distribuciones.

Provecho jugando con Xanthia 3! biggrin


Mateo Tibaquira
-Mis principios... son mis fines-
rufo_22

Habitual
Habitual
Mensajes: 72

Enviado:
2.oct 2008 - 19:50

Bueno me uno al post como el super ignorante a ver si me ilumináis en algunos temas que me gustaría poder dominar con blanktheme. Estos temas son:

- Como se puede probar una actualización de blanktheme sin cargarnos el actual? podemos crera un directorio blanktheme298 y sobreescribir los ficheros de templates/config.php?
- Como se puede poner un logo a blanktheme?
- Cual es la forma correcta y facil de cambiar los colores? se crea una paleta con nombre distinto y se pone ahí los valores?

Creo que con esto para empezar es suficente por ahora wink
gnrx

Colaborador
Colaborador
Mensajes: 1024

Enviado:
9.oct 2008 - 00:59

Jelou!!! No me habia olvidado de este post wink , estuve liado con unas cosas y tuve poco tiempo blush

x rufo 22:
A tu primera pregunta, si, asi es, renombrando como indica nestor en su primer post.
A la segunda, si es posible, luego cojo mis apuntes y te indico, aunque mis apuntes son para cambiar el logo.
A la tercera, ahi aun estoy verde, xDD.

Siguiendo con la tematica del hilo, zenkius como siempre nestor por tus explicaciones good

He seguido haciendo pruebas con el theme, y para ampliar un poquito esto, he conseguido hacer que, el ancho de los bloques cuando cambiamos del index, sea el mismo que el del index, ya sea en 2 col o 3 col.
Para ello, en el archivo basemod.css, vamos a la linea 278 y tenemos esto:
Código
  1. * 2col template
  2.    * @subsection layout-template-2col
  3.    */
  4.  
  5.   /* #col1 is the main column */
  6.   .bt_2col #col1 {
  7.     float: left;
  8.     margin: 0;
  9.     width: 75%;
  10.   }
  11.   .bt_2col #col1_content {
  12.     padding: 0;
  13.   }
  14.  
  15.   /* #col2 and #col3 contains side blocks */
  16.   .bt_2col #col2,
  17.   .bt_2col #col3 {
  18.     float: left;
  19.     margin: 0;
  20.     width: 25%;


Donde tenemos ahora mismo seleccionado el 75% para el main column y el 25 para la columna de la izquierda, si no me equivoco, estos valores cogen el porcentaje del ancho de pagina que tenemos y le da el porcentaje definido correspondiente a cada columna.

En ese mismo archivo, mas abajo tenemos para definir en caso de tener las 3 columnas (central, izquierda y derecha).

Cambiando esos valores he visto como cambiaban los anchos de los bloques, eso si, las pruebas las he hecho solo con 2 columnas.

Para configurar teniendo 3 columnas, ahi me lio un poco, porque aparece:
Código
  1. * 3col template
  2.    * 213 is the default order and layout
  3.    * @subsection layout-template-3col
  4.    */
  5.  
  6.   /* #col1 is the main column */
  7.   .bt_3col #col1 {
  8.     float: none;
  9.     margin: 0 20%;
  10.     width: auto;
  11.   }
  12.   .bt_3col #col1_content {
  13.     padding: 0;
  14.   }
  15.  
  16.   /* #col2 contains the left blocks */
  17.   .bt_3col #col2 {
  18.     float: left;
  19.     margin: 0;
  20.     width: 20%;
  21.   }
  22.   .bt_3col #col2_content {
  23.     padding: 0 7px 0 0;
  24.   }
  25.  
  26.   /* #col3 contains the right blocks */
  27.   .bt_3col #col3 {
  28.     float: right;
  29.     margin: 0;
  30.     width: 20%;
  31.   }
  32.   .bt_3col #col3_content {
  33.     padding: 0 0 0 7px;
  34.   }


El main column con 20%, y el left y right column tambien con 20%, eso me desorienta un poco, porque segun habia visto, la suma de los porcentajes de todas las columnas debia de dar el 100%.
Aunque tambien, en esa misma parte del archivo hace mencion a 123layout, 312 y 132 que supongo es ahi donde se configura para el bloque central por ejemplo, pero aun me "descuadra" respecto al main column del codigo con ese 20%.

Un saludo wink



El cable e Internet

nestormateo
avatar
Administrador
Administrador
Mensajes: 1483

Enviado:
9.oct 2008 - 07:26

@rufo:
1) sí, renombrarlo y los archivos de version también, mira el post #2.
2) el logo depende de como sea de largo, o como lo deseas posicionar.
Yo lo haría con estilos, moviendo a la derecha el título y slogan.
Voy a poner un logo por defecto en BlankTheme ok? wink
3) Las paletas de colores no sirven al momento
en content.css están la mayoría de definiciones de colores
general, títulos, enlaces, tablas, secciones
entonces ayudado por Firebug, podrías ver donde cambiar los colores
o definir un nuevo color para zonas especiales que quieras
smile

@gnrx:
Mira el 4to post
la sección LAS 3 COLUMNAS FLUIDAS DE DPXANIRIS
alli expliqué la lógica de esas 3 columnas
espero que me entiendas wink


Mateo Tibaquira
-Mis principios... son mis fines-
gnrx

Colaborador
Colaborador
Mensajes: 1024

Enviado:
9.oct 2008 - 10:44

Ok nestor, releido ese post y con las pruebas que hice ayer, ahora lo veo mas claro wink

Me pongo a hacer pruebas con ambas columnas para ver esas configuraciones, pero como te comento, con lo probado ayer y releido el post, ya lo veo mucho mas claro smile

Estare un par de dias off line, pero luego retomamos el tema neo

Un saludo good



El cable e Internet

rufo_22

Habitual
Habitual
Mensajes: 72

Enviado:
16.oct 2008 - 19:55

Volvemos a las andadas. Todo iba bien y para arreglar el tema del logo he puesto la revision 317 (gracias nestor). Ahi es cuando empezaron los problemas. Tal como indicas en el post 2 he cambiado el nombre del theme a blanktheme_rev317. En la web que tengo en casa he hecho estos mismos cambios y ha funcionado bien e cambio. Como la que tengo visible no me aparecia hice un borrado de templates compiladas y un borrado de plantillas de cache. Ahora el problema es que me aparece 2 mensajes del tipo

In Array module, cannot find template csblock.htm

Lo podeis ver cargando dos veces la pagina http://www.aeren.net/~apb/ El caso es que el nombre no me importe que cambie pero los errores no se a que vienen.

Tambien queria preguntar a que se deba que los posts en pnforum se vean tan mal con blanktheme y ademas el bloque central desaparece con la revision 317 pero no con la 298 http://www.aeren.net/~apb/index.php?module=pnForum&func=viewtopic&topic=1&start=0#pid6

Gracias por vuestro soporte good
rufo_22

Habitual
Habitual
Mensajes: 72

Enviado:
16.oct 2008 - 20:22

Volvemos a las andadas. Todo iba bien y para arreglar el tema del logo he puesto la revision 317 (gracias nestor). Ahi es cuando empezaron los problemas. Tal como indicas en el post 2 he cambiado el nombre del theme a blanktheme_rev317. En la web que tengo en casa he hecho estos mismos cambios y ha funcionado bien e cambio. Como la que tengo visible no me aparecia hice un borrado de templates compiladas y un borrado de plantillas de cache. Ahora el problema es que me aparece 2 mensajes del tipo

In Array module, cannot find template csblock.htm

Lo podeis ver cargando dos veces la pagina http://www.aeren.net/~apb/ El caso es que el nombre no me importe que cambie pero los errores no se a que vienen.

Tambien queria preguntar a que se deba que los posts en pnforum se vean tan mal con blanktheme y ademas el bloque central desaparece con la revision 317 pero no con la 298 http://www.aeren.net/~apb/index.php?module=pnForum&func=viewtopic&topic=1&start=0#pid6

Gracias por vuestro soporte good
rufo_22

Habitual
Habitual
Mensajes: 72

Enviado:
16.oct 2008 - 21:06

El problema menor del nombre del theme ya lo he arreglado. Me habia olvidado de modificar el nombre editando el theme desde el panel de administracion de zikula. Lo que no entiendo entonces es para que sirve el nombre de dentro de version.php. Tambien me he fijado que se ha creado una entrada en el version.php de dentro de lang/spa/version.php cuando antes unicamente habia el de directorio / del theme.

El problema del csblock.htm y la duda del pnforum siguen ahi blush
nestormateo
avatar
Administrador
Administrador
Mensajes: 1483

Enviado:
17.oct 2008 - 03:05

Ouch!
Gracias por hacerme caer en cuenta de esto.
He puesto en algunos archivos .ini el uso de csblock.htm pero esa plantilla no existe en templates/blocks
se llama es ccblock... lo he corregido en la revision 319
y junto con otros comentarios que añadí
subi la rev 320 en la sección de descargas.

Pero son basicamente los .ini los que hay que corregir,
descárgalos desde Trac: http://code.zikula.org/blanktheme/changeset/319/?format=zip&new=319


Para lo de pnForum, he subido una plantilla para pnForum 2.7.1 basada en BlankTheme también
en su versión alpha porque se tira el panel de administración.
Entonces, termina de cuadrar las categorías y foros e "instala"
(copia dentro de tu theme ese paquete)
para tener un look mucho mejor del pnForum

Ahi me comentas como ves la cosa wink


Mateo Tibaquira
-Mis principios... son mis fines-
rufo_22

Habitual
Habitual
Mensajes: 72

Enviado:
17.oct 2008 - 18:06

Mucho mejor. He bajado directamente la revisión 320 y ya arregla el tema del mensaje de error.

El pnforum ahora se ve mucho mejor aunque no perfecto. Me espero a los retoques finales que seguro le quedan.

Ahora me voy a pelear para ver que bloques muestra en cada caso ya que cuando p.ej vas a pnforum y entras en un post se ven los bloques centrales y eso no es lo que busco.

Gracias por todo y ya iré contando como va eso good
nestormateo
avatar
Administrador
Administrador
Mensajes: 1483

Enviado:
18.oct 2008 - 19:05

Bien, con tu inquietud se me acaba de ocurrir una idea
además de que tocas un tema muy importante en BlankTheme,
que les voy a ilustrar ya mismo:

CONFIGURACIÓN DE LA DISPOSICIÓN DE CADA SECCIÓN
Como les comentaba, cada módulo o sección tiene su archivo .ini; en ese archivo se define la plantilla a usar, y es en esa plantilla donde se configura la disposición de las columnas para esa sección. Como saben, BlankTheme usa plantillas base para soportar varias disposiciones (layouts), y con facilidad ustedes pueden tener 1, 2 o 3 columnas en sus secciones, por lo que veamos como usarlas en toda su extensión.

BlankTheme usa una convención numérica para identificar las columnas:
1 - Columna principal
2 - Columna con los bloques izquierdos
3 - Columna con los bloques derechos

Esto complementa la explicación de Krator en un post pasado, y con esto podemos jugar muchisimo. Si queremos una sola columna o dos, la plantilla base a usar es 2col. Una columna, entonces el layout lo establecemos en 1, para dos columnas hay muchas posibilidades: 21, 13, 12, 31 dependiendo de cómo queremos las columnas. Si queremos 3 columnas, la base es 3col y podemos usar los layouts 213, 312, 123, 321, 132, 231 ... como quieran. El trabajo en estilos se ha hecho para soportar cualquiera de esas configuraciones.
La plantilla base grid, es un ejemplo de cómo usar YAML (el Framework CSS que usa BlankTheme) para hacer una grilla personalizada.

Esos valores de plantilla base y layout escogidos para cada sección son los que aparecen pre-configurados en las plantillas existentes:
Código
  1. <!--[ assign var='base' value='2col' ]-->
  2. <!--[ assign var='layout'   value='21' ]-->


Pero ahi no terminan las posibilidades. En BlankTheme podemos usar zonas especiales para poner algunos bloques, y las explico a continuación:


ZONAS ESPECIALES EN BLANKTHEME
Resulta, que hay ciertas zonas que pueden ser habilitadas a gusto, y que están definidas en las plantillas base. Estas zonas son adicionales a las columnas, y pueden ser las 3 subcolumnas antes del footer que vemos en muchos blogs modernos (ejemplo), 2 subcolumnas debajo del contenido principal o una grilla personalizada de cualquier complejidad (ejemplo)

Esas zonas se habilitan desde la definición de layout, y BlankTheme soporta unas cuantas en sus plantillas base:
2col:
soporta 2 posiciones de bloques dentro de la columna 1 abajo del contenido principal (2cb: 2subcolumns center bottom).
3col:
También soporta 2cb, y otra posición de bloques debajo de esta (cb: 1subcolumn center bottom)
grid:
Soporta 3 subcolumnas antes del footer (3b: 3subcolumns bottom)

Entre paréntesis puse el identificador de cada zona y su significado en inglés. Esos identificadores se usan dentro de layout para habilitar dichas zonas con valores como:
21_2cb (2col)
123_2cb (3col)
213_cb (3col)
312_2cb_cb (3col)
132_3b (grid)
De esa manera, primero se define la combinación de columnas a usar, y luego las zonas a habilitar en dicha sección.

Bajo este concepto, lo que rufo necesita de deshabilitar los bloques centrals para el foro, me parece que lo podríamos hacer mediante una zona nueva: nc (no center)

Entonces, en la plantilla del Foro la definirías como:
Código
  1. <!--[ assign var='base' value='2col' ]-->
  2. <!--[ assign var='layout'   value='21_nc' ]-->

y sería 21 (izquierda-centro) nc (sin bloques centrales) biggrin
qué tal todo esto eh?


Mateo Tibaquira
-Mis principios... son mis fines-
Krator
avatar
Posteador de Bronce
Posteador de Bronce
Mensajes: 242

Enviado:
18.oct 2008 - 19:39

Interesante explicación que añade muchas más posibilidades aún a nuestro theme y su configuración. Pero con todo esto me ha quedado una duda, ¿se puede poner también por ejemplo, 2/3 columnas, pero arriba del contenido principal (columna central)?


Una edición, vale más que mil palabras EdicionMania
nestormateo
avatar
Administrador
Administrador
Mensajes: 1483

Enviado:
20.oct 2008 - 04:47

Claro Krator!
se puede hacer una grilla personalizada como uno la quiera.
Justamente en la comunidad central michiel preguntó por una grilla especial para su página de inicio,
y ahi le di instrucciones para que hiciera otra plantilla base para el home
con el código de su grilla personalizada.

Es cuestión de aprender a manejar YAML y sus subplantillas:
http://www.yaml.de/en/documentation/practice/subtemplates.html
y con eso se hacen grillas de muchas combinaciones con el código que muestran allí.
Y para la muestra un botón: vean el ejemplo y el código fuente de:
http://www.highresolution.info/webdesign/sandbox/yaml_grids.html

Ese es el poder de YAML y por eso soportamos BlankTheme con ese CSS framework biggrin


Mateo Tibaquira
-Mis principios... son mis fines-
rufo_22

Habitual
Habitual
Mensajes: 72

Enviado:
20.oct 2008 - 08:39

nestor,
lo que comentas de una zona nc (sin bloques centrales) la veo muy buena. De hecho es el funcionamiento habitual de postnuke hasta ahora y eso me llevaba un poco desconcertado. De hecho lo normal es usar los bloques centrales únicamente en la home y por tanto usarias una configuración normal de nc y una distinta para la home. Seria eso posible ,verdad? tampoco se si el hecho de usar _nc limitaria el uso de bloques inferiores antes del food.

Muy buena idea dance

Albert.
nestormateo
avatar
Administrador
Administrador
Mensajes: 1483

Enviado:
20.oct 2008 - 18:56

SI, pues por ahora he añadido la zona nc para deshabilitar los bloques centrales, y se la he puesto las plantillas de foro, calendario y descargas. Se puede usar en cualquier otra plantilla para cualquier sección, y creo que esto sería un ejemplo de cómo manejar las zonas en el theme.

y bueno, el hecho de usar _nc no afecta nada más que mostrar o no los bloques antes del footer.
Si quieres las 3 subcolumnas de abajo y quitar los bloques centrales usas ***_nc_3b
cada zona separada por _ y listo.


Una idea reciente es la que me tiene pensando mucho, y es que las plantillas "base" podrían ser mejor entendidas si las llamásemos plantillas "body" y meter allí todo el código del BODY HTML. Eso da una idea clara que las plantillas "base" se encargan del cuerpo de la página y la disposición de todo su contenido.

Con eso las variables de configuración pasan a llamarse $body y $layout, y sería más entendible desde mi punto de vista. Qué piensan ustedes? Este sería el último cambio en la estructura, pues creo que lo demás ya está lo suficientemente maduro para no sufrir cambios bruscos de aqui en adelante.

Por cierto, me preocupa es como vamos a actualizar nuestros themes personalizados con los últimos cambios en el BlankTheme principal. En esto SVN es una herramienta muy util y permite fusionar (merge) los cambios con nuestras plantillas personalizadas, por lo que creo que si todavía no manejan SVN, es tiempo de ir aprendiéndolo, para mantener nuestros themes al dia biggrin

y claro, la copia de Zikula también, realmente SVN no es dificil, instalen un cliente como Tortoise SVN para comenzar con SVN y conectarse a las versiones en desarrollo de code.zikula.org wink


Mateo Tibaquira
-Mis principios... son mis fines-
rufo_22

Habitual
Habitual
Mensajes: 72

Enviado:
22.oct 2008 - 17:31

nestor,
tengo ganas que funcione de nuevo el code.zikula.org para bajarme las novedades y poderlas probar.

Sobre las modificaciones que dices te he de decir que me vienen grandes y no llego a ver el alcance de lo que explicas (que no te entiendo blush ) pero viendo las modificaciones que vas haciendo seguro que son buenas. En todo caso te doy mi apoyo moral aunque no pueda dar mi parecer good

Sobre el SVN lo conozco aunque nunca lo he usado. El problema es que no veo seguro usarlo para ir actualizando una web pública. Quizás para ir trasteando en casa sí que sea buena opción.

Saludos.
nestormateo
avatar
Administrador
Administrador
Mensajes: 1483

Enviado:
23.oct 2008 - 10:09

Ya, pues la cuestión con SVN es fácil
quizás lo digo luego de leer y practicar mucho, pero a la larga es fácil
(y yo sobre consola sobre Linux lo siento aún más fácil tongue )
la idea es aprenderlo a usar (con un cliente gráfico si es necesario o por consola que me parece genial) y mantenernos sincronizados con los últimos cambios en el código y soluciones a algunos bugs si se encuentran.

Digamos, con esto de la nueva zona 'nc' para anular los bloques centrales, sería cuestión de actualizar tu copia local de BlankTheme con el SVN y combinar los cambios en las últimas revisiones con tu theme.

Bueno, al comenzar con SVN lo primero es obtener una copia local desde Cozi:
Código
  1. # Voy a la carpeta donde quier poner mi copia local
  2. ~$ cd ruta/a/mi/carpeta/de/desarrollos
  3.  
  4. # bajo la copia local desde cozi:ç
  5. mi/carpeta/de/desarrollo$ svn checkout https://code.zikula.org/svn/blanktheme


eso crea un arbol local de todo lo que hay en el SVN dentro de ../desarrollo/blanktheme (todas las carpetas que se ven aqui) y si se quiere una parte no mas, pues se pone ../svn/blanktheme/trunk/ digamos, o ../trunk/themes/blanktheme (para el theme solito). Digamos que nos bajamos todo, entonces tenemos las subcarpetas /trunk, /themes, /alternatives, todo, Ok.

Digamos, voy a poner el ejemplo bajo consola de lo que hago normalmente cuando yo voy a pasar una plantilla libre a BlankTheme.

Código
  1. # Hago mi carpeta mateo para mis themes y la añado a mi copia local
  2. ../desarrollo$ cd blanktheme
  3. ../blanktheme$ mkdir themes/mateo
  4. ../blanktheme$ svn add themes/mateo
  5.  
  6. # clono el código de desarrollo de blanktheme para generar mi theme
  7. # supongamos que se llame "Matheo", entonces clonar es como copiar en SVN:
  8. ../blanktheme$  svn copy trunk/themes/blanktheme themes/mateo/Matheo


Ya teniendo mi theme en themes/mateo/Matheo ahi lo personalizo, etc.
Digamos que fue la revision 318 la que tengo, y ya vamos en la 325, entonces necesito aplicar los últimos cambios a mi theme:
Código
  1. # el comando en svn es merge
  2. # y se le pasa el rango de revisiones a aplicar en nuestro theme:
  3. ../blanktheme$  svn merge -r 319:325 trunk/themes/blanktheme themes/mateo/Matheo


Eso va a coger los cambios desde la revisión 319 a la 325 y los va a fusionar con el código de nuestro theme. Es posible que algunos cambios provoquen conflictos con nuestros propios cambios, pero SVN marca el lugar del conflicto y por lo menos yo, prefiero resolverlos manualmente. Hay que leer sobre el tema y experimentar con los conflictos, por eso ahora esperamos que sean pocos pues la estructura ya ha madurado mucho.

Bueno, ahi un abrebocas
el resto es leer sobre SVN y ponerse manos a la obra a tener nuestras copias de desarrollo y saberlas administrar, con la herramienta que nos sintamos cómodos. Yo prefiero la consola, pero hay clientes gráficos como Tortoise SVN (para Windows) y otras más.

Espero que no tengan problemas con SVN
me cuentan como les va
y si es necesario abrimos otro hilo para resolver esas cuestiones
good


Mateo Tibaquira
-Mis principios... son mis fines-
gnrx

Colaborador
Colaborador
Mensajes: 1024

Enviado:
24.oct 2008 - 18:09

Jelou!!
Por aqui ando de nuevo después de finalizar ciertas cosas que tenia pendiente wink

Las explicaciones nestor, aclaratorias y muy buenas como siempre good


nestormateoBajo este concepto, lo que rufo necesita de deshabilitar los bloques centrals para el foro, me parece que lo podríamos hacer mediante una zona nueva: nc (no center)

Entonces, en la plantilla del Foro la definirías como:
Código
  1. 1.
  2. <!--[ assign var='base' value='2col' ]-->
  3. <!--[ assign var='layout'   value='21_nc' ]-->

y sería 21 (izquierda-centro) nc (sin bloques centrales)

Si no he entendido mal (me he liado un poco leyendo y practicando....xDD) añadiendo esto, desabilitariamos bloque centrales, eso incluiria el mensaje administrativo? De ser asi, creo lo entendi bien, de no ser asi, reeleré de nuevo, xDD.

nestormateoUna idea reciente es la que me tiene pensando mucho, y es que las plantillas "base" podrían ser mejor entendidas si las llamásemos plantillas "body" y meter allí todo el código del BODY HTML. Eso da una idea clara que las plantillas "base" se encargan del cuerpo de la página y la disposición de todo su contenido.

Con eso las variables de configuración pasan a llamarse $body y $layout, y sería más entendible desde mi punto de vista. Qué piensan ustedes? Este sería el último cambio en la estructura, pues creo que lo demás ya está lo suficientemente maduro para no sufrir cambios bruscos de aqui en adelante.

Por cierto, me preocupa es como vamos a actualizar nuestros themes personalizados con los últimos cambios en el BlankTheme principal. En esto SVN es una herramienta muy util y permite fusionar (merge) los cambios con nuestras plantillas personalizadas, por lo que creo que si todavía no manejan SVN, es tiempo de ir aprendiéndolo, para mantener nuestros themes al dia

Mientras iba leyendo, iba pensando justamente eso, ¿como actualizaremos nuestro theme ya modificado a estas nuevas introducciones?
La respuesta la has dado tu good aunque yo nunca he manejado SVN...creo debere sentarme con tranquilidad y ver que tal se me da el manejo, pero miedo me da biggrin biggrin

Un fuerte saludo wink



El cable e Internet

nestormateo
avatar
Administrador
Administrador
Mensajes: 1483

Enviado:
24.oct 2008 - 21:15

gnrxSi no he entendido mal (me he liado un poco leyendo y practicando....xDD) añadiendo esto, desabilitariamos bloque centrales, eso incluiria el mensaje administrativo? De ser asi, creo lo entendi bien, de no ser asi, reeleré de nuevo, xDD.

Efectivamente, si añades _nc (en la revisión 322) desactivas los bloques centrales, donde comúnmente van los Mensajes de Admin, pero a veces uno sólo quiere el foro y nada de bloques, entonces la usa.

gnrxMientras iba leyendo, iba pensando justamente eso, ¿como actualizaremos nuestro theme ya modificado a estas nuevas introducciones?
La respuesta la has dado tu good aunque yo nunca he manejado SVN...creo debere sentarme con tranquilidad y ver que tal se me da el manejo, pero miedo me da biggrin biggrin

Jeejeje
Nada de miedo carajo, es una herramienta poderosisisisma!
Por eso los proyectos en Cozi tienen la forma de bajar las copias de desarrollo (ejemplo)
y con eso estar al tanto de los últimos cambios.
Esto es supremamente importante en el caso de BlankTheme
para que hablemos el mismo idioma con los últimos cambios
wink

Saludos! good


Mateo Tibaquira
-Mis principios... son mis fines-
gnrx

Colaborador
Colaborador
Mensajes: 1024

Enviado:
26.oct 2008 - 02:23

nestormateo
Efectivamente, si añades _nc (en la revisión 322) desactivas los bloques centrales, donde comúnmente van los Mensajes de Admin, pero a veces uno sólo quiere el foro y nada de bloques, entonces la usa.

Ok, esa es la intención en la plantilla del foro, que aparezca el foro en el centro pero la columna izquierda (un poco con la misma similitud que en Xanthia para post nuke)
Dicha inclusion, la del _nc creo que no puedo ponerla yo, mis pruebas las estoy haciendo en dpXanIris basado en blancktheme que creaste tu, pero el concepto lo tengo, que es lo que importa, xDD.
Y esto me lleva a otra duda, si yo en la version de dpXanIris con la que estoy trabajando, quisiera hacer la prueba de eliminar el mensaje superior administrativo ¿seria posible?

nestormateoJeejeje
Nada de miedo carajo, es una herramienta poderosisisisma!
Por eso los proyectos en Cozi tienen la forma de bajar las copias de desarrollo (ejemplo)
y con eso estar al tanto de los últimos cambios.
Esto es supremamente importante en el caso de BlankTheme
para que hablemos el mismo idioma con los últimos cambios
wink

Saludos! good


A mi me sigue dando miedo, jejejejeee.
Me parece que primero me voy a centrar en personalizar el theme, una vez este hecho eso (y este hilo) entonces ya procedere al manejo de SVN, pero primero el 1 y luego el 2, que sino, muchos conceptos en la cabeza y es facil liarse biggrin biggrin

Continuando un poquito con mis dudas, procederé a plantear una nueva duda, xDD.
El menu superior del theme, actualmente me aparecen Inicio y Noticias, como procederiamos a la modificacion/agregar/eliminar objetos de ese menú superior del theme?

Un saludo good



El cable e Internet

nestormateo
avatar
Administrador
Administrador
Mensajes: 1483

Enviado:
28.oct 2008 - 06:15

muy buena duda, desarrollemos la sección de navegación entonces:

MENÚ DE NAVEGACIÓN EN BLANKTHEME
En BlankTheme hay dos vías para manejar el menú superior de navegación:
* El plugin bt_userlinks
* La posición de bloques "navtop"
Hay una variable (usenavtop) en la configuración del theme (themevariables.ini) para usar la una o la otra. "p" para usar el plugin (valor por defecto) y "b" para usar un bloque.


El plugin bt_userlinks
Ubicado en el archivo /plugins/function.bt_userlinks.php, este plugin construye el menú a partir de un arreglo definido manualmente en PHP, y con algo de conocimiento o intuición en el manejo de PHP lo pueden modificar. Parte del código que vas a encontrar en ese plugin es la siguiente:
Código
  1. /*** Build the menu-array ***/
  2. /* Option format: id, lang_constant, link, array_sublinks */
  3. $menu   = array();
  4. $menu[] = array('home',        _NAV_HOME,    $smarty->baseurl, null);
  5. if (pnModAvailable('News')) {
  6.     $menu[] = array('News',    _NAV_NEWS,    pnModURL('News'), null);
  7. }
  8. if (pnModAvailable('Pages')) {
  9.     $menu[] = array('Pages',   _NAV_PAGES,   pnModURL('Pages'), null);
  10. }

Como ven, el arreglo $menu es el que va recolectando todas las opciones. HOME para el enlace a la página principal, y de ahi comienza a comprobar si News, Pages, Foros, Formicula están instalados y añade enlaces a dichos módulos... cada opción es un arreglo también con cuatro campos:
1) Identificador de la zona actual (Nombre del módulo por defecto)
2) Texto del enlace -normalmente una constante multilenguaje que se define en los archivos /lang/***/global.php-
3) Enlace -construido con la función del API pnModURL o manualmente...
4) Arreglo de subopciones -este plugin no las usa por defecto-

Modificando las opciones de $menu es una primera aproximación.


Posición de bloques "navtop"
Si cambias el valor de usenavtop para usar un bloque (usenavtop = b), tienes que ir al Panel de Admin de Bloques, y crear una nueva posición llamada "navtop" (navegación superior). Luego creas un bloque de menú (menu, extmenu o menutree -recomendado-) y lo asignas a la posición 'navtop' a este bloque solamente. Entonces este bloque lo puedes administrar mucho más fácil, y gracias al trabajo de Erik Espaan, copiar las plantillas mejoradas para extmenu o menutree en tu Zikula (disponibles en la zona de descarga de BT) y configuras tu bloque con la plantilla y estilo que desees. Hay muchas opciones (horizontales y verticales) y bueno, las instrucciones están en inglés pero espero que no sea dificil entenderlas.

Entonces, ahi tienen dos opciones para manejar el menú de navegación good
Ahi me cuentan qué les parece, y si quieren, denle las gracias a Erik por su gran trabajo con los menús en el hilo donde los publicó: http://community.zikula.org/module-Forum-viewtopic-topic-55410-start-0.htm
wink


Mateo Tibaquira
-Mis principios... son mis fines-
gnrx

Colaborador
Colaborador
Mensajes: 1024

Enviado:
30.oct 2008 - 02:23

Como siempre, estupenda explicacion nestor good

Me pongo a hacer pruebas con ambas opciones, a ver que resultado obtengo y que dudas van surgiendo, asi a priori, bajo tu explicacion, se ve sencillo, ahora lo pondremos en practica a ver que tal.

Pero antes de iniciar las "practicas", alguna duda:
Opcion plugin:
Cita1) Identificador de la zona actual (Nombre del módulo por defecto)
2) Texto del enlace -normalmente una constante multilenguaje que se define en los archivos /lang/***/global.php-
3) Enlace -construido con la función del API pnModURL o manualmente...
4) Arreglo de subopciones -este plugin no las usa por defecto-

El punto 1, identificador de la zona actual (nombre del modulo por defecto).
Se refiere a que, si estas en esa zona o modulo muestre ese link?
De ser asi, deberiamos poner esa linea para todos los modulos que tenemos (es posible no haya pillado bien ese concepto).
Opcion 2 clara.
Opcion 3, segun el ejemplo, seria el enlace al modulo.
Opcion 4, sin comments, pues este pluggin no las usa por defectom xD.
Asi pues, si no me equivoco, un enlace a los foros basados en PNphpBB2 quedaria asi:
Código
  1. if (pnModAvailable('PNphpBB2')) {
  2.         $menu[] = array('forums',  _NAV_FORUMS,  pnModURL('PNphpBB2'), null);


Sobre la opcion de bloques "navtop".
Parece una opcion muy buena tambien porque permite su configuracion en horizontal y vertical.
Esa opcion me la voy a mirar con mas detenimiento haciendo pruebas en la cuenta de pruebas.

Un fuerte saludo wink





El cable e Internet

llobarret
avatar
Posteador de Bronce
Posteador de Bronce
Mensajes: 388

Enviado:
30.oct 2008 - 18:35

gnrx, si de esta no aprendemos por lo menos lo mas basico...... mas vale q nos dediquemos a la poesia (con todo el respeto a los poetas) neo


Pesca Y Pescar, Web de pesca deportiva en agua dulce y en el mar
Pesca Y Pescar
gnrx

Colaborador
Colaborador
Mensajes: 1024

Enviado:
31.oct 2008 - 01:47

Vaya que si llobarret, si no aprendemos de esta.....mas vale que nos dediquemos a otra cosa biggrin biggrin

Saludos wink



El cable e Internet

nestormateo
avatar
Administrador
Administrador
Mensajes: 1483

Enviado:
31.oct 2008 - 07:37

Jajajajajajajaja
La poesía enriquece el alma, sería un buen oficio y arte a practicar paralelamente a estas cosas de las Webs biggrin jejejeje

El código que pones gnrx, era el que usaba antes de la revisión 320, mira como está el menú ahora en la última revisión: /blanktheme/plugins/function.bt_userlinks.php

El if(pnModAvailable ...) se lo pueden quitar, pues si ya saben que el Módulo está instalado, pues no hay problema, pero BlankTheme en general necesita verificar que el módulo esté para no poner el enlace en vano wink .

vale pues gnrx y llobarret, miren este ejemplo:
Digamos que en un sitio yo tengo News, FAQ, pnForum y Formicula. Todos los maneja el master.htm porque no le tengo plantilla especial a ninguno, sólo el home.htm, entonces yo usaría un menú en el plugin de esta forma:

Código
  1. $menu   = array();
  2. $menu[] = array('home',        _NAV_HOME,    pnGetBaseURL(), null);
  3. $menu[] = array('News',        _NAV_NEWS,    pnModURL('News'), null);
  4. $menu[] = array('FAQ',          _NAV_FAQ,     pnModURL('FAQ'), null);
  5. $menu[] = array('pnForum',   _NAV_FORUMS,  pnModURL('pnForum'), null);
  6. $menu[] = array('Formicula',  _NAV_CONTACT, pnModURL('Formicula'), null);


Bueno, esto en la revisión 318 en adelante, porque antes usaba un identificador como 'forums', pero ahora es mejor usar el mismo nombre del módulo (o la seccion especial como home) para marcar el enlace como activo.
Prueben y comentan la experiencia good


Mateo Tibaquira
-Mis principios... son mis fines-
Krator
avatar
Posteador de Bronce
Posteador de Bronce