Diseño web Joomla
Si tiene un proyecto para internet, sepa que desde Diseño web Joomla realizo diseño web, web movil vea el portafolio web y la pagina de e-commerce.
Tambien puede consultar la web optimizada para telefono movil: diseño web, web movil
Curso Joomla
Imparto cursos sobre Joomla, busque más información en la página del link.
Manual plugins Joomla

Todos los manuales sobre plugins de Joomla 1.5
Ultimos comentarios
  • Wrapper Joomla
    Ciao Estamos fuera del tema del articulo, de todos modos no lo conseguiras hacer desd...
    de Federico Piccoli
  • Wrapper Joomla
    hola a todos, yo soy nuevo usando joomla y tengo un pequeño problema con los wrapper ...
    de jhon_p
  • Phoca Download y Phoca Gallery...
    Ciao Depende, si estamos hablando del template del sitio estara en template/NOMBREDEL...
    de Federico Piccoli
  • Phoca Download y Phoca Gallery...
    Cual seria la etiquete o la linea del archivo css donde esta el color del fondo gener...
    de rbriann
Manuales Joomla Movil
Manuales Css y Templates Joomla
Manuales sobre servidores

Para ver todos los manuales acerca de servidores
Manuales Posicionamiento web
Manuales Temas Diversos
Búsqueda general
Web
Video tutorial Joomla ES
Curso Joomla
Web movil
Login
Recordarme

EventList Calendar Module: conjuntar con Template

Visitas: 3126
Template Joomla
Lunes, 04 de Enero de 2010 16:04

Artículos complementarios:

Instalar Eventlist y configurar Eventlist
EventList Calendar Module: instalar mod_eventlistcal15q
Integrar Joomfish y Eventlist
Eventlist content plugin
 





La grafica de EventList Calendar Module se puede personalizar para coordinar el calendario al Template, esto es posible puesto que el modulo tiene un fichero Css propio. Recién instalado el módulo quedaría así:


pero, como que no me gusta, vamos a chafardear un poco, abrimos el fichero  \modules\mod_eventlistcal15q\mod_eventlistcal15q.css con un editor de textos cualquiera (Notepad, Dreamweaver, etc...)

Título del Calendario: el título del calendario se encuentra en la clase .tool-title dejaremos el color de fondo pero cambiaremos lo demás, por tanto buscaremos las instrucciones de las flechas celestes para cambiar de mes y cambiamos la instrucción original color: #DFEFFF; por color: #97DF16; para que sea del mismo color verde que el resto de links de la página.
El tipo de letra y el color blanco del més están en la clase .eventcalq th.mod_eventlistcalq_daynames y son:
font: bold 12px/20px "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; y color: #ffffff; vamos a poner el mismo tipo de letra y color que el resto del template, por tanto cambiamos a font: bold 12px/20px Tahoma, Arial, Verdana, Helvetica, sans-serif; y color: #97DF16; y el fondo lo pondremos en gris obscuro con el mandato background: #333333;

En las casillas sin eventos del día o clase .eventcalq td.mod_eventlistcalq_caltoday vamos a cambiar los colores de fondo y los colores y anchura de los bordes,  encontramos:
    border-right: 1px solid #A2ADBC;
    border-bottom: 1px solid #A2ADBC;
    background-color: #F0F8FF;
lo dejaremos:
    border-right: 2px solid #97DF16;
    border-bottom: 2px solid #97DF16;
    background-color: #777777;

Ahora lo mismo en las casillas con día en las que, además, vamos a agrandar los números para que se vean mejor, vamos a las clases .eventcalq td.mod_eventlistcalq_caldaylink, .eventcalq td.mod_eventlistcalq_caltodaylink
    font: bold 11px/20px "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
    border-right: 1px solid #A2ADBC;
    border-bottom: 1px solid #A2ADBC;
    background-color: #EFEFEF;
las instrucciones quedarán así:
    font: bold 13px/20px "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
    border-right: 2px solid #97DF16;
    border-bottom: 2px solid #97DF16;
    background-color: #333333;

y el resultado será este:


ostras me he olvidado el borde izquierdo, vamos a la línea 12
    border-left: 1px solid #A2ADBC;
y la cambiamos por
    border-left: 2px solid #97DF16;

ahora si:


el original:


distinto eh!!!
Aqui habéis visto alguna de las clases del fichero del Css y a que zona corresponden en el calendario, a partir de aqui, además de cambiar el texto, fondo, bordes, como he hecho yo podéis cambiar lo que queráis vosotros con el fin de personalizar el calendario a vuestro gusto
 

Comentarios  

 
#2 RE: EventList Calendar Module: conjuntar con Template — Federico Piccoli 10-11-2010 16:33
Ciao

És posible, para conseguirlo tienes que crear una clase Css para festivos y otra para laborables en el archivo Css, pero sobretodo debes modificar el php del componente (y del modulo) para que distinga los festivos de los laborables y le envíe la información al Css
 
 
#1 Tener dos colores en calendario — 10-11-2010 12:21
Hola:
Tengo instalado en mi portal EvenList y me gustaría saber si se pueden cambiar los colores de los eventos por categorias.

Ejemplo:
Yo marco en mi calendario los festivos y también las reuniones, el problema es que todos estos eventos tienen el mismo color en el calendario.
Me gustaría poner por ejemplo los festivos en rojo y las reuniones en azul.

¿Es posible o algun truco?
Gracias.
 

Video Tutorial Joomla: manuales de componentes, modulos y plugins de Joomla
Copyright © 2008 - 2012 Video tutorial Joomla - Todos los derechos reservados