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.

[Milouze14]

Salut ombrageux ,
les codes donnés fonctionnent parfaitement, c'est juste que l'on compacte afin de minimaliser la CSS.
Donc le premier code concerne les boutons envoyer/previsualiser et brouillon.
Le deuxième concerne ta deuxième demande et si on cumule tout cela donne ce style( avec la couleur bleu de ton forum ) :
Remplace donc le code donné par celui-ci:

Code:



/* bouton envoyer previsualisation brouillon  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:#0076b1!important;
color:#fff!important;
border:none!important;
border-radius:5px;
}
 


a++

[ombrageux]

Bonjour et merci, mais j'ai toujours le même souci.

Feuille CSS sur forum de test.



Répondre à un MP.



Et si j'édite ma signature.



Désolé pour le tracas.

[Milouze14]

Re,
effectivement je n'avais pris en compte ces boutons .
Tu peux supprimer le style et le remplacer par celui-ci:

Code:

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

Vu que tu souhaites modifier tous les boutons submit, tu peux mettre que ce style :

Code:

 
 
/* bouton envoyer previsualisation brouillon etc*/
input[type="submit"]
{
padding:5px;
background:#0076b1!important;
color:#fff!important;
border:none!important;
border-radius:5px;
}
 

a++

[ombrageux]

Bonsoir,

Ça marche pour tous les boutons apparement, mais si je puis faire mon pénible, il me manque réinitialiser qui n'est pas de la bonne couleur.



D'avance merci.

[Stefano123]

Bonjour à vous tous,

ombrageux,

Dans le deuxième script qui vous a été donné ci-dessus :

Rajouter ceci :

Code:

, input[type="reset"]

Ce qui vous donnera :

Code:

/* bouton envoyer previsualisation brouillon etc*/
input[type="submit"], input[type="reset"]
{
padding:5px;
background:#0076b1!important;
color:#fff!important;
border:none!important;
border-radius:5px;
}

Cordialement,

[ombrageux]

Merci pour la réponse, le code fonctionne, pas de soucis, mais en étant encore plus pénible, j'en ai un autre qui n'est pas de la même couleur, c'est trouver un nom d'utilisateur.



Et puis si en option on peut faire aussi : Dernière visite et Décroissant qui sont des menus déroulant ça serait top, mais c'est facultatif.



D'avance, merci.

[Stefano123]

Re,

Dans le script en question, rajouter à la suite des autres input :

Code:

, input[type="button"]

Cordial,

[ombrageux]

Tout semble en ordre, un grand merci à Milouze et à vous même.

[Chacha]

Tout semble en ordre, un grand merci à Milouze et à vous même.

Afin de faciliter la gestion des problèmes, si le vôtre est résolu, pensez à : éditer votre premier message, cocher l'icône résolu et enregistrer Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton

[ombrageux]

Encore merci à ceux qui m'ont aidé.