Modifier le template MadeYourWeb

Formalin - Synthèses et tutoriels en informatique
Modifier le template MadeYourWeb
Soumis par NewBoy
26-07-2007
Dernière mise à jour : 12-07-2014
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).
Adapter la largeur du template en 1024 px
Mettre le header sur toute la largeur en supprimant la bannière
Redimensionner la hauteur du header
Changer la couleur des onglets du menu horizontal avec The Gimp
Adapter la largeur du template en 1024 px
- Sauvegardez le fichier index.php du template
- 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
- Sauvegardez les fichiers index.php du template, template_css.css
http://www.yinandyang.info/formalin
Propulsé par Joomla!
Généré: 21 February, 2017, 03:44
Formalin - Synthèses et tutoriels en informatique
Dépubliez le module Bannières par Modules / Modules du Site dans le Back-end
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" />'; ?>
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
- Sauvegardez les fichiers template_css.css, back_verlauf.jpg
Dans template_css.css, modifiez height en ligne 56
#header {
height: maValeurpx;
width: 100%;
}
http://www.yinandyang.info/formalin
Propulsé par Joomla!
Généré: 21 February, 2017, 03:44
Formalin - Synthèses et tutoriels en informatique
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
- Sauvegardez les fichiers headmenu_left.gif, headmenu_right.gif, headmenu_left_hover.gif, headmenu_right_hover.gif
Ouvrez avec The Gimp ces 4 fichiers
Sur chacun des 4 fichiers, Image / Mode / RVB, puis Calque / Transparence / Soustraire de la sélection
- Dans headmenu_right.gif, cliquez sur l'outil Remplissage
- Changez la couleur de remplissage en cliquant sur l'Outil Couleur de premier plan
- Appliquez cette même couleur de premier plan à headmenu_left.gif
- Dans headmenu_right_hover.gif, cliquez sur l'outil Remplissage
- Changez la couleur de remplissage en cliquant sur l'Outil Couleur de premier plan
- Appliquez cette même couleur de premier plan à headmenu_left_hover.gif
- Sauvegardez les 4 fichiers modifiés.
[Retour à la liste]
Pour plus d'information, consultez tuto_madeyourweb.pdf.
http://www.yinandyang.info/formalin
Propulsé par Joomla!
Généré: 21 February, 2017, 03:44