Modification footer template

[jisse03]

Re : Modification footer template

Le HTML est géré par les vues des composants Joomla!. Pour modifier une vue, il faut appliquer une surcharge de vue, donc modifier du code PHP/HTML http://kiwik.net/joomla/25/trucs-ast...charges-joomla

[8GoUrCuFf8]

Re : Modification footer template

Le lien ne fonctionne pas.

[8GoUrCuFf8]

Re : Modification footer template

J'ai beau tout retourner, lire tous les guides, je n'y parviens pas...:/

[8GoUrCuFf8]

Re : Modification footer template

Petit up pour dire que si quelqu'un passe par la, j'attends toujours une solution à mon problème

Amicalement.

[SimonG]

Re : Modification footer template

Bonjour,

Le lien ne fonctionne pas.

je viens de tester, le lien fonctionne bien

[8GoUrCuFf8]

Re : Modification footer template

Oui, mais je n'y ai pas trouvé la réponse à mon problème!

[fyleos]

Re : Modification footer template

Le problème est toujours de supprimer l'image du footer?

[8GoUrCuFf8]

Re : Modification footer template

Non, le footer c'est bon, mon problème est maintenant au niveau du header. Le voici :

J'ai également besoin d'aide pour modifier le header.

Screen :

Je souhaite agrandir le header (cadre rouge) afin qu'il soit plus proche du bord du haut (top), et permettre au logo (encadré en vert) de rentrer dans ce header.

Merci d'avance pour votre aide.

Sachant que le cadre rouge est le "header-top" et le logo mange sur le "header-bottom". On voit mal mais le menu est en fait dans le header bottom et il y a une séparation.

[Rajoz]

Re : Modification footer template

Bonjour 8GoUrCuFf8,

Si j'ai bien suivi le problème n'est plus le footer (titre de cette entrée du forum) mais la modification du header (post #11) pour que tout s'aligne avec la nouvelle hauteur du logo qui est de 150px au lieu de 45px pour le logo initial du template .

Le template Ahton5 en plus de ne pas être responsive est tellement codé "à l'ancienne" que c'en est triste même pour un template gratuit. Il utilise des hauteurs et largeurs fixes, il n'a pas de paramètre pour le logo et l'anthracite de fond du header est fait par une image unie.

Comme indiqué par jisse03, la solution est dans Firebug qui va permettre d'analyser le HTML (index.php) et le CSS (tdefaut.css) de ce qui est affiché.
+1 pour les liens indiqués par jisse03 pour le HTML, le PHP, le CSS et Joomla!

En résultat de l'analyse faite avec Firebug on retrouve l'organisation du header avec les <div> imbriqués et les différentes hauteurs, je résume ça sur un schéma :


La première chose à faire c'est de changer l'image qui est codée "en dur" dans index.php par le nouveau logo appelé logo1.png (477x150px) mis dans le répertoire images du template :

Remplacer la ligne 96 de index.php du template
<a href="index.php"><img src="templates/<?php echo $this->template ?>/images/logo.jpg" width="309" height="45" alt="logotype" /></a>

Par
<a href="index.php"><img src="templates/<?php echo $this->template ?>/images/logo1.png" width="477" height="150" alt="logotype" /></a>

Mais le nouveau logo est 105px plus haut que l'ancien et déborde sur le menu en-dessous :

Il faut donc aussi modifier les hauteurs et largeurs des éléments concernés par le changement de dimension du logo (voir le schéma d'organisation). Pour cela il faut ajouter à la fin de tdefaut.css :

/* Personnalisation pour le logo */
#header {
    height: 251px;
}
#header-top {
    height: 180px;
}
#sitename {
    width: 477px;
    height: 150px;
}

Le fond anthracite du header est fait par une image (header.png) qui fait aussi les marges par une transparence (pas beau du tout le code).
Un petit coup de Gimp pour passer la hauteur de 146px à 251px (les fameux +105px) en respectant la bordure au-dessus du menu et je mets cette image en zip en fichier attaché.

Le résultat est maintenant :


Amicalement,
Rajoz

[Rajoz]

Re : Modification footer template

Oups! Un copier/coller hasardeux, dans le schéma d'organisation il faut lire, pour l'affichage des images des icônes des réseaux sociaux, une hauteur de 30px au lieu des 45px indiqués.

Note : cela ne change rien à la suite, c'est juste parce que j'aime être précis.

Amicalement,
Rajoz

[8GoUrCuFf8]

Re : Modification footer template

Wahou!! J'adore tes réponses!!! Précises, concises, avec les explications associées aux indications pour comprendre ce que l'on fait, MERCI!!

J'essaye tout ça en rentrant du boulot et je te tiens au courant.

Amicalement.

[8GoUrCuFf8]

Re : Modification footer template

Hum, e crois qu'il y a un bug, voilà ce que j'ai quand j'ouvre index.php du template :

[8GoUrCuFf8]

Re : Modification footer template

Ah c'est bon, PERFECT, merci beaucoup! Par contre je sais pas si tu as vu, il y a un trait gris au niveau du logo FMOlympia, sais-tu comment l'enlever ?

Amicalement.

[Rajoz]

Re : Modification footer template

Bonsoir 8GoUrCuFf8,

Regard d'Aigle ou Oeil Perçant ça serait plus facile à prononcer que 8GoUrCuFf8

J'ai dû avoir un petit coup de fatigue visuelle en utilisant Gimp sur mon vieil écran. Quand j'ai déplacé la ligne qui se trouve au-dessus du menu sur l'image il en est resté un petit peu à l'emplacement initial.

Voilà l'image du header corrigée.

Amicalement,
Rajoz

[8GoUrCuFf8]

Re : Modification footer template

Bonjour Rajoz,

Tu peux m'appeler G8 si tu veux Merci à toi, on mettra la fatigue sur le compte d'un week end lourd en boisson