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
Puis ajouter le CSS
Vous pouvez modifier le code, voir même en utiliser un autre, mais laissez le crédit en place !
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 -->
- 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
