Hola saludos quisiera que me ayudaran , resulta que debo cambiar el encabezado (header) de moodle y me ha sido muy complicado, aunque encontre el header.html dentro de themes,este se trabaja con porcetajes (%), por lo cual me es dificil colocar una imagen y cambiar asi el encabezado de moodle..
pido ayuda o sugerencias para quienes lo hayan hecho
saludos gracias.......
Si deseas poner tu logo en la pantalla de inicio, supongo que estarás utilizando el tema theme\standardlogo. En este caso sólo tienes que sustituir el fichero logo.jpg de ese directorio por el el tuyo.
Suerte
Vicent Grau
Saludos mas que cambiar solo el logo necesito cambiar todo el header ..... como te conte se cual es el archivo en que hay que hacer arreglos , pero lo trabajan con porcentajes lo cual me es complicado colocar ahi una imagen o un header entero hecho por mi .... me entiendes....
pido sugerencias...
saludos byeeeeee...
pido sugerencias...
saludos byeeeeee...
Hola Diego.
El fichero header.html contiene la configuración de las cabeceras y puedes cambiarlo a tu gusto. Si te fijas, se define una tabla para la cabecera de la página principal y otra distinta para el resto de páginas. Cambia las tablas y su contenido para que muestren las imágenes que deseas. Sólo hay que cambiar el código html.
Lo de trabajar en porcentajes es para que la cabecera se adapte a las distintas resoluciones de pantalla (800x600, 1024x768,...).
Hola Vincent:
Importante aporte haces al mencionar esto del tema. Creía que cualquiera de los temas incluía la posibilidad de un logo en él. Veo que solo el tema standardlogo, permite esto.
Estuve buscando un rato, primero en la configuración de Moodle -> Configurar página y luego andube por el excelente HOWTO de Antonio Vincent. Sería muy bueno agregarle éste, lo de la configuración de una cabecera. Al menos yo no encontré nada que haga referencia a esto en el manual.
Sería bueno contar con algún modo de edición de la cabecera, en formato html (se podría editar con la utilidad "editor html"), cosa de poder hacerle un vínculo a la imágen (por ejemplo a la página principal), o poner un menú. En mi caso, para esto del menú habia hecho una página con frames, de manera tal que la cabecera estaba en el frame superior (alli estaba el logo, el menú, y un link a otro sitio). Los vínculos del menú apuntaban al frame principal. Esto me permitía tener, no solo el Moodle, en el frame principal, sino intercambiarlo con otros, como un calendario, un mapa de horarios en tiempo real, un formulario, etc. He de aquí que el frame superior quedaba siempre presente (con el logo y el menú) por lo que retornar o ir a cualquier vínculo del menú, era muy sencillo.
Por lo que veo el logo solo aparece en la página principal, no así en las restantes, por lo que hacerle un vínculo al logo carece de sentido en este momento. Sería interesante, hacer que el logo apareciera siempre en cualquiera de las páginas. De esta manera, también tendria sentido agregarle el menú. ¿Se podrán ver otras páginas, como incluidas dentro de Moodle? He podido hacerlo con los manuales de los cursos, pero no se si podré hacerlo desde un menú.
Resumiendo:
Importante aporte haces al mencionar esto del tema. Creía que cualquiera de los temas incluía la posibilidad de un logo en él. Veo que solo el tema standardlogo, permite esto.
Estuve buscando un rato, primero en la configuración de Moodle -> Configurar página y luego andube por el excelente HOWTO de Antonio Vincent. Sería muy bueno agregarle éste, lo de la configuración de una cabecera. Al menos yo no encontré nada que haga referencia a esto en el manual.
Sería bueno contar con algún modo de edición de la cabecera, en formato html (se podría editar con la utilidad "editor html"), cosa de poder hacerle un vínculo a la imágen (por ejemplo a la página principal), o poner un menú. En mi caso, para esto del menú habia hecho una página con frames, de manera tal que la cabecera estaba en el frame superior (alli estaba el logo, el menú, y un link a otro sitio). Los vínculos del menú apuntaban al frame principal. Esto me permitía tener, no solo el Moodle, en el frame principal, sino intercambiarlo con otros, como un calendario, un mapa de horarios en tiempo real, un formulario, etc. He de aquí que el frame superior quedaba siempre presente (con el logo y el menú) por lo que retornar o ir a cualquier vínculo del menú, era muy sencillo.
Por lo que veo el logo solo aparece en la página principal, no así en las restantes, por lo que hacerle un vínculo al logo carece de sentido en este momento. Sería interesante, hacer que el logo apareciera siempre en cualquiera de las páginas. De esta manera, también tendria sentido agregarle el menú. ¿Se podrán ver otras páginas, como incluidas dentro de Moodle? He podido hacerlo con los manuales de los cursos, pero no se si podré hacerlo desde un menú.
Resumiendo:
- Hacer que la cabecera aparezca en todas las páginas de Moodle y que incluya al menos en estas otras páginas, el menú referido.
- Hacer que los vínculos del menú permitan ver las páginas dentro de Moodle
Hola René, sería de bastante utilidad que se pudiera editar desde Moodle el fichero de cabecera (theme/header.html) bien para incorporar el logo bien para añadir otros recursos como enlaces.
Lo que comentas sobre la posibilidad de que la cabecera aparezcar en todas las páginas podría ser una opción configurable pues habrá usuarios que preferirán que no se repita ja que ocupa una parte importante de la página.
En cualquier caso, los cambios que propones se escapan de mis posibilidades y deben ser realizados por "moodlers" que conozcan bien el PHP.
Suerte
Vicent Grau
Hola Vicent
Para realizar esos cambios no es necesario conocer bien php, solo hay que saber un poquito de html.
Saludos.
Maxi, me refería a realizar cambios en Moodle para que se active la edición en línea (online) de la cabecera (como ocurre en módulos de Moodle). En este caso sí que hace falta conocer PHP.
La verdad es sería deseable que la página principal se pudiera personalizar con mayor facilidad. Por suerte nuestro amigo René ya ha encontrado la solución a su problema.
Saludos
Vicent Grau
Soy como los locos que se contestan solos:
He podido hacer que el logo se vea en todas las páginas.((El burro tocó la flauta), gracias a las pistas y paortes suministrados, muchas gracias.
He modificado el código del header.html, de la siguiente manera: Código original:
<?php } else if ($heading) { // This is what gets printed on any other page with a heading ?>
<table width="100%" cellpadding="0" cellspacing="0" border="0" class="header">
<tr>
<td valign="top" class="headermain"><?php echo $heading?></td>
<td align="right" valign="top" class="headermenu"><?php echo $menu ?></td>
</tr>
</table>
Código Modificado:
<?php } else if ($heading) { // This is what gets printed on any other page with a heading ?>
<table width="100%" cellpadding="0" cellspacing="0" border="0" class="header">
<tr>
<td valign="top" class="headermain"><img
border="0" src="<?php echo "$CFG->wwwroot/theme/$CFG->theme/logo_eadc.gif" ?>">
<?php echo $heading?></td>
<td align="right" valign="top" class="headermenu"><?php echo $menu ?></td>
</tr>
</table>
Lamentablemente no puedo resaltar la parte del código que es diferente, ya que no lo puedo pegar cuando uso el editor html, si me paso al modo "fuente html" y lo pego, este editor me lo interpreta como código del mensaje. Esto es lo mejor que pude hacer: Desactivar el html para los mensajes.
Espero que sea de utilidad.
He podido hacer que el logo se vea en todas las páginas.((El burro tocó la flauta), gracias a las pistas y paortes suministrados, muchas gracias.
He modificado el código del header.html, de la siguiente manera: Código original:
<?php } else if ($heading) { // This is what gets printed on any other page with a heading ?>
<table width="100%" cellpadding="0" cellspacing="0" border="0" class="header">
<tr>
<td valign="top" class="headermain"><?php echo $heading?></td>
<td align="right" valign="top" class="headermenu"><?php echo $menu ?></td>
</tr>
</table>
Código Modificado:
<?php } else if ($heading) { // This is what gets printed on any other page with a heading ?>
<table width="100%" cellpadding="0" cellspacing="0" border="0" class="header">
<tr>
<td valign="top" class="headermain"><img
border="0" src="<?php echo "$CFG->wwwroot/theme/$CFG->theme/logo_eadc.gif" ?>">
<?php echo $heading?></td>
<td align="right" valign="top" class="headermenu"><?php echo $menu ?></td>
</tr>
</table>
Lamentablemente no puedo resaltar la parte del código que es diferente, ya que no lo puedo pegar cuando uso el editor html, si me paso al modo "fuente html" y lo pego, este editor me lo interpreta como código del mensaje. Esto es lo mejor que pude hacer: Desactivar el html para los mensajes.
Espero que sea de utilidad.
Hola Rene, buena tus cósdigos, pero tengo un problema como hago para ingresar la imagen, es decir en carpeta lo pongo.
Por ejemplo en tu caso "logo_eadc.gif" que es la imagen donde lo ubico
Gracias
Alain
Gracias por el aporte !!
La direccion de la imagen de logo_eadc.gif, es en la carpeta principal del Theme.
Por ejemplo si tuvieras la imagen en otra carpeta dentro de la carpeta de tu theme, deberias poner nombre_carpeta/logoeadc.gif
A mi me ha quedado así:
<img src="<?php echo "$CFG->wwwroot/theme/$CFG->theme/pix/mi_logo.gif"?>">
porque mi_logo lo tenia en:
moodle/themes/mi_theme/pix/mi_logo.gif
PD. Creo q la mejor forma de modificar los themes es utilizando los estilos CSS, pero aun no domino esa parte. por lo que te agradezco el aporte René
La direccion de la imagen de logo_eadc.gif, es en la carpeta principal del Theme.
Por ejemplo si tuvieras la imagen en otra carpeta dentro de la carpeta de tu theme, deberias poner nombre_carpeta/logoeadc.gif
A mi me ha quedado así:
<img src="<?php echo "$CFG->wwwroot/theme/$CFG->theme/pix/mi_logo.gif"?>">
porque mi_logo lo tenia en:
moodle/themes/mi_theme/pix/mi_logo.gif
PD. Creo q la mejor forma de modificar los themes es utilizando los estilos CSS, pero aun no domino esa parte. por lo que te agradezco el aporte René
Buenas amigos estoy presentando el mismo problema que todos no logro colocar una imagen de cabezelra, es un top que diseñe pero no lo activa, este es el codigo que he configurado.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html<?php echo $direction ?>>
<head>
<?php echo $meta ?>
<meta name="keywords" content="moodle, <?php echo $title ?> " />
<title><?php echo $title ?></title>
<link rel="shortcut icon" href="<?php echo $CFG->themewww.'/'.current_theme() ?>/favicon.ico" />
<?php include("$CFG->javascript"); ?>
</head>
<body <?php
echo " $bodytags";
if ($focus) {
echo " Xonload=\"setfocus()\"";
}
?>>
<div class="cornflowersurround">
<div id="page">
<?php //Accessibility: warning: ALT text will need editing when logo changes. 'headermain' is now H1.
if ($home) { // home page ?>
<?php print_container_start(true, '', 'header-home'); ?>
<h1 class="headermain"><img alt= " "src="top.gif" width="457" height="64" /></h1>
<div class="headermenu"><?php echo $menu ?></div>
<?php print_container_end(); ?>
<?php } else if ($heading) { // This is what gets printed on any other page with a heading
?>
<?php print_container_start(true, '', 'header'); ?>
< <h1 class="headermain"><img alt= " "src="top.gif" width="457" height="64" /></h1>?>/images/logo.jpg" width="457" height="64" /></h1>
<div class="headermenu"><?php echo $menu ?></div>
<?php print_container_end(); ?>
<div class="clearer"></div>
<?php } ?>
<?php //Accessibility: breadcrumb trail/navbar now a DIV, not a table.
if ($navigation) { // This is the navigation bar with breadcrumbs ?>
<div class="navbar clearfix">
<div class="breadcrumb"><?php print_navigation($navigation); ?></div>
<div class="navbutton"><?php echo $button; ?></div>
</div>
<?php } else if ($heading) { // If no navigation, but a heading, then print a line ?>
<?php } ?>
<!-- END OF HEADER -->
<div class="clearer"></div>
<?php print_container_start(false, '', 'content'); ?>
Cuando Guardo los cambios y ejecuto el header.html me muestra el top pero cuando cargo la pg en internet del moodle no me muestra el top.
En respuesta a Juan Carlos Gimenes Santeliz
Re: complicado con imagen de moodle
de Raul Garcia Canet -
Hola Juan Carlos,
La segunda definición de la imagen la tienes mal:
< <h1 class="headermain"><img alt= " "src="top.gif" width="457" height="64" /></h1>?>/images/logo.jpg" width="457" height="64" /></h1>
Debería ser:
<h1 class="headermain"><img src="<?php echo '$CFG->wwwroot/theme/$CFG->theme/top.gif' ?>"></h1>
Además te recomiendo que cambies también esta otra línea(la primer adefinición de la imagen):
<h1 class="headermain"><img alt= " "src="top.gif" width="457" height="64" /></h1>
Por:
<h1 class="headermain"><img src="<?php echo '$CFG->wwwroot/theme/$CFG->theme/top.gif' ?>"></h1>
De esaforma te aseguras que aunque cambies el tema, puedes copiar directamente el header.html y siempre te funcionará bien la carga de la imagen.
Espero que te sirva.
Hasta pronto,
Salu2,
J. Raul (juagarc4)
La segunda definición de la imagen la tienes mal:
< <h1 class="headermain"><img alt= " "src="top.gif" width="457" height="64" /></h1>?>/images/logo.jpg" width="457" height="64" /></h1>
Debería ser:
<h1 class="headermain"><img src="<?php echo '$CFG->wwwroot/theme/$CFG->theme/top.gif' ?>"></h1>
Además te recomiendo que cambies también esta otra línea(la primer adefinición de la imagen):
<h1 class="headermain"><img alt= " "src="top.gif" width="457" height="64" /></h1>
Por:
<h1 class="headermain"><img src="<?php echo '$CFG->wwwroot/theme/$CFG->theme/top.gif' ?>"></h1>
De esaforma te aseguras que aunque cambies el tema, puedes copiar directamente el header.html y siempre te funcionará bien la carga de la imagen.
Espero que te sirva.
Hasta pronto,
Salu2,
J. Raul (juagarc4)
En respuesta a Raul Garcia Canet
Re: complicado con imagen de moodle
Hola hice los cambio que me dijistes pero no paso nada ahora no muetra la imagen que antes si vei al ejecutar el header.html.me explico el codigo que tenia me visualiza la imagen solo cuando hago una vista previa en el header.html pero cuando voy a la web y entro a mi pg del moodle no me carga la imagen me aparece el recuadro en blanco.
Ya probe con varios formatos de imagenes pero si escribo algo antes del " "scr dentro de las comillas si me lo muestra.
< <h1 class="headermain"><img alt= " "src="top.gif" width="457" height="64" /></h1>
Alguien me puede decir que esta pasando.
Ya probe con varios formatos de imagenes pero si escribo algo antes del " "scr dentro de las comillas si me lo muestra.
< <h1 class="headermain"><img alt= " "src="top.gif" width="457" height="64" /></h1>
Alguien me puede decir que esta pasando.
En respuesta a Juan Carlos Gimenes Santeliz
Re: complicado con imagen de moodle
de Raul Garcia Canet -
Hola Juan Carlos,
Bueno, vamos a vera:
prueba con:
<h1 class="headermain"><img alt="texto alternativo" src="top.gif" width="457" height="64" /></h1>
1.- Nota que entre el alt="texto alternativo" y el src hay un espacio.
2.- Escribe un texto entre las comillas de alt, es un texto requerido para la imágenes ya que es una medida para mejorar la accesibilidad. Lo mismo no te la muestra porque no detecta ese texto.
3.- Si pones src="top.gif", asegurate ue el archivo top.gif se encunetra en el mismo directorior que el header.html
4.- Al principio de la línea tienes dos símbolos < cuando sólo debe haber uno.
Espero que ahora sí se pueda ver la imagen correctamente.
Hasta protno,
Salu2
J. Raul (juagarc4)
Bueno, vamos a vera:
prueba con:
<h1 class="headermain"><img alt="texto alternativo" src="top.gif" width="457" height="64" /></h1>
1.- Nota que entre el alt="texto alternativo" y el src hay un espacio.
2.- Escribe un texto entre las comillas de alt, es un texto requerido para la imágenes ya que es una medida para mejorar la accesibilidad. Lo mismo no te la muestra porque no detecta ese texto.
3.- Si pones src="top.gif", asegurate ue el archivo top.gif se encunetra en el mismo directorior que el header.html
4.- Al principio de la línea tienes dos símbolos < cuando sólo debe haber uno.
Espero que ahora sí se pueda ver la imagen correctamente.
Hasta protno,
Salu2
J. Raul (juagarc4)