[RÉGLÉ] Personnaliser le bouton "Envoyer" avec Fox contact

[nano]

Bonsoir à tous,
comme mon titre le précise, je n'arrive pas à personnalisé le bouton "Envoyer" du formulaire de contact Fox contact.

J'ai crée mon bouton, et je l'ai sauvegardé en png.
Ensuite j'ai envoyé cette image dans ce fichier ...www/media/com_foxcontact/images/submit/Mon image.png
Et là je bloque....

J'ai suivi ce lien http://www.fox.ra.it/forum/20-form-f...it-button.html.
Mais à vrai dire, j'ai pas tout saisie.

J'ai effectué des recherches et on parle souvent d’insérer ce genre de champ :
Exemple : <input type="image" alt="Envoyer" width="100" height="30" src="bouton.png" />

Je comprend pas où ajouter ceci....

Une aide serait la bienvenue

Cordialement

[Grand Schtroumpf]

Re : Personnaliser le bouton &quot;Envoyer&quot; avec Fox contact

Bonjour,
d'après la démo, ton image est au bon endroit, d'après le lien que tu cites, tu devrais pouvoir choisir dans les paramètres de lien de menu l'icône associée au bouton.
Tu as fouillé dans les paramètres du lien de menu ?

[nano]

Re : Personnaliser le bouton &quot;Envoyer&quot; avec Fox contact

Merci GS pour ta réponse.
Oui effectivement, dans les paramètres du lien de menu, mon image est bien présente.
Le problème est lorsque je la sélectionne, je vois 1/10 de mon image et j'ai toujours le background de base de Fox contact.
J'ai essayé de modifier le fichier css, mais rien y fait.

J'espère avoir était comprhéensible.

[Grand Schtroumpf]

Re : Personnaliser le bouton &quot;Envoyer&quot; avec Fox contact

Re,

Le problème est lorsque je la sélectionne, je vois 1/10 de mon image et j'ai toujours le background de base de Fox contact.

ben oui, le principe c'est une icône, pas un bouton image...
De ce que je vois, il y aurait plusieurs styles prédéfinis ; la démo utilise com_foxcontact/css/neon.css. Dedans ou dans l'équivalent que tu utilises tu peux modifier déjà les classes

button.foxbutton {
	cursor:pointer;
	padding:3px 5px 3px 5px;
/*	margin-left: 160px;*/
}

/* Submit button inner text */
button.foxbutton span {
	color: #505050;
}

pour modifier l'aspect de ton bouton. Mais sans voir le site et sans savoir ce que tu veux faire, difficile de te guider...

[nano]

Re : Personnaliser le bouton &quot;Envoyer&quot; avec Fox contact

ben oui, le principe c'est une icône, pas un bouton image...

Oui, c'est bien ça mon problème...
Je souhaiterai mettre mon image à la place de cette icone

Malheureusement, mon site est en local

J'avais déjà essayé de modifier ces classes. Je vais essayer de bidouiller encore, mais j'ai bien perd qu'il va falloir que j'oublie mon idée.

Merci encore pour ton aide

[Grand Schtroumpf]

Re : Personnaliser le bouton &quot;Envoyer&quot; avec Fox contact

Re,
si tu veux juste mettre ton image à la place de l'icône et que tu n'en vois que 1/10ème c'est qu'elle est 10 fois trop grosse.
Pour tester plus facilement tes modifs de CSS et voir où tu dois intervenir, installe toi Firebug sous Firefox.

[nano]

Re : Personnaliser le bouton &quot;Envoyer&quot; avec Fox contact

Oui, avec tes explications, j'ai compris.
Comme tu me l'a précisé c'est le principe d'une icône et non d'une image, donc c'est pour cela que je vois qu'une partie de mon image.

Pour tester plus facilement tes modifs de CSS et voir où tu dois intervenir, installe toi Firebug sous Firefox.

Ceci est déjà fait depuis bien longtemps et heureusement que cet outils existe

Je te remercie pour ton éclairage GS