Boutons : envoie, prévisualisation, brouillon.

[ombrageux]

Détails techniques

Version du forum : Invision
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Modification du thème
Lien du forum : https://defoulloir.forumactif.com/

Description du problème

Bonjour,
J'ai modifié le thème de mon forum, mais je n'arrive pas à modifier les boutons envoie, prévisualisation, brouillon dans les messages : répondre, prévisualiser, brouillon envoi MP répondre MP.

Quelqu'un pourrait m'aider a modifier ces boutons ?

D'avance merci.

[Milouze14]

Salut ombrageux,
tu peux personnaliser individuellement les 3 boutons dans ta feuille de style comme ceci:
Modifies l'apparence comme tu le souhaites en mettant si besoin de hack ( !important ) si besoin pour forcer le style

Code:

/* bouton envoyer*/
input[type="submit"][value="Envoyer"]
{
padding:5px;
background:#20aec8!important;
color:#fff!important;
border:none!important;
border-radius:5px;
}
/* bouton previsualisation*/
input[type="submit"][name="preview"]
{
  padding:5px;
background:#20aec8!important;
color:#fff!important;
  border:none!important;
  border-radius:5px;

}
/* bouton brouillon*/
input[type="submit"][name="draft"]
{
  padding:5px;
background:#20aec8!important;
color:#fff!important;
  border:none!important;
  border-radius:5px;

}

Si tu désires avoir la même apparence pour ces 3 boutons:

Code:

/* bouton envoyer previsualisation et brouillon*/
input[type="submit"][value="Envoyer"],input[type="submit"][name="preview"],input[type="submit"][name="draft"]
{
padding:5px;
background:#20aec8!important;
color:#fff!important;
border:none!important;
border-radius:5px;
}



Pour les autres boutons, il sont gérés par des images dans ton panneau d'administration:
Affichage/Images et Couleurs/Gestion des images/Mode Avancé/Boutons

a++

[ombrageux]

Bonjour,

Ça fonctionne, merci beaucoup.

Puis-je me permettre d'abuser en demandant la modification de ceux-ci ?



Dans les messages privés.



Pour la sélection des messages dans la boite des mesages privés.

D'avance, merci.

[Milouze14]

Re,

alors si c'est pour tous les boutons en bas de page, ce code css devrait fonctionner:

Code:


/*boutons bas de page message privès*/
form[action^="/privmsg"] p.left input[type="submit"]
{
padding:5px;
background:#20aec8!important;
color:#fff!important;
border:none!important;
border-radius:5px;
}


Si tu veux cumuler avec le style précédent, sépare par une virgule:

Code:

/* bouton envoyer previsualisation et brouillon boutons bas de page message privès*/
input[type="submit"][value="Envoyer"],input[type="submit"][name="preview"],input[type="submit"][name="draft"],form[action^="/privmsg"] p.left input[type="submit"]
{
padding:5px;
background:#20aec8!important;
color:#fff!important;
border:none!important;
border-radius:5px;
}



a++

[ombrageux]

Bonsoir et merci pour la réponse,

Visiblement celui de code ne fonctionne pas.

Code:

/* bouton envoyer previsualisation et brouillon*/
input[type="submit"][value="Envoyer"],input[type="submit"][name="preview"],input[type="submit"][name="draft"]
{
padding:5px;
background:#20aec8!important;
color:#fff!important;
border:none!important;
border-radius:5px;
}

Mais celui-ci fonctionne.

Code:

/* bouton envoyer previsualisation et brouillon boutons bas de page message privès*/
input[type="submit"][value="Envoyer"],input[type="submit"][name="preview"],input[type="submit"][name="draft"],form[action^="/privmsg"] p.left input[type="submit"]
{
padding:5px;
background:#20aec8!important;
color:#fff!important;
border:none!important;
border-radius:5px;
}


JJai essayé l'un et l'autre seul, j'ai essayé de mettre une virgule à la fin du premier script.