Gestion des Templates de Joomla 1.5 – © RB Page 1/4
Gestion des Templates de Joomla 1.5
MàJ 25/02/20121) Choix d’un Template :
Dans la console d’Administration : Menu : Extensions : Gestion des Templates.
Choisir un Template et cliquer sur l’étoile en haut à gauche
Modifier un Template : cliquer sur son nom
Voir les modifications du Template Choix du Template du site ou
de la console d’aministration
Gestion des Templates de Joomla 1.5 – © RB Page 2/4
2) Modification d’un Template :
3) Changement du logo du site : Template « rhuk_milkyway » :
http://community.joomla.org/component/zine/article/504-introductory-modify-joomla-15-milkyway-template.html?start=2 On peut tricher sur les dimensions réelles du logo pour l’agrandir.
Pour créer une image en « .png transparent » : http://duson.perso.sfr.fr/Telechargt/f7_transparence_pf.pdf Les dimensions du logo doivent être : 298 px × 75 px.
Template « JA_Purity » :
Documentation complète : http://docs.joomla.org/Customising_the_JA_Purity_template#Header 1) Remplacer le logo du site :
http://www.joomlabc.com/astuces/template/remplacer-logo-template-ja-purity
Pour créer une image en « .png transparent » : http://duson.perso.sfr.fr/Telechargt/f7_transparence_pf.pdf
Réglages du Template
Visualisation de l’effet des réglages du Template
Visualisation des zones du Template
Gestion des Templates de Joomla 1.5 – © RB Page 3/4
Les dimensions du logo doivent être : 208 px × 80 px mais on peut les agrandir en jouant sur l’entête : Pour la VAC, elles sont : 206 ×160 .
Dans le paragraphe « /* HEADER » du CSS, il faut aussi modifier les 4 « height : 80px » en « height : 160px » : http://docs.joomla.org/Customising_the_JA_Purity_template/customisations/Resizing_the_header
2) Remplacer la couleur de fond de l’entête :
http://www.joomlabc.com/astuces/template/remplacer-logo-template-ja-purity Pour la VAC, dans le paragraphe « /* HEADER » du CSS :
#ja-headerwrap {
background: #D0FFFF; (au lieu de #333333) color: #CCCCCC;
On peut faire des essais de couleurs avec les sites :
http://www.w3schools.com/cssref/tryit.asp?filename=trycss_colorhex http://stylescss.free.fr/couleurs.php
http://stylescss.free.fr/tutorial-css.php
http://www.w3schools.com/cssref/css_colors.asp
3) Remplacer l’image d’entête de droite :
http://docs.joomla.org/Customising_the_JA_Purity_template/customisations/Replacing_the_header_pictures
Attention : officiellement, l’image doit être en « jpg » et non en « png ». Mais en « png » transparent, çà marche aussi mais il peut y avoir des bugs d’affichage !
L’image d’entête à droite est une image aléatoire parmi celles déposées dans le dossier : templates/ja_purity/images/header : pour avoir une seule image : mettre la même image avec les trois noms : header1, header2, header3.
L’image du nom de la VAC a une taille : 504 px × 160 px.
Gestion des Templates de Joomla 1.5 – © RB Page 4/4
Pour égaliser la couleur du fond de l’entête et la couleur de fond de l’image d’entête de droite (en cas de choix de « jpg ») : Photofiltre : Réglage : Remplacer une couleur (avec la pipette sélectionner d’abord la couleur de fond de l’entête puis utiliser la commande
« Réglage »).
4) Supprimer le masque qui agit sur l’image d’entête de droite :
Neutraliser le fichier « header-mask.png » en insérant « -off » à la fin de son nom dans le paragraphe « /* HEADER » du CSS : .ja-headermask {
width: 602px;
display: block;
background: url(../images/header-mask-off.png) no-repeat top right;
5) Eliminer les Icones « A+ A A– » :
Editer le HTML du Template : dans la section « BEGIN : HEADER », mettre en commentaire la ligne (ajouter « // ») :
<?php $tmpTools->genToolMenu(JA_TOOL_FONT, 'png'); ?> ce qui donne :
<?php // $tmpTools->genToolMenu(JA_TOOL_FONT, 'png'); ?>
Astuces :
1) Pour faire une recherche dans le HTML ou le CSS : a. utiliser Notepad++
b. utiliser Firebug : http://www.support-joomla.com/construire-son-site/les-templates/retoucher-son-template