Saludos a todos...tengo un problemilla no se como actualizar las paginas .php por ejemplo quiero cambiar un poco el texto de la pagina de registros de usuarios,entre otras, pero no sé como hacerlo...
Agradeceria si alguien lo ha hecho me explicara un poco...
Gracias de antemano 
Hola
Myriam.
El cambiar
las páginas PHP conlleva a otros problemas futuros, como el hecho de actualizar
u versión de MOODLE estos cambios se perderán, la mayoría de las modificaciones
se realizan generando un tema nuevo, pero en algunos casos es importante
hacerlos a las páginas PHP directamente cuando queremos ajustar la información
a nuestro gusto. Yo cambie muchas de las páginas pero el cambio principal se efectúa
en las librerías , si me cuentas que es lo que quieres específicamente te podría
ayudar, yo tengo modificada una versión de moodle 1.2.Beta en www.uved.fuac.edu.co, puedes verla y me
cuentas .
Excelente la personalización de tú sitio moodle, exactamente eso es lo que quiero modificar un poco la interfaz de la aplicación (quizas no tanto como lo hicistes tú 
) ...dime como comienzo...Jimmy
Saludos Miriam Verónica
), para cambiar los estilos y comportamientos puedes variar el archivo styles.php
Jimmy
No entiendo que quieres decir con:
tambien puedes variar los iconos dela interfaz asumiendo el valor true en la variable $THEME->custompix), para cambiar los estilos y comportamientos puedes variar el archivo styles.php
Quizá me lo puedas explicar de otra manera si no es mucha molestia.
PD. Gracias por la importante información que nos estás suministrando para realizar un Tema nuevo
Saludos
Hola Minor.
Con respecto a tu duda, es sencillo la interfaz de moodle puede ser cambiada mediante un tema, pero a este también se le pueden cambiar los iconos, para ello solo tendrás que copiar el directorio pix que se encuentra en el tema llamado cordoroyblue a tu tema particular, para que moodle asuma este directorio como base de las imágenes tendrás que cambiar en el archivo config.php de tu tema el estado de la variable $THEME ->custompix = false ; a $THEME ->custompix = true ; ahora puedes cambiar las imágenes de tu directorio pix, ten en cuenta que tienes que copiar los iconos de todos los módulos que tengas instalados en el directorio /pix/mod/
Con respecto a los comportamientos visuales moodle posee un archivo llamado styles.php el cual es una hoja de estilos tipo CSS, en este archivo puedes modificar los colores y comportamientos de los hipervínculos, de las tablas, de los formularios, puedes usar cualquier programa de estilos para modificarlo, yo empleo TopStyles 3, algunos colores se llaman directamente de las variables $THEME que se encuentran en el archivo config.php de tu tema.
Jimmy:
Qué es TopStyles 3? Yo he utilizado hojas de estilo pero en Dreamweaver
gracias
Hola Jimmy,
Felicitaciones Jimmy por tu grandiosa trabajo, quisiera saber si es posible obtener una copia de tu curso "Manejo de la Plataforma UVED", Otra pregunta me gustaria hacer lo que hiciste con el modulo de contac.php en tu pagina como podria hacer algo parecido tal vez con más campos y que el pueda seleccionar del main menu como tu lo tienes y luego ir al modulo de contact .Ademas si añado tu Theme es igual que los Themes de Moodle que solamente debo seleccionarlo y ya y los Pics tuyo se mostraran. Claro esta activando en config.php el custompix.
Esperando tu cordial respuesta,
Juan Martinez
Rep. Dom.
Hola Juan,
Ante todo gracias por tus palabras, déjame contarte que el curso Manejo de la plataforma UVED aun no va ni en la mitad, y entre hacer tutóriales administrar mi servidos, hacer dibujitos y escribir documentos no me ha quedado mucho tiempo para dedicarle, así que ni siquiera he hecho una copia del curso para guardarla como backup,
Por otra parte quisiera que me contaras que es lo que deseas del contac.php ya que si te das cuenta el aula virtual ósea moodle se encuentra alojada en www.uved.fuac.edu.co/moodle y la página a la que haces referencia esta en la raiz, claro que para que el mail de navegación la muestre es muy fácil, solo hay que seguir llamando el header y el footer del tema en las páginas exteriores, pero creo que eso lo abordaremos después de realizar esta actividad.
Con respecto a las imágenes y al tema UVED, la respuesta es no, el tema que empleo en el mi sitio esta modificado un poco más allá de los limites de los temas, he cambiado los parámetros de las imágenes en algunas de las librerías para que se muestren de 32pixeles y los he cargado directamente al directorio pix de moodle.
Hola Jimmy,
En relación al modulo contac.php lo que me gustaria es hacer lo que tengo es estos archivos de excel sobre este foro que abri en la sgte dirección http://moodle.org/mod/forum/discuss.php?d=8367 y si me puedes ayudar en esto que es algo similiar a lo que tienes en ese modulo estare totalmente agradecido.
Además cualquier ayuda que necesites para preparar el tutorial cuenta conmigo.Ya sea con las traducciones o otra cosa.
Gracias anticipadas,
Juan Martinez
República Dominicana
Hola Jimmy,
En relación al modulo contac.php lo que me gustaria es hacer lo que tengo es estos archivos de excel sobre este foro que abri en la sgte dirección http://moodle.org/mod/forum/discuss.php?d=8367 y si me puedes ayudar en esto con la hoja de prematricula o matriculacion que es algo similiar a lo que tienes en ese modulo estare totalmente agradecido .
Además cualquier ayuda que necesites para preparar el tutorial cuenta conmigo.Ya sea con las traducciones o otra cosa.
Gracias anticipadas,
Juan Martinez
República Dominicana
Mi estimado Juan.
Mira que no me he olvidado de esta tarea, ya cree los formularios en Html, pero me asalta una pregunta, necesitas que los datos del formulario se envíen directamente por un sistema de correo electrónico o requieres que se almacenen en una tabla de la base de datos.
Espero poder colaborarte esta semana, ya que la próxima me desplazare a un congreso sobre Linux en Sucre Bolivia y no regresare hasta después del 13 de agosto, espero pueda encontrarme con alguien que trabaje con moodle.
Es posible
que quieras agregarle algo más a tu interfaz como imágenes intercambiables o
algún código escript de adicional para
tu tema, en este caso debes agregarlo directamente en el header, anexo copia
del archivo header.html que se encuentra en mi sitio.
Faltan las imagenes, pero por ahora no es importante, por ahora miremos el código.
Imaginémonos que nuestro esquema visual corresponde a una tabla que contiene una columna y tres filas, la primera fila es lo que denominaremos header.html la segunda es donde se vera el contenido del sitio y la tercera es nuestro footer.html.
En otras palabras nuestro esquema seria algo así:
<table width=100%>
<tr>
<td>Nuestro header</td>
</tr>
<tr>
<td>Nuestro cuerpo de contenido</td>
</tr>
<tr>
<td>Nuestro foother</td>
</tr>
</table>
Ahora bien, vamos por partes: que debe ir en cada archivo, en el header.html lo siguiente:
<table width=100%>
<tr>
<td>Nuestro header</td>
</tr>
<tr>
<td>
.
.
.
.
y en el Foother.html lo restante:
</td>
</tr>
<tr>
<td>Nuestro foother</td>
</tr>
</table>
Claro esta que no necesariamente este es el procedimiento ideal para muchos, pero les ayudara a imaginar como se comporta un tema y como distribuirlo fácilmente, sabemos bien que dentro de una celda en una tabla es posible alojar mas tablas y otros elementos, así que solo es un proceso de aumentar la complejidad del ejercicio.
Para crear las tablas o los objetos no tienen ningún problema en si se desarrollan en un editor como dreamweaver y posteriormente migrarlo al archivo deseado en el tema.
Para todos aquellos que les interese envió copia de mi tema, no deben tener mayores inconvenientes en su instalación solo copiar y pegar, jajajaj y por supuesto seleccionarlo en el área de administración.
Jimmy:
Instalé el tema UVED.ZIP. Y ahora estoy tratando de Instalar el Tema UVED 2004 pero no puedo ingresar al área de Administración, ya que no logro poner la página principal en modo de edición.
Que puedo hacer?
Gracias
Si ya te has registrado como administrador y deseas cambiar de tema solo tienes que remitirte a http://tu_sitio/tu_aula_moodle//theme/index.php y de este modo escoger el tema que deseas, no comprendo.
Lo de activar la edición para reemplazar el tema, Pero dime como te fue con la instalación del teme UVED y si lograste instalar el UVED_2004 , en teoría solo debes descomprimir los archivos en el directorio theme y posteriormente como administrador seleccionar uno de ellos, de hecho el tema que estamos creando ya lo instale en un hosting y funciono sin problema, quisiera que fueras más especifico con tu inconveniente.
Hola a todos:
Veo que este foro tiene ya algunos años, pero me está ayudando bastante para poder personalizar mi moodle.
Ingresé al sitio actual de la Universidad de Colombia y es realmente un trabajo excepcional, mis felicitaciones al desarrollador, que supongo seguirá siendo Jimmy.
Me gustaría saber si existe la posibilidad de obtener el theme actual de la Universidad, ya que sería bueno poder implementar algo parecido en el sitio de Moodle que estoy desarrollando.
Si es que existe esta posibilidad, por favor, podrían subirlo?
Desde ya, muchas gracias
Marisa
Hola Jimmy
Al igual que Myriam estoy muy interesado en aprender como personalizar de manera gráfica el Moodle. Vi tu sitio en www.uved.fuac.edu.co y me parece un diseño muy agradable.
Así que te cuento que estaré al tanto de los consejos que nos puedas dar para personalizar la apariencia de Moodle
Saludos desde Costa Rica
Gracaias Jimmy por tu buena voluntad para ayudarnos a mejorar el Look del Moodle.
Creo que Mirian y Minor anda en lo mismo que yo.
Desde ya van las gracias por todas las sugerencias que tu nos puedas hacer
Saludos
Roberto
holas amigo soy nuevo en esto de moodel y estoy montando una plataforma pero e querido moficar un tema y no e podido hacerle nada estoy un poco desesperado con esto no c si podrias darme algunos cursos en linea plis mi correo es saguitario_hec@hotmail.com tal y como esta escrito de ante mano muchisimas gracias
Usa la documentación y los foros http://docs.moodle.org/dev/Themes_FAQ.
Hola Myriam.
Es posible que quieras cambiar el lenguaje de tu sitio, esto te ayudara a darle un sentido diferente a las actividades y recursos de tu sitio para esto solo tienes que ingresar por administración->Idioma->compare y edite el presente idioma. De esta forma puedes cambiar los esquemas del lenguaje y ajustarlo a tus necesidades.
Bueno compañeros vamos a ver como nos va, intentaremos crear una interfaz para moodle con el siguiente esquema visual y espero que les agrade, lo denominare UVED2004 no esta mal
La imagen original tiene 592 pix de ancho asi que tendremos hacer varias cosas, primero determinar cuales son las regiones que emplearemos como header, y footer entre otras.
Jimmy:
Me parece excelente la idea de desarrollar un tema como caso práctico.
Saludos
Jimmy:
Para ver si estoy en lo correcto:
Uno pude desarrollar el fondo del tema en un programa como Photoshop o Macromedia Fireworks. Luego lo que hace es partir esa imagen en partes.
Es eso correcto?
Posteriormente esas imágenes formarán parte del fondo de una tabla
Saludos
Lo que intentamos hacer es algo muy sencillo, debemos crear un marco visual para nuestro moodle de esta forma no atacaremos la aplicación como tal, esto nos permitirá actualizar nuestras versiones de moodle sin mayores inconvenientes en el futuro, ya se habrán dado cuenta que moodle se ejecuta dentro de una tabla la cual posee tres columnas, lo que hacemos es introducir esta tabla dentro de un referente visual
Podemos crear nuestro referente visual en lo que deseen y del tamaño más conveniente, en algunos casos las imágenes se deben diseñar de tal forma que podamos mantener nuestro esquema con cualquier tamaño de la ventana del navegador, o que mantenga la misma forma y diseño en cualquier resolución de pantalla o ajuste de la ventana al usuario. La herramienta de diseño a emplear tu la seleccionas dentro de lo que mejor manejes, pero el resultado es similarEscogeremos un tema para modificar, algunas veces es más fácil, puede ser standardwhite así que lo primero es crear una copia de este tema y guardarlo con un nombre diferente en nuestro directorio Theme.
Este tema es básico y podremos adecuarlo a nuestras necesidades, solo tiene un archivo gráfico llamado gradient.jpg el cual se emplea para los encabezados de las tablas en los bloques, tenemos nuestro icono favicon.ico nuestros archivos header y footer.html y los config y styles.php, lo primero será determinar el directorio donde alojaremos las imágenes de nuestro tema, así que crearemos el directorio images, claro que pueden llamarlo como quieran.
Observemos el archivo header.html, lo que nos interesa modificar realmente es lo que se encuentra entre las etiquetas <body> ahora lo primero es identificar cuales son las variables php a tener en cuenta, visualícenlas porque se encuentran encerradas dentro de etiquetas <?php ?> como por ejemplo <?php echo $menu ?> . Observen que el header se divide en dos partes por medio de una condición if .
Veamos que las rutas a los archivos del tema se realizan de forma dinámica mediante una variable que define esta ruta, lo podrán apreciar por la siguiente cadena <?php echo "$CFG->wwwroot/theme/$CFG->theme" ?> entonces podrán imaginarse que para referenciar las imágenes del tema la cadena que se empleara será <?php echo "$CFG->wwwroot/theme/$CFG->theme/images" ?> .
Por otro lado nuestro footer esta aún más sencillo en este se deben cerrar nuestras etiquetas </body></html> ahora veremos como creamos los archivos correspondientes.Estimado Jimmy, serìa ideal que pudieras (dentro de tu tiempo, por supuesto) prepararte un pequño tutorial de como poder cambiar el Look al moodle. Creo que muchos te lo agradeceran, partiendo por mi.
Gracias por tus aportaciones, creo que sirven de mucho.
Roberto
Hola Roberto.
Me parece un buen ejercicio lo que me planteas seria interesante dedicarle un poco de tiempo, a escribir algo, claro esta que este foro podría darnos ideas para el documento base de la creación de temas.
Jimmy
Este segundo paso no lo entendí. Si no es mucha molestia quizá lo puedas explicar de una manera más sencilla.
GRACIAS
Mi estimado Minor.
Con respecto al paso dos, nos referimos a identificar los archivos del tema que hemos escogido como base del nuevo, así como visualizar las variables PHP que se encuentran dentro de los archivos header y footer.html, lo ideal es visualizar el código de los archivos con un editor que te permita diferenciar las etiquetas y variables mediante código de colores, yo empleo PHPed pero con el visor de código de Dreamweaver conseguirás lo mismo, debes identificar las variables PHP que se encuentran entre las etiquetas <?php y ?> las cuales procuraremos no modifica ni eliminar por supuesto.
Para cambiar los colores de algunas áreas de la interfaz de moodle y hacerlas mas cercanas a la interfaz que hemos desarrollado, pueden variarlas en el archivo config.php es este lugar los colores están dados por códigos hexadecimales precedidos por el símbolo # estos códigos hacen parte de la gama RGB y muestran una escala desde el 00 al FF por cada uno de los componentes: Rojo, Verde y Azul, así un rojo puede estar dado por un código #ff0000 que significa mayor tono en R y nulo en G y en B, .
Un quinto paso
Podríamos cambiar los comportamientos de estilo en el archivo styles.php pero esto ya se los dejo a su imaginación, al igual que en el anterior paso, pueden variar los colores de los vínculos, de las celdas, los efectos visuales de los formularios, cambiar la forma de los botones de los formularios, en fin cualquier cantidad de mejoras de estilo, pero les sugiero emplear un programa para editar y crear hojas de estilo, así podrán explotar al máximo esta ayuda visual en pro del mejoramiento de su sitio.
Bueno ya hemos visto como un tema puede ir adquiriendo complejidad y al mismo tiempo no es tan difícil como parecía en un principio aquí les adjunto el tema que hemos creado el día de hoy, espero retomar el tema pronto para terminar de hacer lo que nos falta pero no se cuando pueda, mañana estaré en el Congreso Colombiano de Informática Educativa que termina hasta el viernes, y bueno creo que hasta el lunes retomaremos lo que llevamos hasta el día de hoy.
Chicos que interesante poder interactuar con ustedes y aprender de lo que todos ustedes me enseñan. Yimmi tus aportes son fabulosos y me están sirviendo demasiado, espero poder aprender más de ti y de mis otros compañeros... Mil gracias por sus aportes y desde ya voy a seguir estos consejos para personalizar el sitio moodle de mi Universidad...
! Te lo has currado mucho y con buen gusto estético.Revise este tema anteriormente y visité tu sitio web, luego regresé a ver otros datos, y mientras más personalizo mi sitio, más te admiro.
Felicitaciones nuevamente....
Concuerdo plenamente con Pedro y todos los que te han felicitado. Para mi es el mejor sitio Moodle que he visto. Me llama mucho la atención la calidad de las imágenes, en especial las de "Noticias", "Actividades", "Documentos", etc. Partes de una buena imagen descargada de alguna biblioteca y luego la modificas a tu criterio? He visto algunas que son similares al sitio de Apple. Existe alguna colección de buenas imágenes que sea gratuita para el desarrollo de sitios Web? Las que vienen con Dreamweaver, Office, etc. a mi juicio, no son atractivas en su gran mayoría.
Gracias por tu respuesta e inspiración!
Hola Jimmy!
Se puede usar las imagenes copiadas de otros sitios sin pedir permiso o sin pagar?
en Europa la norma es bastante estricta ahora, y personalmente me veo como muy limitado para usar la información de internet salvo todo lo que se refiere al copyleft (pero aún no he encontrado muchas cosas).
Saludos!
Marc.
Enhorabuena por tu web!
Gracias por tu respuesta Jimmy.
Buscaré en esas webs.
Cuando pesa tu primera página donde los alumnos tienen que entrar su cuenta? Igual podrías optimisar un poco más la información de la derecha, hace que la página tarda un poco en cargarse.
Un saludo!
Marc.
Hola Jimmy:
En cuestion de imagenes sin estar protegidas por los derechos de autor he encontrado este sitio...a ver que te parece:
Saludos...Jorge
PD: Hay tambien protegidas pero lo señalan con un simbolo.
)jejeje suerte que no tienen nada en contra de nosotros...
... no importa chicos esta bien, para que les voy con cuentos... los diseñadores muy poco sabemos de programacion y a veces no sabemos que cosas se pueden hacer o no o como mezclar lo que es de diseño con todos estos codigos que nos parecen chino mandarin... y por otro lado quiero felicitar a la estrella de este foro porque se ha pasado enseñandonos a todos como poder arreglar la cara de nuestros moodles, por el tiempo de explicar tan detalladamente como conseguir algo bueno... ahora ya se cuanto se puede hacer y como dejar a toda nuestra universidad con la boca abierta para la proxima actualizacion... chaus
