Changer la couleur d'un bouton

[Zeus]

Hello, je suis entrain de créer un site internet et voici mon problème :
J'ai ajouté une formule HTML pour créer un formulaire de souscription à la newsletter, un pote m'a expliqué comment changer la couleur du texte, mais je cherche aussi à changer la couleur du fond du bouton.
A savoir : Je suis vraiment vraiment nul en html, je sais rien faire du tout.

Voici mon code :

<div class="tnp tnp-subscription">
<form method="post" action="XXX...

Bonjour visiteur, merci de vous inscrire ou de vous connecter pour voir l'intégralité de ce sujet ! Identifiez-vous ou inscrivez-vous dès maintenant.

 

[Kohina Hiruko IMK]

Dans ta feuille de style CSS tu doit avoir à un endroit où c'est marquer ça : tnp-field tnp-field-firstname
C'est ici où tu pourra modifier le style de ton bouton, car son apparence est gérer par ton CSS

 

[AlphaGame]

Cyril | MF Network a dit:
Hello, je suis entrain de créer un site internet et voici mon problème :
J'ai ajouté une formule HTML pour créer un formulaire de souscription à la newsletter, un pote m'a expliqué comment changer la couleur du texte, mais je cherche aussi à changer la couleur du fond du bouton.
A savoir : Je suis vraiment vraiment nul en html, je sais rien faire du tout.

Voici mon code :

<div class="tnp tnp-subscription">
<form method="post" action="XXX SITE INTERNET?na=s" onsubmit="return newsletter_check(this)">

<input type="hidden" name="nlang" value="">
<div class="tnp-field tnp-field-firstname"><label style="color:#ff8200";>Ton Prénom</label><input class="tnp-firstname" type="text" name="nn" ></div>
<div class="tnp-field tnp-field-email"><label style="color:#ff8200";>Ton Email</label><input class="tnp-email" type="email" name="ne" required></div>
<div class="tnp-field tnp-field-privacy"><label style="color:#ff8200";><input type="checkbox" name="ny" required class="tnp-privacy"> En continuant, vous acceptez la politique de confidentialité</label></div>
<div class="tnp-field tnp-field-button"><input class="tnp-submit" type="submit" value="Rejoindre le club V.I.P" >
</div>
</form>
</div>

Merci !!!!
Cliquez pour agrandir...

Salut,

Pourquoi tu demande pas à ton pote de créer le site ?
Etant donné que tu y connais rien, tu risque de laisser surement des failles exploitables par ceux qui maitrise le langage
ou apprendre un peu les bases

 

[Kohina Hiruko IMK]

AlphaGame a dit:
Salut,

Pourquoi tu demande pas à ton pote de créer le site ?
Etant donné que tu y connais rien, tu risque de laisser surement des failles exploitables par ceux qui maitrise le langage
ou apprendre un peu les bases
Cliquez pour agrandir...

On commence en faisant des erreurs et au moins il apprend comme ça, il voit comment ça se déroule, se qu'il faut faire etc

 

[1899]

Alors déjà pour commencer évite de mettre du css dans tes balises html c'est pas du tout optimisé, utilise plutôt les feuilles CSS c'est beaucoup plus simple.

Kohina Hiruko RMK a dit:
On commence en faisant des erreurs et au moins il apprend comme ça, il voit comment ça se déroule, se qu'il faut faire etc
Cliquez pour agrandir...

D'un côté je le rejoins, car mettre un site en ligne qui contient possiblement des failles c'est pas top, pour s'entrainer il devrait faire un projet local et s'améliorer au fur et à mesure et pas tout balancer sur le web comme ça

Kohina Hiruko RMK a dit:
tnp-field tnp-field-firstname
Cliquez pour agrandir...

Ce n'est pas la classe d'un bouton mais d'un champs où il faut entrer du texte

 

[Kohina Hiruko IMK]

HayzenRG a dit:
Alors déjà pour commencer évite de mettre du css dans tes balises html c'est pas du tout optimisé, utilise plutôt les feuilles CSS c'est beaucoup plus simple.

D'un côté je le rejoins, car mettre un site en ligne qui contient possiblement des failles c'est pas top, pour s'entrainer il devrait faire un projet local et s'améliorer au fur et à mesure et pas tout balancer sur le web comme ça


Ce n'est pas la classe d'un bouton mais d'un champs où il faut entrer du texte
Cliquez pour agrandir...

Sa fait longtemps que je n'ai pas fait de HTML,CSS,PHP donc désolé si je me suis trompé, j'ai essayer au mieux avec souvenirs qu'il me restait, et après peut-être qu'il ne va pas balancer directement sur le web, on ne sait pas encore, se que je faisait personellement , je developpais mon site entier et ensuite avec quelques potes et moi on faisait des testes de sécurité, on tentait un peu tout pour voir où se trouvait les failles

 

[Zeus]

HayzenRG a dit:
Alors déjà pour commencer évite de mettre du css dans tes balises html c'est pas du tout optimisé, utilise plutôt les feuilles CSS c'est beaucoup plus simple.

D'un côté je le rejoins, car mettre un site en ligne qui contient possiblement des failles c'est pas top, pour s'entrainer il devrait faire un projet local et s'améliorer au fur et à mesure et pas tout balancer sur le web comme ça


Ce n'est pas la classe d'un bouton mais d'un champs où il faut entrer du texte
Cliquez pour agrandir...

De toute façon actuellement je suis entrain de faire mon site sur Wordpress avec Elementor, c'est juste pour la newsletter qu'il y a du html

 

[Enysox]

Cyril | MF Network a dit:
Hello, je suis entrain de créer un site internet et voici mon problème :
J'ai ajouté une formule HTML pour créer un formulaire de souscription à la newsletter, un pote m'a expliqué comment changer la couleur du texte, mais je cherche aussi à changer la couleur du fond du bouton.
A savoir : Je suis vraiment vraiment nul en html, je sais rien faire du tout.

Voici mon code :

<div class="tnp tnp-subscription">
<form method="post" action="XXX SITE INTERNET?na=s" onsubmit="return newsletter_check(this)">

<input type="hidden" name="nlang" value="">
<div class="tnp-field tnp-field-firstname"><label style="color:#ff8200";>Ton Prénom</label><input class="tnp-firstname" type="text" name="nn" ></div>
<div class="tnp-field tnp-field-email"><label style="color:#ff8200";>Ton Email</label><input class="tnp-email" type="email" name="ne" required></div>
<div class="tnp-field tnp-field-privacy"><label style="color:#ff8200";><input type="checkbox" name="ny" required class="tnp-privacy"> En continuant, vous acceptez la politique de confidentialité</label></div>
<div class="tnp-field tnp-field-button"><input class="tnp-submit" type="submit" value="Rejoindre le club V.I.P" >
</div>
</form>
</div>

Merci !!!!
Cliquez pour agrandir...

Rajoute dans ton input (type submit) un style="background-color : laCouleur;"