Centrer pied de page pour insérer un copyright

[Invité]

Détails techniques

Version du forum : PunBB
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://www.diamant-mandarin-evo.com/

Description du problème

Bonsoir,

J'ai appliquer ce tutoriel .

Comment puis-je le centrer et laisser une ligne en dessous svp? ou le top, mettre une phrase (copyright) dans le footer (dans le cadre de qui est en ligne).

Cordialement, Tony

[Invité]

up

[Arobasse]

Bonjour Tony,

Comme tu es sur punBB, je préfère passer dans la gestion des templates plutôt que d'utiliser un JavaScript.

Voici ma solution pour avoir un texte centré, personnalisé avec une bar en dessous dans le QEEL (Qui Est En Ligne) :

Dans ton template index_body, repère ce code:

Code:


<!-- END switch_chatbox_activate -->


Et juste après, insère ce code puis enregistre:

Code:


<div id="copyright-qeel">
  <div class="copyright-texte">
    <p>Voici mon copyright</p>
  </div>
</div>

Ensuite, dans ta feuille de style CSS rajoute ce code que tu peux modifier comme bon te semble:

Code:


#copyright-qeel {padding: .6em 1em;}
#copyright-qeel .copyright-texte {text-align: center;}
#copyright-qeel .copyright-texte p {font-size: 15px; color: #000;}


Si j'ai mal compris la demande, fais le moi savoir et explique moi

[AenigmA]

Bojour,

Logiquement ceci doit fonctionner :

Code:

$(function(){$("#page-footer,#gfooter,#pun-foot").eq(0).append("<center>© 2015 DMEvo - Reproduction totale ou partielle interdite.</center><br />");});

[Invité]

Bonjour,


Merci Arobasse et AenigmA pour votre aide et solution. J'ai essayé les 2 , voici ce que cela donne sur mon forum d'essai.

En fait voici plus précisément où je souhaiterais placer le copyright:



Centrer et aligner à " PunBB | Contact | Signaler un abus".


Désolé de ne pas avoir été assez précis dans ma demande initiale.

Cordialement, Tony.

[AenigmA]

Bonjour, faut te suivre ...

Code:


#pun-about {
    text-align: center;
}


[Invité]

Merci AenigmA.

Ca centre "© PunBB | Contact | Signaler un abus" mais la phrase "mais pas "© 2015 DMEvo - Reproduction totale ou partielle interdite. Sauf autorisation de l'auteur" reste en dessous.. voir sur ce Forum d'essai. .

[Arobasse]

Perso moi je vois les deux centré ^^

[Invité]

Oui en effet, mais je souhaiterais que tout soit sur la même ligne ^^

(Comme expliqué auparavant "centré et aligné à "© PunBB | Contact | Signaler un abus")

Cordialement.

[Arobasse]

Dans le fond, © PunBB | Contact | Signaler un abus, tombe sur deux lignes c'est ça ? Ce qui est normal quand ton atteint une certaine dimension.

[Invité]

Oui c'est cela ^^

J'ai raccourcie la phrase du copyright pour tester, il reste malgré tout 2 lignes.

Peut être faut-il incorporer le copyright dans le template où ce situe "© PunBB | Contact | Signaler un abus" au lieu d'appliquer un code javascript?

[Arobasse]

Premièrement, je vois que tu viens de modifier le template et je te dirais de supprimer ceci:

Code:

<p class="center"><strong></strong></p>

En suite, à la place du code de ton copright, met cela:

Code:

<div style="width: 100%;">
  <p style="text-align: center;">Ton texte ici</p>
</div>

Il est sur, qu'en mettant un text align, il prend moins de place avant de ce mettre sur deux ligne. Sur certain écran plus grande, il sera sur une seule ligne et sur d'autres sur deux lignes et qui sait, peut-être sur mobile il tombera 3 lignes voir 4.

[Invité]

Oui, je comprend bien que selon la taille de l'écran cela se modifie.

Je ne viens pas de modifier un template sauf pour pour essayer tes modifications proposés ^^

Parles-tu du template index body pour la ligne à supprimer?

[Arobasse]

Nenon, je disais cela car j'ai vu le texte changer de place entre deux testes ^^

[Invité]

Ok, pas de soucis ^^

J'ai un écran 19 pouces et je vois bien les 2 parties sur 2 lignes distincts. Il y a donc une modification à faire pour que le copyright se mette juste avant " PunBB | Contact | Signaler un abus"

[Invité]

J'ai finalement mis le code:

Code:

       
        <div id="copyright-qeel">
          <div class="copyright-texte">
            <p>Voici mon copyright</p>
          </div>
        </div>

Dans le template "overall_footer_begin"

Avec le CSS:

Code:

       
                #copyright-qeel .copyright-texte {text-align: center;}
        #copyright-qeel .copyright-texte p {font-size: 12px; color: #000;}

Merci à vous!