bouton

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

Résolu bouton

Message par grandbras le Lun 29 Fév 2016 - 17:26

Détails techniques


Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome, Internet Explorer, Opera, Safari, Autre
Capture d'écran du problème :
Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://www.lesnomadesenvr.com/

Description du problème

bonjours

je voudrais changer l'apparence des 2 bouton sur la photo

prévisualiser et envoyer

comment je peut faire sa pour mettre mes 2 images a la place pour avoir mes boutons

merci a l'avance de votre aide


Dernière édition par grandbras le Mar 1 Mar 2016 - 17:40, édité 1 fois

grandbras
****

Masculin
Messages : 288
Inscrit(e) le : 23/02/2010

http://www.lesnomadesenvr.com/
grandbras a été remercié(e) par l'auteur de ce sujet.

Résolu Re: bouton

Message par ◦Jay◦ le Lun 29 Fév 2016 - 18:00

Bonjour, pour mettre une image en fond de ces boutons, vous pouvez mettre ce code dans votre CSS :

Code:
input.liteoption {
background-image: url('URL de l'image);
}
input.mainoption {
background-image: url('URL de l'image');
}

Bien à vous.



◦Jay◦
Créactif
Créactif

Masculin
Messages : 2516
Inscrit(e) le : 24/12/2014

http://www.forum-can-am.com/forum
◦Jay◦ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: bouton

Message par grandbras le Lun 29 Fév 2016 - 18:36

@◦Jay◦ a écrit:Bonjour, pour mettre une image en fond de ces boutons, vous pouvez mettre ce code dans votre CSS :

Code:
input.liteoption {
background-image: url('URL de l'image);
}
input.mainoption {
background-image: url('URL de l'image');
}

Bien à vous.

merci a l,avance mais lequelle est pour envoyer et lequelle est pour previsualiser

mainoption ses tu lui pour prévisualiser ::moitimide::

grandbras
****

Masculin
Messages : 288
Inscrit(e) le : 23/02/2010

http://www.lesnomadesenvr.com/
grandbras a été remercié(e) par l'auteur de ce sujet.

Résolu Re: bouton

Message par Feuilla' le Lun 29 Fév 2016 - 18:53

Bonjour,
"input.liteoption" correspond au bouton de prévisualisation, et "input.mainoption" au bouton d'envoi. Wink
Donc premier : Prévisualiser, deuxième : Envoyer.
Bonne journée !

Feuilla'
# Tropactif #

Messages : 1388
Inscrit(e) le : 26/07/2015

Feuilla' a été remercié(e) par l'auteur de ce sujet.

Résolu Re: bouton

Message par grandbras le Lun 29 Fév 2016 - 19:46

@Feuilla' a écrit:Bonjour,
"input.liteoption" correspond au bouton de prévisualisation, et "input.mainoption" au bouton d'envoi. Wink
Donc premier : Prévisualiser, deuxième : Envoyer.
Bonne journée !

merci pour votre aide mais voici se que sa donne Embarassed



sa fait en sorte que les bouton ne se remplit pas ou ne se remplace pas Peur

je voudrais savoir si de quoi pourrais ameliorer tous sa

merci a l,avance pour votre aide encore

grandbras
****

Masculin
Messages : 288
Inscrit(e) le : 23/02/2010

http://www.lesnomadesenvr.com/
grandbras a été remercié(e) par l'auteur de ce sujet.

Résolu Re: bouton

Message par grandbras le Mar 1 Mar 2016 - 4:02

up

grandbras
****

Masculin
Messages : 288
Inscrit(e) le : 23/02/2010

http://www.lesnomadesenvr.com/
grandbras a été remercié(e) par l'auteur de ce sujet.

Résolu Re: bouton

Message par ◦Jay◦ le Mar 1 Mar 2016 - 7:43

Bonjour grandbras, vous pouvez mettre comme ceci :

Code:
input.liteoption {
background-image: url('URL de l'image');
Background-size: 100% auto;
}
input.mainoption {
background-image: url('URL de l'image');
Background-size: 100% auto;
}

L'image prendra la totalité de la largeur du bouton.

Que voulez-vous mettre comme image ?

Bien à vous.



◦Jay◦
Créactif
Créactif

Masculin
Messages : 2516
Inscrit(e) le : 24/12/2014

http://www.forum-can-am.com/forum
◦Jay◦ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: bouton

Message par Walt le Mar 1 Mar 2016 - 8:16

Bonjour @grandbras,

Je vous rappelle une dernière fois que les UP ne sont autorisés qu'après 24 heures sans réponse.
Etant donné les multiples rappels dont vous avez bénéficié jusqu'à présent, celui-ci sera le dernier avant un bannissement.


Cordialement,

Walt
Modéractif
Modéractif

Masculin
Messages : 1427
Inscrit(e) le : 08/09/2015

Walt a été remercié(e) par l'auteur de ce sujet.

Résolu Re: bouton

Message par grandbras le Mar 1 Mar 2016 - 13:00

@◦Jay◦ a écrit:Bonjour grandbras, vous pouvez mettre comme ceci :

Code:
input.liteoption {
background-image: url('URL de l'image');
Background-size: 100% auto;
}
input.mainoption {
background-image: url('URL de l'image');
Background-size: 100% auto;
}

L'image prendra la totalité de la largeur du bouton.

Que voulez-vous mettre comme image ?

Bien à vous.

bonjour

voici en essayant votre code le résulta est pareille encore a celui du premier code comme sur la photo finalement voici votre code avec les images que je veut avoir

Code:


input.liteoption {
background-image: url('http://www.jular.ca/nv/data/bouton/previsualiser.png');
Background-size: 100% auto;
}
input.mainoption {
background-image: url('http://www.jular.ca/nv/data/bouton/envoyer.png');
Background-size: 100% auto;
}



Embarassed je ne sait plus quoi faire

merci a l'avances pour votre aide thumright

grandbras
****

Masculin
Messages : 288
Inscrit(e) le : 23/02/2010

http://www.lesnomadesenvr.com/
grandbras a été remercié(e) par l'auteur de ce sujet.

Résolu Re: bouton

Message par ◦Jay◦ le Mar 1 Mar 2016 - 13:11

Bonjour grandbras, voila le code css qu'il vous faut :

Code:
input.liteoption {
background-image: url('http://image.noelshack.com/fichiers/2016/09/1456834048-envoyer.png');
height:31px;
width:106px;
color:#000;
border:none;
}
input.mainoption {
background-image: url('http://image.noelshack.com/fichiers/2016/09/1456834048-envoyer.png');
height:31px;
width:106px;
color:#000;
border:none;
}

Bien à vous.

Edit : si vous souhaitez un changement de couleur au passage de la souris, utilisez ce code:

Code:
input.mainoption:hover{color:#fff;}
input.liteoption:hover{color:#fff;}



◦Jay◦
Créactif
Créactif

Masculin
Messages : 2516
Inscrit(e) le : 24/12/2014

http://www.forum-can-am.com/forum
◦Jay◦ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: bouton

Message par grandbras le Mar 1 Mar 2016 - 13:22

Sad Sad voila se que sa donne et meme que avec le nouveau code je me retrouve avec 1 autre trouble de plus et sa se produit quand je sort du panneau d'admins je vous fait un screen des 2 cas





merci encore pour tous

grandbras
****

Masculin
Messages : 288
Inscrit(e) le : 23/02/2010

http://www.lesnomadesenvr.com/
grandbras a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: bouton

Message par ◦Jay◦ le Mar 1 Mar 2016 - 13:24

Vous n'avez pas mis le code que je vous l'ai donné, vous avez changé l'image, mettez le code comme je vous le donne.



◦Jay◦
Créactif
Créactif

Masculin
Messages : 2516
Inscrit(e) le : 24/12/2014

http://www.forum-can-am.com/forum
◦Jay◦ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: bouton

Message par grandbras le Mar 1 Mar 2016 - 17:40

cheers cheers super sa fonctionne avec le code que vous m,aviez donner sauf que je ne savait pas qu'il fallait que je prenne vos images alors je met en résolut et merci encore pour tous salut salut

grandbras
****

Masculin
Messages : 288
Inscrit(e) le : 23/02/2010

http://www.lesnomadesenvr.com/
grandbras 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