AccueilFAQRechercherMembresGroupesS'enregistrerConnexion

Forum de graphisme, codage et game design proposant des tutoriels, astuces, libres services et commandes dans les domaines de l'infographie amateur, de l'intégration web (HTML et CSS essentiellement) ainsi que dans la conception de RPG sur forum.


    Mise en forme de la signature identique pour tout les membres du forum

    Partagez
    avatar
    Chèlha
    FémininAge : 25Messages : 121

    le Jeu 23 Avr 2015 - 22:12

    Rappel du premier message :

    Ceci est le tout premier tutoriel que je présente, et le code est le premier que je crée, enfin bref, ce tutoriel permet de mettre en forme la signature de tout les membres du forum. Ce que je dit n'est peut être pas clair, donc voici un petit exemple : aperçu

    Le cadre est identique pour tout les membres, mais le texte est celui de la signature personnalisée dans le profil.



    Le code est à placer dans le Template viewtopic_body, des lignes 138 à  140 si vous n'avez rien modifié, autrement dit de la ligne
    Code:
    <!-- BEGIN switch_signature -->
    à
    Code:
    <!-- END switch_signature -->
    Remplacez tout ce qu'il y a écrit entre par
    Code:
    <br /><br />_____________________________________________________________________________________________________________________________ <br /><br /><span class="texte_signature"><span class="signature_h1"> ~ ~ Signature : ~ ~ </span><br /><br /><span class="signature_h3">~~~~~</span><div class="bloc_signature">
    {postrow.displayed.SIGNATURE}
    <br /><a href="http://www.never-utopia.com/">Never Utopia</a>
    </div>


    Puis ajouter le CSS
    Code:
    /***Signature***/

    .signature_h1 {
      color: #000000;         /***permet de changer la couleur du titre***/
     
      font-family: Chiller; /***permet de changer la police***/
       font-size: 50px;     /***permet de changer la taille des lettres***/
      font-style: italic;    /***met le titre en italique***/
    }

    .signature_h3 {
      color: #000000;         /***permet de changer la couleur du titre***/

      font-family: Chiller; /***permet de changer la police***/
       font-size: 50px;     /***permet de changer la taille des lettres***/
      font-style: italic;    /***met le titre en italique***/
      letter-spacing: 110px;  /***permet de changer l'espacement des lettres***/
    }
      

    .bloc_signature {
      width:750px;      /***permet de changer la largeur du bloc***/
       color:#000000;    /***permet de changer la couleur des bordures***/
      margin: auto;     /***permet de centrer le bloc***/
       border-top: 5px ridge ;   /***permet de changer la taille de la bordure***/
      border-bottom:ridge 5px ; /***permet de changer la taille de la bordure***/
      border-left:ridge 5px ;   /***permet de changer la taille de la bordure***/
      border-right:ridge 5px ;   /***permet de changer la taille de la bordure***/
      background-color:#E01212; /***permet de changer la couleur de fond***/
      padding: 10px;            /***permet de changer l'espacement entre le texte et le bas du bloc***/

    }
      
    .texte_signature {
      display:block;
      font-size:13px; /***permet de changer l'espacement entre le texte et le bord du bloc***/
      color:black;    /***permet de changer la couleur du texte***/
      text-align:center; /***permet de centrer le texte***/
    }

    /***Fin signature***/

    Vous pouvez modifier le code, voir même en utiliser un autre, mais laissez le crédit en place !

    Attention à bien laisser la partie du code {postrow.displayed.SIGNATURE} en place, sinon le contenu du cadre ne sera pas remplacé par les signatures des profils. Il faut également faire attention à supprimer la séparation message/signature dans le panneau d'administration ( panneau d'administration-> généra -> messages et email -> configuration-> séparation message/signature



    Merci de laisser un message pour donner vos impressions, commentaires et/ou remerciements ^^
    Si vous avez des problèmes avec ce LS, venez poster ici.


    Dernière édition par Chèlha le Ven 24 Avr 2015 - 15:56, édité 1 fois
    avatar
    Likau
    MasculinAge : 24Messages : 326

    le Sam 26 Nov 2016 - 17:51

    Merci, ça pourra être utile <3
    avatar
    Nyotengu
    FémininAge : 24Messages : 85

    le Mer 22 Mar 2017 - 12:51

    merci
    avatar
    Lilynufare
    FémininAge : 28Messages : 341

    le Jeu 18 Mai 2017 - 20:37

    merci :)
    avatar
    Louna Luna
    FémininAge : 23Messages : 147

    le Mar 10 Oct 2017 - 17:27

    Merci !
    avatar
    Adein
    MasculinAge : 27Messages : 46

    le Jeu 30 Nov 2017 - 21:57

    merci
    fascicularia
    MasculinAge : 50Messages : 187

    le Lun 4 Déc 2017 - 19:47

    Merki
    avatar
    Grande
    FémininAge : 30Messages : 207

    le Lun 5 Fév 2018 - 12:18

    Merci



    avatar
    CaNL
    FémininAge : 25Messages : 9

    le Mer 25 Avr 2018 - 19:35

    Merci!
    Contenu sponsorisé


      La date/heure actuelle est Mar 16 Oct 2018 - 12:24