Modification footer template

**jisse03** · 27/09/2014, 20h57

Re : Modification footer template

Il n'y a pas grand chose de plus à faire, le code PHP du header étant

Code PHP:


    <div id="header">            

        <div id="header-top">              

               <div id="sitename">                    

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

            </div>            

        </div>            

            <div id="header-bottom">               

                <div id="topmenu">                              

                    <div class="navigation">                                

                           <jdoc:include type="modules" name="position-1" />                                                                     

                    </div>                

                </div>                    

                    <div id="social-icons">                      

                        <span class="facebook"><a href="#"><img src="templates/<?php echo $this->template ?>/images/facebook.jpg" width="30" height="30" alt="facebook" /></a></span>                         

                        <span class="mail"><a href="#"><img src="templates/<?php echo $this->template ?>/images/rss.jpg" width="30" height="30" alt="rss" /></a></span>                                

                    </div>            

            </div>        

    </div>

On y retrouve bien les classes CSS du template (header, header-top et header-bottom) chacune incluant qui le logo, qui un menu de navigation (topmenu) ou tout au moins ce que contient le module publié en position-1.

Donc la solution est de savoir ce que tu as pu publier en chacune des positions.

**8GoUrCuFf8** · 27/09/2014, 21h15

Re : Modification footer template

Code:

</head>
 <body>    
 <div class="pagewidth">	  
    <div id="header">		    
	    <div id="header-top">			  
   		    <div id="sitename">                    
			    <a href="index.php"><img src="templates/<?php echo $this->template ?>/images/logo1.png" width="309" height="45" alt="logotype" /></a>                
			</div>			
		</div>			
		    <div id="header-bottom">			   
    			<div id="topmenu">		  	                
				    <div class="navigation">          	                  
   					    <jdoc:include type="modules" name="position-1" />                                            	  	               
					</div>                
				</div>				    
				    <div id="social-icons">					  
					    <span class="facebook"><a href="#"><img src="templates/<?php echo $this->template ?>/images/facebook.jpg" width="30" height="30" alt="facebook" /></a></span>  				       
						<span class="mail"><a href="#"><img src="templates/<?php echo $this->template ?>/images/rss.jpg" width="30" height="30" alt="rss" /></a></span>             			       
					</div>			
			</div>		
	</div>

Voilà mon code, je ne vois pas ce qu'il faut modifier pour augmenter la hauteur du header...

Amicalement

**jisse03** · 28/09/2014, 09h29

Re : Modification footer template

Envoyé par 8GoUrCuFf8 Voir le message

Voilà mon code, je ne vois pas ce qu'il faut modifier pour augmenter la hauteur du header...

Voir les indications précédentes, Les classes CSS et les modules publiés en position-1 sont la réponse.

**8GoUrCuFf8** · 28/09/2014, 09h41

Re : Modification footer template

Qu'appelles-tu "les classes" ?

Et même en modifiant la position, rien ne se passe.

Amicalement.

EDIT : En modifiant la position, je viens de me rendre compte que le mot "Menu" disparaissait.

**jisse03** · 28/09/2014, 10h07

Re : Modification footer template

Envoyé par 8GoUrCuFf8 Voir le message

Qu'appelles-tu "les classes" ?

Hummmm, il te faudrait acquérir le minimum vital en connaissances HTML/CSS. Explores quelques tutos du site du zéro (maintenant openclassrooms) http://fr.openclassrooms.com/

Une classe CSS est la définition, dans le CSS du template du comportement d'un élément nommé, par exemple dans ton cas les #header

Envoyé par 8GoUrCuFf8 Voir le message

EDIT : En modifiant la position, je viens de me rendre compte que le mot "Menu" disparaissait.

Si tu modifies les modules publiés dans une position, ou que tu dépublies le module, ce que génère ce module n'est plus visible.

Lecture importante pour bien comprendre Joomla! : http://kiwik.net/joomla/3/le-livre-pour-tous qui te donne les bases nécessaires, et qu'on ne peut recopier ici

**8GoUrCuFf8** · 28/09/2014, 11h43

Re : Modification footer template

Ok! En gros cela ne sert à rien que je vienne chercher un support technique ici

