Diferencia entre revisiones de «Logotipo de la cabecera»
De MoodleDocs
(Copiado de Docs en) |
Sin resumen de edición |
||
| (No se muestran 3 ediciones intermedias de 3 usuarios) | |||
| Línea 1: | Línea 1: | ||
{{FAQ de temas}} | {{FAQ de temas}} | ||
Para mostrar tu '''logotipo en el encabezado''', tienes que editar el archivo ''header.html'' que está en la carpeta del tema que estés utilizando. | |||
En el archivo ''header.html'' verás las siguientes líneas (o similares): | |||
<pre> | <pre> | ||
01: <?php if ($home) { | 01: <?php if ($home) { | ||
02: // | 02: // Esto es lo que se imprime sólo en la página de inicio | ||
03: ?> | 03: ?> | ||
04: <div id="header-home"> | 04: <div id="header-home"> | ||
| Línea 15: | Línea 14: | ||
07: </div> | 07: </div> | ||
08: <?php } else if ($heading) { | 08: <?php } else if ($heading) { | ||
09: // | 09: // Esto es lo que se imprime en cualquier otra página con cabecera | ||
10: ?> | 10: ?> | ||
11: <div id="header"> | 11: <div id="header"> | ||
| Línea 24: | Línea 23: | ||
</pre> | </pre> | ||
El siguiente código de ejemplo muestra una parte del archivo de encabezado con un logotipo. Debes reemplazar las líneas 5 y 12 del fragmento anterior por las líneas 5 y 12 del código que se reproduce a continuación. | |||
<pre> | <pre> | ||
01: <?php if ($home) { | 01: <?php if ($home) { | ||
02: // | 02: // Esto es lo que se imprime sólo en la página de inicio | ||
03: ?> | 03: ?> | ||
04: <div id="header-home"> | 04: <div id="header-home"> | ||
| Línea 37: | Línea 36: | ||
07: </div> | 07: </div> | ||
08: <?php } else if ($heading) { | 08: <?php } else if ($heading) { | ||
09: // | 09: // Esto es lo que se imprime en cualquier otra página con cabecera | ||
10: ?> | 10: ?> | ||
11: <div id="header"> | 11: <div id="header"> | ||
| Línea 48: | Línea 47: | ||
</pre> | </pre> | ||
Moodle | Moodle tiene un encabezado para todas las páginas y un encabezado diferente para la página inicial. Puedes, por ejemplo, hacer el encabezado de tu página principal más grande y poner un logotipo más grande. | ||
La posición del logotipo en el encabezado está definida en el archivo CSS ''styles_layout.css''. Si es necesario tendrás que cambiar los valores del CLASS <code>.headermain</code> y posiblemente los IDs <code>#header</code> y <code>#header-home</code>. Encontrarás las definiciones en la sección "header" del archivo CSS. | |||
''' | '''Un truco para llegar más rápido a la sección "header" (=encabezado) del archivo CSS:''' Selecciona y copia la palabra "header" en la lista de secciones que está al principio del archivo. Después pincha en "buscar" en el programa y pega "header" en el cuadro de diálogo de búsqueda. Cuando pulses "buscar" en el cuadro de diálogo el programa irá al comienzo de la sección "header". | ||
Revisión actual - 21:33 23 oct 2007
Para mostrar tu logotipo en el encabezado, tienes que editar el archivo header.html que está en la carpeta del tema que estés utilizando.
En el archivo header.html verás las siguientes líneas (o similares):
01: <?php if ($home) {
02: // Esto es lo que se imprime sólo en la página de inicio
03: ?>
04: <div id="header-home">
05: <div class="headermain"><?php echo $heading ?></div>
06: <div class="headermenu"><?php echo $menu ?></div>
07: </div>
08: <?php } else if ($heading) {
09: // Esto es lo que se imprime en cualquier otra página con cabecera
10: ?>
11: <div id="header">
12: <div class="headermain"><?php echo $heading ?></div>
13: <div class="headermenu"><?php echo $menu ?></div>
14: </div>
15: <?php } ?>
El siguiente código de ejemplo muestra una parte del archivo de encabezado con un logotipo. Debes reemplazar las líneas 5 y 12 del fragmento anterior por las líneas 5 y 12 del código que se reproduce a continuación.
01: <?php if ($home) {
02: // Esto es lo que se imprime sólo en la página de inicio
03: ?>
04: <div id="header-home">
05: <div class="headermain"><img src="<?php echo
$CFG->wwwroot.'/theme/'.current_theme() ?>/pix/big_logo.gif" width="300"
height="100" alt="mycompany" title="mycompany" id="logo" /></div>
06: <div class="headermenu"><?php echo $menu ?></div>
07: </div>
08: <?php } else if ($heading) {
09: // Esto es lo que se imprime en cualquier otra página con cabecera
10: ?>
11: <div id="header">
12: <div class="headermain"><img src="<?php echo
$CFG->wwwroot.'/theme/'.current_theme() ?>/pix/small_logo.gif" width="210"
height="70" alt="mycompany" title="mycompany" id="logo" /></div>
13: <div class="headermenu"><?php echo $menu ?></div>
14: </div>
15: <?php } ?>
Moodle tiene un encabezado para todas las páginas y un encabezado diferente para la página inicial. Puedes, por ejemplo, hacer el encabezado de tu página principal más grande y poner un logotipo más grande.
La posición del logotipo en el encabezado está definida en el archivo CSS styles_layout.css. Si es necesario tendrás que cambiar los valores del CLASS .headermain y posiblemente los IDs #header y #header-home. Encontrarás las definiciones en la sección "header" del archivo CSS.
Un truco para llegar más rápido a la sección "header" (=encabezado) del archivo CSS: Selecciona y copia la palabra "header" en la lista de secciones que está al principio del archivo. Después pincha en "buscar" en el programa y pega "header" en el cuadro de diálogo de búsqueda. Cuando pulses "buscar" en el cuadro de diálogo el programa irá al comienzo de la sección "header".
