Nous allons créer une position footerleft de manière à avoir deux positions l'une à côté de l'autre.
1- Modification de footer.php
Chemin : templates > ja_purity_ii > layouts > blocks > footer.php
nous allons rajouter le code suivant entre "ja-footnav" et "ja-copyright"
<div class="footerleft">
<jdoc:include type="modules" name="footerleft" />
</div>
2- modification du fichier templateDetails.xml
nous allons rajouter la nouvelle position dans le fichier templateDetails.xml
Chemin : templates >ja_purity_ii > templateDetails.xml
3- Modification du fichier template.css
Chemin : templates > ja_purity_ii > css > template.css
Suppression de la barre verticale en pointillés :
nous allons modifier #ja-footer.main en supprimant l'image de background
#ja-footer .main {
/*background: url(../images/dot1.gif) repeat-y 22% 0;*/
color: #666666;
padding: 0;
position: relative;
}
Déplacement du copyright sur la droite :
nous allons modifier #ja-footer .inner en modifiant le pourcentage de la largeur comme suit :
#ja-footer .inner { float: right; padding: 0; width: 48%; }
Ajout du code pour la position footerleft :
nous allons ajouter le code .footerleft comme suit :
.footerleft {
width: 48%;
float: left;
padding-left: 10px;
}
4- Ajouter un module en position footerleft
Il ne vous reste plus qu'à sélectionner la position "footerleft" dans l'administration du module que vous souhaitez voir affiché à gauche de votre footer.
