Modification code pour pied de page

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Modification code pour pied de page

Message par Patrickfan le Mar 7 Avr 2015 - 18:37

Bonjour

Après une recherche sur le forum j'aimerais reproduire l'inscription en bas de page comme sur l'exemple de ce tutoriel

http://forum.forumactif.com/t290173-inserer-son-propre-pied-de-page

J'ai utilisé le code :
$(function() {
$("#page-footer,#gfooter,#pun-foot").eq(0).append("XXX");
});

Mais j'aimerais que ce soit inscrit centré sur la page et en plus petit caractère.
Pouvez vous me dire ce qu'il faut modifier pour ce résultat.

Merci de votre aide



Dernière édition par Patrickfan le Mar 7 Avr 2015 - 19:48, édité 1 fois

Patrickfan
*

Messages : 43
Inscrit(e) le : 08/12/2014

http://lesfansdejh.forumactif.org/
Patrickfan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modification code pour pied de page

Message par MlleAlys le Mar 7 Avr 2015 - 19:32

Bonjour,

Pour afficher vos code dans un message, il est plus pratique de les mettre entre balises codes, ainsi :
Code:
[code]LE CODE ICI[/code]

Concernant votre problème, vous pouvez mettre à la place du "XXX" votre contenu dans une div avec une class, par exemple :
Code:
$(function()  {
  $("#page-footer,#gfooter,#pun-foot").eq(0).append("<div class='ajout-footer'>LE CONTENU ICI</div>");
});

Afin ensuite de modifier la mise en forme de cette div via votre feuille de style css :
  • Allez dans Affichage > Couleurs > onglet feuille de style css
  • Collez dans la zone de saisie le code suivant :
    Code:
    /*MISE EN FORME AJOUT FOOTER*/
    .ajout-footer {
      text-align: center;
      font-size: 12px;
    }
    text-align: center; permet de centrer le texte
    font-size: 12px; permet de modifier la taille de la police à 12 pixels, modifiez la valeur si besoin ^^
    Vous pouvez également compléter ce code avec d'autres mises en forme si besoin
  • Enregistrez

MlleAlys
+ Hyperactif +

Messages : 4340
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modification code pour pied de page

Message par Patrickfan le Mar 7 Avr 2015 - 19:47

Super Very Happy
Merci de votre aide rapide et effficace Wink

Patrickfan
*

Messages : 43
Inscrit(e) le : 08/12/2014

http://lesfansdejh.forumactif.org/
Patrickfan a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum