Idea Les Râleuses sont absentes.. Idea
Le forum est en vacances mais toutes nos ressources restent disponibles. (En savoir +)
Le Deal du moment : -20%
Figurine Herbizarre N°76 – Collection Super ...
Voir le deal
11.99 €

Aller en bas
Mäven
Mäven
Râleuse (Admin)
Informations : Absente / peu présente le soir à partir de 18h30
----
Idea Viens papoter avec nous sur le discord

Messages : 4323
https://tambouille-raleuses.forumactif.com/

Signature avec arrondis, texte, image et liens Empty Signature avec arrondis, texte, image et liens

le Sam 1 Fév 2020 - 10:42

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.

Aperçu




Les codes


~ 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 Smile
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 !



_________________
Flitzz
Flitzz
Pseudo Discord : TicTac
Messages : 914
http://sur-nos-ecrans.forumactif.com/

Signature avec arrondis, texte, image et liens Empty Re: Signature avec arrondis, texte, image et liens

le Lun 10 Fév 2020 - 20:35
SAlut Mary,

je la trouve sympa et simple à personnaliser alors je te la chippe
Mäven
Mäven
Râleuse (Admin)
Informations : Absente / peu présente le soir à partir de 18h30
----
Idea Viens papoter avec nous sur le discord

Messages : 4323
https://tambouille-raleuses.forumactif.com/

Signature avec arrondis, texte, image et liens Empty Re: Signature avec arrondis, texte, image et liens

le Mar 11 Fév 2020 - 7:45
Ca me fait plaisir @Flitzz Smile

_________________
Féli
Féli
Messages : 665
http://feli.forumactif.org

Signature avec arrondis, texte, image et liens Empty Re: Signature avec arrondis, texte, image et liens

le Mar 11 Fév 2020 - 10:50
sympa merci
Flitzz
Flitzz
Pseudo Discord : TicTac
Messages : 914
http://sur-nos-ecrans.forumactif.com/

Signature avec arrondis, texte, image et liens Empty Re: Signature avec arrondis, texte, image et liens

le Mar 11 Fév 2020 - 13:17
de rien Mary
Contenu sponsorisé

Signature avec arrondis, texte, image et liens Empty Re: Signature avec arrondis, texte, image et liens

Revenir en haut
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum



Post-It des Râleuses