| Tema: | Personalizando BlankTheme |
|---|---|
|
gnrx
Colaborador
Mensajes: 1024 Enviado: |
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 |
|
nestormateo
Administrador
Mensajes: 1483 Enviado: |
Bien! seguro que de este hilo vamos a sacar un muy buen manual de BlankTheme. Ojalá Krator se nos una al propósito 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! CAMBIARLE EL ANCHO A LA PÁGINA En la línea 78 del /styles/screen/basemod.css, vas a ver esto: 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% 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 Mateo Tibaquira
-Mis principios... son mis fines- |
|
gnrx
Colaborador
Mensajes: 1024 Enviado: |
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 Bueno, vamos empezando ir dandole a la tecla, xDD. Me tomo nota del proceso que haces cuando diseñas un theme basado en BlankTheme 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 :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: 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 P.D. Tu nota, me ha venido como anillo al dedo para localizar muchas cosas editado por: gnrx, 24 Sep, 2008 - 04:51 |
|
nestormateo
Administrador
Mensajes: 1483 Enviado: |
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 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 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? 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 Mateo Tibaquira
-Mis principios... son mis fines- |
|
Krator
Posteador de Bronce
Mensajes: 242 Enviado: |
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: 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. 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: 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: 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
Mensajes: 1024 Enviado: |
No más preguntas, señoria 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 Como bien dices, esta sección, merece toda una página del manual 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 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 Salu2 Edito: Tarde en darle al Enviar y no si la contestación de Krator, que ya se ha unido a la causa 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 editado por: gnrx, 24 Sep, 2008 - 09:12 |
|
Krator
Posteador de Bronce
Mensajes: 242 Enviado: |
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
Administrador
Mensajes: 1483 Enviado: |
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 .Ahora edito este post para ampliar la info sobre configuraciones y plantillas en Xanthia Mateo Tibaquira
-Mis principios... son mis fines- |
|
gnrx
Colaborador
Mensajes: 1024 Enviado: |
Ok, entiendo 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 |
|
nestormateo
Administrador
Mensajes: 1483 Enviado: |
Bueno, sigamos que ya me he desocupado de unos deberes que me tenian preso desde ayer 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 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! Mateo Tibaquira
-Mis principios... son mis fines- |
|
rufo_22
Habitual
Mensajes: 72 Enviado: |
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
|
|
gnrx
Colaborador
Mensajes: 1024 Enviado: |
Jelou!!! No me habia olvidado de este post , estuve liado con unas cosas y tuve poco tiempo 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 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: 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: 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 |
|
nestormateo
Administrador
Mensajes: 1483 Enviado: |
@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? 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 @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 Mateo Tibaquira
-Mis principios... son mis fines- |
|
gnrx
Colaborador
Mensajes: 1024 Enviado: |
Ok nestor, releido ese post y con las pruebas que hice ayer, ahora lo veo mas claro 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 Estare un par de dias off line, pero luego retomamos el tema Un saludo |
|
rufo_22
Habitual
Mensajes: 72 Enviado: |
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
|
|
rufo_22
Habitual
Mensajes: 72 Enviado: |
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
|
|
rufo_22
Habitual
Mensajes: 72 Enviado: |
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
|
|
nestormateo
Administrador
Mensajes: 1483 Enviado: |
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 Mateo Tibaquira
-Mis principios... son mis fines- |
|
rufo_22
Habitual
Mensajes: 72 Enviado: |
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
|
|
nestormateo
Administrador
Mensajes: 1483 Enviado: |
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: 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: y sería 21 (izquierda-centro) nc (sin bloques centrales) qué tal todo esto eh? Mateo Tibaquira
-Mis principios... son mis fines- |
|
Krator
Posteador de Bronce
Mensajes: 242 Enviado: |
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
Administrador
Mensajes: 1483 Enviado: |
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 Mateo Tibaquira
-Mis principios... son mis fines- |
|
rufo_22
Habitual
Mensajes: 72 Enviado: |
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 Albert. |
|
nestormateo
Administrador
Mensajes: 1483 Enviado: |
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 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 Mateo Tibaquira
-Mis principios... son mis fines- |
|
rufo_22
Habitual
Mensajes: 72 Enviado: |
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 ) 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 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
Administrador
Mensajes: 1483 Enviado: |
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 )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: 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. 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: 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 Mateo Tibaquira
-Mis principios... son mis fines- |
|
gnrx
Colaborador
Mensajes: 1024 Enviado: |
Jelou!! Por aqui ando de nuevo después de finalizar ciertas cosas que tenia pendiente Las explicaciones nestor, aclaratorias y muy buenas como siempre 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. 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 aunque yo nunca he manejado SVN...creo debere sentarme con tranquilidad y ver que tal se me da el manejo, pero miedo me da Un fuerte saludo |
|
nestormateo
Administrador
Mensajes: 1483 Enviado: |
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. La respuesta la has dado tu aunque yo nunca he manejado SVN...creo debere sentarme con tranquilidad y ver que tal se me da el manejo, pero miedo me da 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 Saludos! Mateo Tibaquira
-Mis principios... son mis fines- |
|
gnrx
Colaborador
Mensajes: 1024 Enviado: |
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? 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 Saludos! 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 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 |
|
nestormateo
Administrador
Mensajes: 1483 Enviado: |
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:
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 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 Mateo Tibaquira
-Mis principios... son mis fines- |
|
gnrx
Colaborador
Mensajes: 1024 Enviado: |
Como siempre, estupenda explicacion nestor 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: 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:
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 |
|
llobarret
Posteador de Bronce
Mensajes: 388 Enviado: |
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) |
|
gnrx
Colaborador
Mensajes: 1024 Enviado: |
Vaya que si llobarret, si no aprendemos de esta.....mas vale que nos dediquemos a otra cosa Saludos |
|
nestormateo
Administrador
Mensajes: 1483 Enviado: |
Jajajajajajajaja La poesía enriquece el alma, sería un buen oficio y arte a practicar paralelamente a estas cosas de las Webs jejejejeEl 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 .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: 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 Mateo Tibaquira
-Mis principios... son mis fines- |
|
Krator
Posteador de Bronce
|