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

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 le 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 :




Merci d'avance.



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

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 le 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
*

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 le Mar 20 Sep 2011 - 23:21

Je regarde demain... Merci en tout cas

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 le 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.

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 le 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
+ Hyperactif +

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

http://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 le 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...

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 le 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
+ Hyperactif +

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

http://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 le 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

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 le Mer 21 Sep 2011 - 15:54


FANCH 56
+ Hyperactif +

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

http://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 le 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

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 le 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
+ Hyperactif +

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

http://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 le Mer 21 Sep 2011 - 16:49

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

:

Code:

a.topictitle {
 font-weight: bold;
}

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 le Mer 21 Sep 2011 - 17:09

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

FANCH 56
+ Hyperactif +

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

http://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


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