Signature avec arrondis, texte, image et liens

Hello !

voilà une petite signature assez simple avec des arrondis juste pour faire un peu habillé.

> Ce LS est compatible avec toutes les versions.
> Vous n'avez pas nécessairement besoin de l'accès aux templates ni à la CSS, vous pouvez vous service de ce code sur n'importe quel forum.
> Quelques bases en HTML et CSS sont les bienvenues.







~ Si tu n'es pas administrateur du forum et que c'est pour une signature quelque part ailleurs :

Code:

<style>.MavSign{width:500px;padding:5px 0;background-color:#d4c5ae;border-radius:40px 5px 40px 5px;border:1px dashed #3f2b06;margin:auto;font-size:12px;color:#3f2b06;text-align:center}.MavSign a{color:#3f2b06;text-decoration:none;font-weight:700}.MavSign a:hover{font-style:italic}</style>
<div class="MavSign"><a href="#">Lien N°1</a> - <a href="#">Lien N°2</a> - <a href="#">Lien N°3</a> - <a href="#">Lien N°4</a> - <a href="#">Lien N°5</a> - <a href="#">Lien N°6</a> - <a href="#">Lien N°7</a>

<img src="https://i.servimg.com/u/f58/19/54/54/45/sign_o10.png" alt="Tite-May" />

Petite phrase au choix</div>

~ Si tu es administrateur et que c'est une mise en page habituelle :
La CSS n'est pas commentée. Il est possible d'avoir une explication pour une personnalisation plus rapide au besoin
A Placer dans la CSS du forum (Affichage > Couleurs > Feuille de style CSS )

Code:

.MavSign {
width: 500px;
padding: 5px 0;
background-color: #D4C5AE;
border-radius: 40px 5px 40px 5px;
border: 1px dashed #3F2B06;
margin: auto;
font-size:12px;
color: #3F2B06;
text-align: center;
 }
.MavSign a{
 color: #3F2B06;
 text-decoration:none;
 font-weight: bold;
 }
.MavSign a:hover{
 font-style:italic;
 }

Et à placer dans la signature (Profil > Signature )

Code:

<div class="MavSign"><a href="#">Lien N°1</a> - <a href="#">Lien N°2</a> - <a href="#">Lien N°3</a> - <a href="#">Lien N°4</a> - <a href="#">Lien N°5</a> - <a href="#">Lien N°6</a> - <a href="#">Lien N°7</a>

<img src="https://i.servimg.com/u/f58/19/54/54/45/sign_o10.png" alt="Tite-May" />

Petite phrase au choix</div>

---

Si tu as la moindre question ou si tu souhaite que je t'aide à personnaliser le tout, n'hésites pas à demander.
A bientôt !