Diferencia entre revisiones de «Logotipo de la cabecera»

De MoodleDocs
FAQ de temas
(Copiado de Docs en)
Sin resumen de edición
Línea 2: Línea 2:
{{Pendiente de traducir}}
{{Pendiente de traducir}}


To show your '''logo in the page header''', the file ''header.html'' in your theme folder requires editing.
Para mostrar tu '''logotipo en el encabezado''', tienes que editar el archivo ''header.html'' que está en la carpeta del tema que esés utilizando.


In the file ''header.html'' you see the following lines (or similar):
En el archivo ''header.html'' verás las siguientes líneas (o similares):


<pre>
<pre>
Línea 24: Línea 24:
</pre>
</pre>


The following code example shows a part from a header file with a logo. Please replace lines 5 and 12 above with lines 5 and 12 from the code example below.
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>
Línea 48: Línea 48:
</pre>
</pre>


Moodle offers one header for all pages and a different header for the front/home page. You may, for example, make the header for your front page higher and place a bigger logo on it.
Moodle tiene un encabezado para todas las páginas y un encabezad diferente para la página inicial. Puedes, por ejemplo, hacer el encabecado de tu página princiapl más grande y poner un logotipo más grande.


The logo position in the page header is defined in the CSS file ''styles_layout.css''. Please change the values for the CLASS <code>.headermain</code> and eventually for the IDs <code>#header</code> and <code>#header-home</code> if needed. You can find the definitions in the section header of the CSS file.  
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 las sección "header" del archivo CSS.  


'''A tip for a fast jump to the header section of the CSS file:''' Select and copy the word "header" in the section list at the beginning of the file. Then call find in your program and paste "header" into the search dialogue. After you click "find" in your dialogue your program will find the start of the header section.
'''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 del 17:30 23 jul 2006

Nota: Pendiente de Traducir. ¡Anímese a traducir esta página!.     ( y otras páginas pendientes)


Para mostrar tu logotipo en el encabezado, tienes que editar el archivo header.html que está en la carpeta del tema que esés utilizando.

En el archivo header.html verás las siguientes líneas (o similares): 

01: <?php if ($home) {  
02: // This is what gets printed on the home page only  
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: // This is what gets printed on any other page with a heading 
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: // This is what gets printed on the home page only  
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: // This is what gets printed on any other page with a heading 
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 encabezad diferente para la página inicial. Puedes, por ejemplo, hacer el encabecado de tu página princiapl 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 las 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".

Obtenido de «https://docs.moodle.org/all/es/index.php?title=Logotipo_de_la_cabecera&oldid=7711»
Powered by MediaWiki