Le template MadeYourWeb, utilisé sur le présent site, est livré par défaut avec Joomla! et peut être activé dans Site / Gestion des Templates / Templates du Site. Il est à noter qu'il existe une extension à ce template qui permet d’avoir 3 versions de couleur différente (vert, rouge et bleu) (à confirmer).

1. Adapter la largeur du template en 1024 px
2. Mettre le header sur toute la largeur en supprimant la bannière
3. Redimensionner la hauteur du header
4. Changer la couleur des onglets du menu horizontal avec The Gimp

 

---

Adapter la largeur du template en 1024 px

---

1. Sauvegardez le fichier index.php du template
2. Dans ce fichier, remplacez la valeur 800 par la valeur 1024 pour tous les sélecteurs (5 occurences).

[Retour à la liste]

 

---

Mettre le header sur toute la largeur en supprimant la bannière

---

1. Sauvegardez les fichiers index.php du template, template_css.css
2. Dépubliez le module Bannières par Modules / Modules du Site dans le Back-end
3. Dans index.php du template, modifiez width et height en ligne 58
   <?php echo '<img src="' .$mosConfig_live_site. '/templates/' .$GLOBALS['cur_template']. '/images/logo.gif" border="0" width="maValeur" height="maValeur" alt="logo" />'; ?>
4. Dans template_css.css, remplacez à la ligne 66
         #top-bottom {
         height: 80px;
         width: 200px;
         background: transparent;
         float: left; }
               par
         #top-bottom {
         height: maValeurpx;
         width: maValeurpx;
         float: left;
         margin-left: 10px;
         margin-right: 10px; }

[Retour à la liste]

 

---

Redimensionner la hauteur du header

---

1. Sauvegardez les fichiers template_css.css, back_verlauf.jpg
2. Dans template_css.css, modifiez height en ligne 56
         #header {
         height: maValeurpx;
         width: 100%;
         }
3. Avec un logiciel graphique, redimensionnez back_verlauf.jpg en hauteur selon la valeur choisie précédemment + 20px environs.

[Retour à la liste]

 

---

Changer la couleur des onglets du menu horizontal avec The Gimp

---

1. Sauvegardez les fichiers headmenu_left.gif, headmenu_right.gif, headmenu_left_hover.gif, headmenu_right_hover.gif
2. Ouvrez avec The Gimp ces 4 fichiers
3. Sur chacun des 4 fichiers, Image / Mode / RVB, puis Calque / Transparence / Soustraire de la sélection
4. Dans headmenu_right.gif, cliquez sur l'outil Remplissage
5. Changez la couleur de remplissage en cliquant sur l'Outil Couleur de premier plan
6. Appliquez cette même couleur de premier plan à headmenu_left.gif
7. Dans headmenu_right_hover.gif, cliquez sur l'outil Remplissage
8. Changez la couleur de remplissage en cliquant sur l'Outil Couleur de premier plan
9. Appliquez cette même couleur de premier plan à headmenu_left_hover.gif
10. Sauvegardez les 4 fichiers modifiés.

[Retour à la liste]

 

 

Pour plus d'information, consultez tuto_madeyourweb.pdf.