Soucis de css spécifique à la partie contact du profil

2 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Soucis de css spécifique à la partie contact du profil

Message par demeter1 Mar 5 Déc 2017 - 15:21

Détails techniques

Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Opera
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://altitudetropicale.forums-actifs.com/index.forum

Description du problème

Bonjour à tous,
je revois petit à petit le forum pour supprimer toutes les images des boutons pour les remplacer par du css

Dans la partie contact du profil, je souhaiterai remplacer les boutons :
-envoyer un email et
- envoyer un mp

J'y suis arrivé mais le hic c'est que ce css influe sur d'autres boutons ayant le même identifiant (logique).
Serait-il possible,toujours par css de spécifier que ce codage ne doit agir que sur la partie contact du profil.

le css en question
Code:



a[href*="privmsg?mode=post"]:after,a[href*="/profile?mode=email"]:after  {  
   background: #4f7801;
    background: -webkit-linear-gradient(#4f7801,#182400);
    background: -o-linear-gradient(#4f7801,#182400);
    background: -moz-linear-gradient(#4f7801,#182400);
    background: linear-gradient(#4f7801,#182400);
    border: 3px double #182400;
    box-shadow: inset 0 -1px 3px #000,0 0 5px #000!important;
    border-radius: 5px;
    display: inline-block;
    font: 700 11px verdana;
    height: 15px;
    padding: 5px;
    text-align: center;
    text-decoration: none;
    width: auto;
    color: #fff;
    -webkit-filter: drop-shadow(28px 28px 20px #000);
    webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    -o-filter: grayscale(0);
    filter: none;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    text-shadow: -1px 0 0 rgba(0,0,0,.8), 1px 0 0 rgba(0,0,0,.8), 0 -1px 0 rgba(0,0,0,.8), 0 1px 0 rgba(0,0,0,.8);
}
a[href*="privmsg?mode=post"]:after {
    content: 'Envoyer un mp';}

a[href*="/profile?mode=email"]:after {
    content: 'Envoyer un email';}

Merci par avance pour votre aide.


Dernière édition par demeter1 le Mar 5 Déc 2017 - 17:17, édité 1 fois
demeter1

demeter1
Membre actif

Masculin
Messages : 8993
Inscrit(e) le : 23/01/2009

https://altitudetropicale.forums-actifs.com/
demeter1 a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Soucis de css spécifique à la partie contact du profil

Message par ◦Jay◦ Mar 5 Déc 2017 - 16:13

Bonjour demeter1, en ajoutant :

Code:
#profile-advanced-details

Exemple :

Code:
#profile-advanced-details a[href*="privmsg?mode=post"]:after....

Bien à vous.
◦Jay◦

◦Jay◦
Membre actif

Masculin
Messages : 4230
Inscrit(e) le : 24/12/2014

https://forum.forumactif.com
◦Jay◦ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Soucis de css spécifique à la partie contact du profil

Message par demeter1 Mar 5 Déc 2017 - 17:16

Bonjour Jay,
Cela fonctionne à la perfection cheers
un grand merci pour cette aide.  je ne vous ferai pas la bise mais le cœur y est.
demeter1

demeter1
Membre actif

Masculin
Messages : 8993
Inscrit(e) le : 23/01/2009

https://altitudetropicale.forums-actifs.com/
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Soucis de css spécifique à la partie contact du profil

Message par ◦Jay◦ Mar 5 Déc 2017 - 18:32

Avec plaisir. Wink

@ bientôt. ok
◦Jay◦

◦Jay◦
Membre actif

Masculin
Messages : 4230
Inscrit(e) le : 24/12/2014

https://forum.forumactif.com
◦Jay◦ a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


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