A moins que je tombe sur quelqu'un qui veuille me donner les solutions comme dans mes messages précédents.

Bref, merci quand même.

**jisse03** · 28/09/2014, 12h04

Re : Modification footer template

à part avoir une vue exacte de ce que tu veux en résultat final, et un accès direct à ton site en admin pour savoir exactement quelle ligne CSS à modifier pour obtenir exactement ce qu etu désires, il n'y a pas grand chose à faire. Ce template est rustique dans sa conception, ne possède qu etrès peu de classes CSS.

Le "support technique" du forum a été donné en t'indiquant ce qui, dans ton template, gère chaque élément de présentation, mais il te faut quand même, pour devenir peu à peu autonome sur ton site, comprendre les bases de Joomla! et du CSS/HTML si tu veux personnaliser un template.
Par rapport aux possibilités de Joomla! 3, ce template est vraiment basique, puisque n'étant ni responsive, ni riche en positions de modules et ne possédant pas de configuration directe depuis l'administration du template. Il te faut donc, dans ce cas, te plonger dans le CSS

**8GoUrCuFf8** · 28/09/2014, 12h36

Re : Modification footer template

Ok, mais par exemple il m'est impossible de trouver ces ligne (encadrées en vert) dont me parle Firebug. Une fois ces lignes trouvées, e saurais peut-être modifier et trouver comment mettre en place ce que je veux.

Sinon je t'envois mes mdp

Amicalement.

**jisse03** · 28/09/2014, 12h57

Re : Modification footer template

par exemple <div id="header"> indique que cette div HTML est de la classe CSS header...

Firebug te donne directement le nom du fichier CSS et même le numéro de ligne où est définie la classe. Tu peux tester diverses valeurs depuis Firebug, en modifiant les paramètres, puis appliquer ces modifications à ton fichier template.css

Pour bien comprendre comment fonctionne firebug http://fr.openclassrooms.com/informa...s-pour-firefox

Désolé pour l'envoi de listes de tutos de base, mais bien comprendre l'utilisation des outils te permet de trouver rapidement la réponse à pas mal de questions

**8GoUrCuFf8** · 28/09/2014, 13h18

Re : Modification footer template

Je viens de lire le lien que tu m'as envoyé mais à aucun moment ils disent où se trouve le fichier à modifier...

**jisse03** · 28/09/2014, 13h36

Re : Modification footer template

Qu'il s'agisse de firebug, de l'inspecteur d'élément de Chromium, chrome ou Opera, tous indiquent bien le nom du template et la ligne concernée.
En face du nom de la classe CSS, à droite, il y a le nom du fichier css et le numéro de ligne où la classe est définie

**8GoUrCuFf8** · 28/09/2014, 13h44

Re : Modification footer template

pour le .css oui, mais pas pour le html. Voir les différents screen que j'ai posté.

**8GoUrCuFf8** · 28/09/2014, 13h51

Re : Modification footer template

Et encore, regarde :

Firebug me dit d'aller ligne 182 du tdefaut.css, j'y vais, et la ligne est vide et ne corresponds pas du tout au contenu affiché par firebug!!

**jisse03** · 28/09/2014, 13h58

Re : Modification footer template

Sur mon site de test, avec ce template, la ligne 182 de default.css est la ligne #header.

Si tu as autre chose, regardes les lignes alentour dans le CSS.

Et concernant

pour le .css oui, mais pas pour le html. Voir les différents screen que j'ai posté.

firebug ne risque pas de t'indiquer une ligne de fichier html, puisque sous Joomla! comme pour tout CMS en PHP, le HTML est généré à la volée par du code PHP, et donc n'a pas d'existence en terme de fichier.

**8GoUrCuFf8** · 28/09/2014, 14h04

Re : Modification footer template

Envoyé par jisse03 Voir le message

firebug ne risque pas de t'indiquer une ligne de fichier html, puisque sous Joomla! comme pour tout CMS en PHP, le HTML est généré à la volée par du code PHP, et donc n'a pas d'existence en terme de fichier.

Donc comment le modifier ?

Modification footer template

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Annonce

Partenaire de l'association