Cambiar colores de plataforma
Número de respuestas: 4
Re: Cambiar colores de plataforma
Hola ivan,
para cambiar el aspecto de tu moodle, debes duplicar uno de los estilos que tiene el moodle por defecto, dentro de la carpeta themes, y cambiar los css (ahí podrás cambiar el color) y los archivos header.html y footer.html.
Algunas veces es necesario eliminar los archivos temporales antes de actualizar para visualizar los cambios.
Saludos!
Re: Cambiar colores de plataforma
Hola!
Espero puedan ayudarme con estas dos consultas.
¿Cómo puedo insertar un logotipo o imagen a la plataforma de mi curso?
¿Se pueden modificar los colores y no utilizar los que están por defecto?
Re: Cambiar colores de plataforma
Asumiendo que tienes presente la documentación de Moodle al respecto ( http://docs.moodle.org/es/Conceptos_b%C3%A1sicos_temas)
Deberias edita el archivo header.html , supongamos que te basas en el tema standardlogo,
deberias buscar esto :
Esto lo que hace es buscar un logo.jpg en el dir raiz, luego sino existe busca un logo.gif, si no lo encuentra busca en $CFG->dataroot.'/1/ que es el directorio de archivos de la pagina principal , y por ultimo busca dentro del directorio del tema, poniendo el logo vuestro antes del tema, ya te puede funcionar, tambien puedes modificar el archivo para que despliege directamente el tuyo.
No te olvide que hay dos logos, uno que se usa para la pagina principal (if ($home) is true ) y otro para cuando no estamos en la pagina ppal y se debe mostrar un encabezamiento (if ($heading) is true ) el cual deberia ser un poco menor)
En cuanto a los colores, debes editar los archivos de hojas de estilo CSS , los cuales estan separados en tres para cada recurso
- styles_layout.css
- styles_fonts.css
- styles_color.css
Suerte con los cambios, luego envianos la URL para poder ver cuan bonito te a quedado.
Re: Cambiar colores de plataforma
Comcé utilizando los código de estilos que se usan en el hi5 o myspace, despues los fuí acomodando a la plataforma.
Por ejemplo he usado este código para comenzar:
) white repeat fixed; } table, .heading_profile, .heading_profile_left, table td, #p_container, #p_nav_primary, #top_header, #p_nav_header { background-color:transparent !important;border-width:0px } </style>