Modification des boutons prévisualiser brouillon envoyer d'un post

[philou46]

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Autre
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://www.joem-club.fr

Description du problème

Bonjour,

Je chercher à modifier, via mon css, les boutons prévisualiser, brouillon, envoyer, d'un post.
La couleur du fond n'est pas géniale, le texte n'est pas trop visible (voir capture ci dessous)
En fait, j'avais réussi à modifier le fond par une image de ma fabrication, mais cela a disparu avec l'ajout du forum "petites annonces et je ne me souviens plus du tout comment j'avais fait pour mettre ça en place...
Une âme charitable peut elle me venir en aide?
D'avance merci.
Cordialement.
[img:a4b9]https://servimg.com/view/14942928/356]

[◦Jay◦]

Bonjour philou46, vous pouvez mettre ce code en mettant les couleurs de votre choix :

Code:

input.liteoption, input.mainoption {
    background-color: #ffffff;
    color: #000;
}

Si vous voulez mettre une image, vous pouvez faire comme ceci :

Code:

input.liteoption, input.mainoption {
    background-imager:url(url de votre image);
}

Bien à vous.

[philou46]

Bonjour et merci pour la réponse rapide Jay.
J'ai essayé de changer la couleur avec ce code, en vain.
J'ai tenté avec une image avec ce code:

Code:

input.liteoption, input.mainoption {
    background-image:url('http://ahp.li/05271aa815a657232216.png');
}

ça ne fonctionne pas non plus.
Cordialement.

[◦Jay◦]

Ce code fonctionne, peut-être qu'Edge ne le lit pas. Vous pouvez aller dans votre PA et changer la couleur de "Couleur des citations, codes et boutons" cela changera également la couleurs de vos citations.

Cordialement.

[philou46]

J'ai essayé avec firefox, c'est pareil .
Via le PA en changeant la couleur, c'est mieux effectivement;
Par contre, pour changer la couleur de texte dans ces même boutons et la police, ça ce passe où ?
Encore merci pour l'aide, c'est très gentil.
Cordialement.

[◦Jay◦]

Alors si vous avez essayé avec FF et que ça ne fonctionne pas, c'est qu'il y a un problème de votre côté ! N'avez-vous pas déjà un code de ce genre dans votre CSS ?

[philou46]

Alors si vous avez essayé avec FF et que ça ne fonctionne pas, c'est qu'il y a un problème de votre côté ! N'avez-vous pas déjà un code de ce genre dans votre CSS ?

Oui, surement, je pense aussi à cela, le css, mais je n'arrive pas pas à trouver sur quel code intervenir.
Cordialement.

[◦Jay◦]

Sur votre feuille CSS, dans la case "rechercher", écrivez "input" puis cliquez sur rechercher plusieurs fois, vous verrez si vous avez déjà ce code.

[philou46]

Voici ce que j'ai dans mon CSS:

Code:

    #quickloginform input[type="password"],#quickloginform input[type="text"] {
      background:#f2f2f2 none repeat scroll 0 0;
      border:0 none;
      box-sizing:border-box;
      font-family:"Helvetica";
      font-size:14px;
      color:#000000;
      margin:0 0 15px;
      outline:0 none;
      padding:15px;
      width:100%;
    }

ça c'est pour le pop up de connexion visiblement.
Et ceci (votre code)

Code:

input.liteoption, input.mainoption {
    background-image:url('http://ahp.li/05271aa815a657232216.png');
}

Cordialement.

[◦Jay◦]

Il y a un problème, je vois ceci dans votre css :

Code:

input.liteoption, input.mainoption {
    Â Â background-image: url(http://ahp.li/05271aa815a657232216.png);
}

donc, ça ne fonctionne pas, si je mets le code correctement sur votre forum, cela fonctionne bien :

[philou46]

Ah, ça fonctionne
J'ai refait deux fois le code, la première fois, ça me rajoute automatiquement les "Â Â ", je ne sais pas pourquoi.
Merci beaucoup Jay pour l'aide très rapide et l'efficacité.
Je tag en résolu.
Bonne soirée.
Cordialement.