Ptite_Perle
A les clefs du forum
Je tiens le trousseau de clefs du forum
Fondatrice Messages : 5862 Venue : 27/06/2009 Je suis : Age : 60 Je vie à : Lyon Humeur : Bonne humeur Mes Points : 121088 J'aime ou j'aime pas en CSS | | Coucou Voici un bout de code pour personnaliser tes boutons J'aime ou J'aime pas. Tu peux changer la couleur toi-même en fonction de la couleur de ton forum. Dans le CSS: - Code:
-
.fa_like_div {margin-left: 0px;}button.rep-button.fa_like, button.rep-button.fa_dislike,button.rep-button.fa_liked,button.rep-button.fa_disliked{ background: linear-gradient(rgb(49, 49, 49)0%,rgb(49, 49, 49)100%); border: 1px solid #2c2c2c !important; box-shadow: 0 0 0 1px #2B2B2B inset;}.rep-button, .rep-button:active, .rep-button:focus { border: 1px solid #2c2c2c; border-radius: 4px; color: #C2C2C2; cursor: pointer; float: left; font-family: Trebuchet MS; font-size: 12px; font-weight: 700; line-height: 1; margin: 3px 11px 0 0; outline: none; padding: 6px 10px 6px 10px; position: relative; text-transform: uppercase; transition: color .4s; background-color: #2e2e2e;} button.rep-button.fa_liked{ color: #4CAF50; border: 1px solid #2c2c2c; border-radius: 4px; float: left; font-family: Trebuchet MS; font-size: 12px; font-weight: 700; line-height: 1; margin: 3px 11px 0 0; outline: none; padding: 6px 10px 6px 10px; position: relative; text-transform: uppercase; transition: color .1s; background-color: #2e2e2e; opacity: 1 !important; pointer-events: none; cursor: pointer;}button.rep-button.fa_dislike{ color: #C2C2C2; border: 1px solid #2c2c2c; border-radius: 4px; float: left; font-family: Trebuchet MS; font-size: 12px; font-weight: 700; line-height: 1; margin: 3px 11px 0 0; outline: none; padding: 6px 10px 6px 10px; position: relative; text-transform: uppercase; transition: color .1s; background-color: #2e2e2e; opacity: 1 !important; cursor: pointer;}button.rep-button.fa_disliked{ color: #F44336 !important; border: 1px solid #2c2c2c; border-radius: 4px; float: left; font-family: Trebuchet MS; font-size: 12px; font-weight: 700; line-height: 1; margin: 3px 11px 0 0; outline: none; padding: 6px 10px 6px 10px; position: relative; text-transform: uppercase; transition: color .1s; background-color: #2e2e2e; opacity: 1 !important; pointer-events:none ; cursor: pointer;}.fa_liked path { fill: #4CAF50; }.rep-button{ border: 1px solid #2c2c2c; border-radius: 4px; color: #C2C2C2; cursor: pointer; float: left; font-family: Trebuchet MS; font-size: 12px; font-weight: 700; line-height: 1; margin: 3px 11px 0 0; outline: none; padding: 6px 10px 6px 10px; position: relative; text-transform: uppercase; transition: color .4s; background-color: #2e2e2e;}.rep-button:hover{opacity: 0.8;transition-duration: .5s;} .rep-button svg { color: #4ab01c; font-size: 20px; text-shadow: 0 0 1px #FFF; padding: 4px 3px 6px 7px; background-color: #e1e1e1; margin: -5px 1px -5px -9px; margin-right: 7px !important; border-radius: 2px 0px 0px 2px;}
Le résultat [Vous devez être inscrit et connecté pour voir cette image]
Dernière édition par Ptite_Perle le Ven 1 Avr 2022 - 15:05, édité 1 fois |
| |
sandcreations
Partage
Merci pour ton partage de tes tutos, images
Présence
Merci pour ta présence sur le forum.
Partenaires
Très honoré d'être partenaire
Graphiste Messages : 493 Venue : 14/09/2012 Je suis : Age : 52 Je vie à : Valenciennes Humeur : cool Mes Points : 17621 Re: J'aime ou j'aime pas en CSS | | coucou pas mal sa possibles de la voir en script pour place sur un site pour toute les page |
| |
Ptite_Perle
A les clefs du forum
Je tiens le trousseau de clefs du forum
Fondatrice Messages : 5862 Venue : 27/06/2009 Je suis : Age : 60 Je vie à : Lyon Humeur : Bonne humeur Mes Points : 121088 Re: J'aime ou j'aime pas en CSS | | Coucou sandcreations J'ai ajoutée le résultat en image, à toi de mettre les couleurs pour aller avec les couleurs de forum Bisous |
| |
sandcreations
Partage
Merci pour ton partage de tes tutos, images
Présence
Merci pour ta présence sur le forum.
Partenaires
Très honoré d'être partenaire
Graphiste Messages : 493 Venue : 14/09/2012 Je suis : Age : 52 Je vie à : Valenciennes Humeur : cool Mes Points : 17621 Re: J'aime ou j'aime pas en CSS | | oui mes sa marche pas pour une page HTML |
| |
Ptite_Perle
A les clefs du forum
Je tiens le trousseau de clefs du forum
Fondatrice Messages : 5862 Venue : 27/06/2009 Je suis : Age : 60 Je vie à : Lyon Humeur : Bonne humeur Mes Points : 121088 Re: J'aime ou j'aime pas en CSS | | Coucou Faut le mettre dans le CSS de ta page HTML Je t'ai ajouter un lien ici pour page HTML: [Vous devez être inscrit et connecté pour voir ce lien] |
| |
sandcreations
Partage
Merci pour ton partage de tes tutos, images
Présence
Merci pour ta présence sur le forum.
Partenaires
Très honoré d'être partenaire
Graphiste Messages : 493 Venue : 14/09/2012 Je suis : Age : 52 Je vie à : Valenciennes Humeur : cool Mes Points : 17621 Re: J'aime ou j'aime pas en CSS | | |
| |