El logotip de capçalera: diferència entre les revisions
Cap resum de modificació |
Cap resum de modificació |
||
| (Hi ha una revisió intermèdia del mateix usuari que no es mostren) | |||
| Línia 22: | Línia 22: | ||
</pre> | </pre> | ||
El codi següent mostra una part d'un fitxer de capçalera amb un logotip. Substituïu les línies 5 i 12 de dalt amb les línies 5 i 12 del codi de sota. Sobretot, fixeu-vos en l'assignació <code><?php echo $CFG->httpswwwroot.'/theme/'.current_theme() ?>/image.jpg</code>. Algunes persones encarregades de dissenyar temes han utilitzat incorrectament aquesta expressió <code><?php echo "$CFG->wwwroot/theme/$CFG->theme/image.jpg" ?></code>. Amb <code>$CFG->->theme</code> s'obté el camí del tema per defecte en lloc del que estigui destinat a aquest. El resultat és que els logotips no apareixen, perquè no es troben en aquest directori. Les imatges <code>$CFG->wwwroot</code> produeixen un avís sobre inseguretat a l'IE quan s'entra per https. | |||
<pre> | <pre> | ||
01: <?php if ($home) { | 01: <?php if ($home) { | ||
| Línia 46: | Línia 45: | ||
</pre> | </pre> | ||
Moodle | El Moodle proporciona una capçalera per a totes les pàgines i una capçalera diferenciada per a la pàgina principal. Podeu, per exemple, preparar una capçalera per a la vostra pàgina principal més alta i presentar-hi un logotip més gros. | ||
La posició del logotip a la capçalera de la pàgina es defineix al fitxer d'estils ''styles_layout.css''. Si us plau, canvieu els valors de la CLASS <code>.headermain</code> i si és el cas els ID <code>#header</code> i <code>#header-home</code> si voleu fer canvis. Podreu trobar aquestes definicions a la secció de capçalera del fitxer CSS. | |||
''' | '''Un consell per passar ràpidament a la secció de la capçalera al fitxer CSS:''' Seleccioneu i copieu el mot "header" a la llista de seccions al principi del fitxer. Immediatament obriu la cerca del vostre editor i cerqueu la paraula. Després d'ordenar la cerca, el programa trobarà l'inici de la secció de capçalera. | ||
[[Category: | [[Category:Administració]] | ||
[[Category: | [[Category:Desenvolupament]] | ||
[[Category: | [[Category:Temes]] | ||
Revisió de 18:14, 1 set 2007
Per fer sortir el vostre logotip a la capçalera, heu d'editar el fitxer header.html al directori del tema.
Al fitxer header.html hi ha unes línies molt semblant a aquestes, si no idèntiques:
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 codi següent mostra una part d'un fitxer de capçalera amb un logotip. Substituïu les línies 5 i 12 de dalt amb les línies 5 i 12 del codi de sota. Sobretot, fixeu-vos en l'assignació <?php echo $CFG->httpswwwroot.'/theme/'.current_theme() ?>/image.jpg. Algunes persones encarregades de dissenyar temes han utilitzat incorrectament aquesta expressió <?php echo "$CFG->wwwroot/theme/$CFG->theme/image.jpg" ?>. Amb $CFG->->theme s'obté el camí del tema per defecte en lloc del que estigui destinat a aquest. El resultat és que els logotips no apareixen, perquè no es troben en aquest directori. Les imatges $CFG->wwwroot produeixen un avís sobre inseguretat a l'IE quan s'entra per https.
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->themewww.'/'.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->themewww.'/'.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 } ?>
El Moodle proporciona una capçalera per a totes les pàgines i una capçalera diferenciada per a la pàgina principal. Podeu, per exemple, preparar una capçalera per a la vostra pàgina principal més alta i presentar-hi un logotip més gros.
La posició del logotip a la capçalera de la pàgina es defineix al fitxer d'estils styles_layout.css. Si us plau, canvieu els valors de la CLASS .headermain i si és el cas els ID #header i #header-home si voleu fer canvis. Podreu trobar aquestes definicions a la secció de capçalera del fitxer CSS.
Un consell per passar ràpidament a la secció de la capçalera al fitxer CSS: Seleccioneu i copieu el mot "header" a la llista de seccions al principi del fitxer. Immediatament obriu la cerca del vostre editor i cerqueu la paraula. Després d'ordenar la cerca, el programa trobarà l'inici de la secció de capçalera.
