Centrer pied de page pour insérer un copyright

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

Résolu Centrer pied de page pour insérer un copyright

Message par @To le Jeu 2 Juil 2015 - 22:52

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


Dernière édition par tony26 le Sam 4 Juil 2015 - 23:24, édité 2 fois

@To
*****

Masculin
Messages : 923
Inscrit(e) le : 26/02/2015

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

Résolu Re: Centrer pied de page pour insérer un copyright

Message par @To le Ven 3 Juil 2015 - 22:52

up

@To
*****

Masculin
Messages : 923
Inscrit(e) le : 26/02/2015

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

Résolu Re: Centrer pied de page pour insérer un copyright

Message par Arobasse le Sam 4 Juil 2015 - 3:36

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 Smile

Arobasse
Nouveau membre

Messages : 20
Inscrit(e) le : 04/07/2015

http://forum.forumactif.com/
Arobasse a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centrer pied de page pour insérer un copyright

Message par AenigmA le Sam 4 Juil 2015 - 6:47

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 />");});

AenigmA
+ Hyperactif +

Masculin
Messages : 2228
Inscrit(e) le : 10/03/2005

http://aenigma.forumactif.fr/
AenigmA a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centrer pied de page pour insérer un copyright

Message par @To le Sam 4 Juil 2015 - 11:47

Bonjour,


Merci Arobasse et AenigmA pour votre aide et solution. J'ai essayé les 2 Wink , 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.


@To
*****

Masculin
Messages : 923
Inscrit(e) le : 26/02/2015

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

Résolu Re: Centrer pied de page pour insérer un copyright

Message par AenigmA le Sam 4 Juil 2015 - 13:11

Bonjour, faut te suivre ...

Code:

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

AenigmA
+ Hyperactif +

Masculin
Messages : 2228
Inscrit(e) le : 10/03/2005

http://aenigma.forumactif.fr/
AenigmA a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centrer pied de page pour insérer un copyright

Message par @To le Sam 4 Juil 2015 - 13:29

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. .

@To
*****

Masculin
Messages : 923
Inscrit(e) le : 26/02/2015

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

Résolu Re: Centrer pied de page pour insérer un copyright

Message par Arobasse le Sam 4 Juil 2015 - 15:32

Perso moi je vois les deux centré ^^

Arobasse
Nouveau membre

Messages : 20
Inscrit(e) le : 04/07/2015

http://forum.forumactif.com/
Arobasse a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centrer pied de page pour insérer un copyright

Message par @To le Sam 4 Juil 2015 - 15:49

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.

@To
*****

Masculin
Messages : 923
Inscrit(e) le : 26/02/2015

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

Résolu Re: Centrer pied de page pour insérer un copyright

Message par Arobasse le Sam 4 Juil 2015 - 16:08

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.

Arobasse
Nouveau membre

Messages : 20
Inscrit(e) le : 04/07/2015

http://forum.forumactif.com/
Arobasse a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centrer pied de page pour insérer un copyright

Message par @To le Sam 4 Juil 2015 - 16:14

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?



@To
*****

Masculin
Messages : 923
Inscrit(e) le : 26/02/2015

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

Résolu Re: Centrer pied de page pour insérer un copyright

Message par Arobasse le Sam 4 Juil 2015 - 16:21

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.

Arobasse
Nouveau membre

Messages : 20
Inscrit(e) le : 04/07/2015

http://forum.forumactif.com/
Arobasse a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centrer pied de page pour insérer un copyright

Message par @To le Sam 4 Juil 2015 - 16:32

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

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

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

@To
*****

Masculin
Messages : 923
Inscrit(e) le : 26/02/2015

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

Résolu Re: Centrer pied de page pour insérer un copyright

Message par Arobasse le Sam 4 Juil 2015 - 16:34

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

Arobasse
Nouveau membre

Messages : 20
Inscrit(e) le : 04/07/2015

http://forum.forumactif.com/
Arobasse a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centrer pied de page pour insérer un copyright

Message par @To le Sam 4 Juil 2015 - 16:39

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" scratch

@To
*****

Masculin
Messages : 923
Inscrit(e) le : 26/02/2015

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

Résolu Re: Centrer pied de page pour insérer un copyright

Message par @To le Sam 4 Juil 2015 - 23:23

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! Wink

résolu

@To
*****

Masculin
Messages : 923
Inscrit(e) le : 26/02/2015

@To 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