Changer les boutons "Envoyer" et "Prévisualisation" (Invision)

3 participants

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

Résolu Changer les boutons "Envoyer" et "Prévisualisation" (Invision)

Message par Slide21 Lun 19 Sep 2011 - 23:10

Bonjour, ma question est assez simple :

Est-il possible de mettre des boutons personnalisés pour les boutons "Envoyer" et "Prévisualisation" lors de la rédaction de réponse, de réponse rapide ou de nouveau message.

Je n'arrive pas à trouver pour modifier ces boutons.

Nous sommes sous Invision, site : http://fffida-test.bb-fr.com

Actuellement les bouton sont assez petit et blanc (j'aimerais bien garder la couleur des citations blanc...

Rendu actuel :


Changer les boutons "Envoyer" et "Prévisualisation" (Invision) 912062fofo01

Merci d'avance.



Dernière édition par Slide21 le Mer 21 Sep 2011 - 14:47, édité 1 fois
avatar

Slide21
*

Masculin
Messages : 32
Inscrit(e) le : 05/07/2011

http://fffida.forumactif.com/forum
Slide21 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer les boutons "Envoyer" et "Prévisualisation" (Invision)

Message par Lessien0409 Mar 20 Sep 2011 - 18:51

Bonjour.

Faisant parti du script ces boutons ne peuvent pas être modifiés sauf le fond pour cela il te suffit d'insérer e code dans ton CSS :

Code:

input.liteoption {
background-image: url('URL DE TON IMAGE');
background-position: top;
color: #000000;
}
input.mainoption {
background-image: url('URL DE TON IMAGE');
background-position: top;
color: #000000;
}

Tu ne peux normalement rien changer d’autre à part arrondir les coins si jamais arrondit les coins te tente voici le code
Code:
 
input.liteoption {
background-image: url('URL DE TON IMAGE');
background-position: top;
-moz-border-radius:10px;
-webkit-border-radius:10px;
color: #000000;
}
input.mainoption {
background-image: url('URL DE TON IMAGE');
background-position: top;
-moz-border-radius:10px;
-webkit-border-radius:10px;
color: #000000;
}


Cordialement.
Lessien0409

Lessien0409
*

Féminin
Messages : 40
Inscrit(e) le : 07/05/2011

http://magicelfes.forumgratuit.org
Lessien0409 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer les boutons "Envoyer" et "Prévisualisation" (Invision)

Message par Slide21 Mar 20 Sep 2011 - 23:21

Je regarde demain... Merci en tout cas
avatar

Slide21
*

Masculin
Messages : 32
Inscrit(e) le : 05/07/2011

http://fffida.forumactif.com/forum
Slide21 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer les boutons "Envoyer" et "Prévisualisation" (Invision)

Message par Slide21 Mer 21 Sep 2011 - 9:48

Bonjour, j'ai tester mais je n'ai aucun résultat... je ne comprend pas trop.

J'ai sans doute fait une erreur dans l'écriture ou il me manque qqchose.

J'ai tenter en mettant soit une image, soit une couleur, les deux ensemble... bref je ne vois pas trop.

Mer boutons reste désespérément blanc. L'arrondis ne fonctionne pas non plus.
avatar

Slide21
*

Masculin
Messages : 32
Inscrit(e) le : 05/07/2011

http://fffida.forumactif.com/forum
Slide21 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer les boutons "Envoyer" et "Prévisualisation" (Invision)

Message par FANCH 56 Mer 21 Sep 2011 - 11:26

Essaies ce code, c'est celui de mon forum. les touches sont rouges.



Code:



#quick_reply .button {
background: red;
border: 1px solid white;
color: white;
font-size:13px;
}
FANCH 56

FANCH 56
Membre actif

Masculin
Messages : 13259
Inscrit(e) le : 25/07/2005

https://www.anciens-cols-bleus.net/
FANCH 56 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer les boutons "Envoyer" et "Prévisualisation" (Invision)

Message par Slide21 Mer 21 Sep 2011 - 13:03

FANCH 56 a écrit:Essaies ce code, c'est celui de mon forum. les touches sont rouges.



Code:



#quick_reply .button {
background: red;
border: 1px solid white;
color: white;
font-size:13px;
}


C'est parfait, j'ai agrémenter avec du bold et mes couleurs...

