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

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 !

Bonjour.
Alors tout d'abord merci de partager avec Never-Utopia ! C'est super !

Néanmoins, je vais devoir te demander de faire des modifications.
Déjà premièrement tu dois probablement citer quelque chose comme begin et end juste avant de donner ton code. Et bien mets ces derniers entre balises code parce que sinon ils ne sont pas affichés dans le message et on comprend tout de suite moins bien (lire en prévisualisation peut éviter ces petits désagréments).

Ensuite, je préférerais que tu ajoutes un screen en plus du lien vers ton forum. Parce qu'il suffit que pour une raison X ou Y tu l'enlèves pour qu'on ait plus d'aperçu.

Il y a une chose que tu ne sais peut-être pas mais la balise du "saut de ligne" c'est

Code:

<br />

avec l'espace et le slash à la fin. Et si jamais tu voulais juste mettre en gras c'est

Code:

<b></b> ou <strong></strong>

Je vois que tu mets des

Code:

<center>

partout mais cette balise est dépréciée, si tu veux centrer le tout il te suffit de mettre

Code:

margin: auto;

dans la div ou le span qui doit être centré. De même que tu utilises des

Code:

<i>

pourquoi pas mais il serait nettement plus simple à la modification de mettre

Code:

font-style: italic;

.

D'ailleurs, pourquoi n'as-tu pas séparé le CSS du HTML ? Afin d'avoir le CSS dans la feuille de style du panneau d'administration pour pouvoir modifier plus simplement sans passer tout le temps par le template.

J'attends tes modifications pour déplacer le sujet. Bien sûr si tu as des questions ou que tu trouves que je m'exprime mal n'hésite pas à me le dire xD. Je ne suis pas un tyran

Merci d'avoir répondu aussi vite, j'ai modifié le code et rajouté le CSS. Normalement, tout est OK !

En plus tu as commenté ton CSS C'est super !

Remarque, en phpBB2 sans template modifié, j'ai trouvé le

Code:

<!-- BEGIN switch_signature -->

à la ligne 236

Oups ! Je suis une grosse boulette... C'est bien les lignes 236 à 240 qui sont à modifier.

Très bonne idée, merci beaucoup pour le partage ! =D

Et bien merci pour le partage ^^

merci

THX

Merci ^^ !

L'apercu n'existe plus :/

Intrigué, je voudrai en savoir plus ( l'aperçu ne fonctionne plus :x ), merci pour ce partage :)

Merci d'avoir signalé l problème de l'aperçu, ça a été mis à jour :)

Merci ＼（Ｔ∇Ｔ）／

Merci beaucoup

Merci pour ton code :)

magnifique merci beaucoup :)

Merci ! :)

Merci

Merci! ^^

Merci !

Merci, ca va satisfaire ma curiosité

J'aime beaucoup l'idée merci du partage

Merci

Merci !