Si je peux me permettre, pour les autres boutons lors d'une réponse normal (pas rapide !) et pour les nouveaux messages, quel sont les codes boutons ?


En tout un très grand merci...
avatar

Slide21
*

Masculin
Messages : 32
Inscrit(e) le : 05/07/2011

http://fffida.forumactif.com/forum
Slide21 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer les boutons "Envoyer" et "Prévisualisation" (Invision)

Message par FANCH 56 Mer 21 Sep 2011 - 14:01

Code:
/* ***************** BOUTONS RÉPONDRE ******************** */

.formbuttonrow .button {
    border: 1px solid white;
    font-size: 13px;
    background:red;
    color: #ffffff;
}

Comme c'est mon jour de bonté, voici un code pour la zone de saisie des emails, qui sous invision est petite.

Code:
/* ************** ZONE DE SAISIE EMAIL FORMULAIRE ******************************* */

textarea.inputbox {

width: 800px;

font-size:15px;

background-color:#ffffff;
}
FANCH 56

FANCH 56
Membre actif

Masculin
Messages : 13259
Inscrit(e) le : 25/07/2005

https://www.anciens-cols-bleus.net/
FANCH 56 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer les boutons "Envoyer" et "Prévisualisation" (Invision)

Message par Slide21 Mer 21 Sep 2011 - 14:47

Vraiment, c'est parfait... un plus que grand merci Very Happy

(on peu trouver qqpart la description de quoi correspond à quoi dans le CSS de base ?)


Je garde votre pseudo dans le coin de ma tête... Wink
avatar

Slide21
*

Masculin
Messages : 32
Inscrit(e) le : 05/07/2011

http://fffida.forumactif.com/forum
Slide21 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer les boutons "Envoyer" et "Prévisualisation" (Invision)

Message par FANCH 56 Mer 21 Sep 2011 - 15:54

FANCH 56

FANCH 56
Membre actif

Masculin
Messages : 13259
Inscrit(e) le : 25/07/2005

https://www.anciens-cols-bleus.net/
FANCH 56 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer les boutons "Envoyer" et "Prévisualisation" (Invision)

Message par Slide21 Mer 21 Sep 2011 - 16:30

Vraiment parfait... ça m'évitera sans doute d'autre question... (d'ailleurs sans vouloir abusé hein, une idée pour mon autre sujet sur les titres des sujets en gras ?)

Merci
avatar

Slide21
*

Masculin
Messages : 32
Inscrit(e) le : 05/07/2011

http://fffida.forumactif.com/forum
Slide21 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer les boutons "Envoyer" et "Prévisualisation" (Invision)

Message par FANCH 56 Mer 21 Sep 2011 - 16:32

Slide21 a écrit:Vraiment parfait... ça m'évitera sans doute d'autre question... (d'ailleurs sans vouloir abusé hein, une idée pour mon autre sujet sur les titres des sujets en gras ?)

Merci

Pas trouvé.

Juste en majuscules
Code:

/* ************* MISE EN MAJUSCULE AUTOMATIQUE DES TITRES DES SUJETS ******* */

a.topictitle {

   text-transform:uppercase;
}
FANCH 56

FANCH 56
Membre actif

Masculin
Messages : 13259
Inscrit(e) le : 25/07/2005

https://www.anciens-cols-bleus.net/
FANCH 56 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer les boutons "Envoyer" et "Prévisualisation" (Invision)

Message par Slide21 Mer 21 Sep 2011 - 16:49

Si c'est bon, merci de m'avoir aiguillé Wink

:

Code:

a.topictitle {
 font-weight: bold;
}
avatar

Slide21
*

Masculin
Messages : 32
Inscrit(e) le : 05/07/2011

http://fffida.forumactif.com/forum
Slide21 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer les boutons "Envoyer" et "Prévisualisation" (Invision)

Message par FANCH 56 Mer 21 Sep 2011 - 17:09

Je l'avais oublié celui-là. Very Happy
FANCH 56

FANCH 56
Membre actif

Masculin
Messages : 13259
Inscrit(e) le : 25/07/2005

https://www.anciens-cols-bleus.net/
FANCH 56 a été remercié(e) par l'auteur de ce sujet.

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

- Sujets similaires

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