Modification d'un code html [Résolu/Fermé]

Signaler
Messages postés
44
Date d'inscription
jeudi 6 septembre 2012
Statut
Membre
Dernière intervention
14 mai 2016
 -
Messages postés
44
Date d'inscription
jeudi 6 septembre 2012
Statut
Membre
Dernière intervention
14 mai 2016
 -
Bonjour,


J'ai ce code html qui permet de changé la couleur de la page avec 3 boutton

Je veux ajouté quelque chose pour chaque couleur un style d'ecriture different
par exemple :

boutton 1: couleur rouge + écriture Italique ( arial )
boutton 2 : Couleur marron + écriture gras ( comic sans ms )
boutton 3 : couleur bleu + écriture taille 18 en gras 
<html>
<head>
  <script src="[https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js]"></script>
   <script type="text/javascript"> 

  $(document).ready(function(){ 

   $("li.one").click( function(){ $
    ("body").removeClass('bg2 , bg3').addClass("bg1"); 
   });

   $("li.two").click( function(){ $
    ("body").removeClass("bg1 , bg3").addClass("bg2"); 
   });

   $("li.three").click( function(){ $
    ("body").removeClass("bg1 , bg2").addClass("bg3"); 
   }); 
    
  });

 </script>
  <style>
.bg1 { background: url(votre_image_içi) repeat; background-color: #6c0000;
}

.bg2 { 
 background: url(votre_image_içi) repeat; background-color: #5A2A00; 
}


.bg3 { background: url(votre_image_içi) repeat; background-color: #00345B; ; }
</style>
</head>
<body>
<ul>
 <li class="one">
<button onclick=Ecrire() > Couleur1  </button>
<a href="#000000"></a>
</li>
        <li class="two">

<button onclick=Ecrire() > Couleur2   </button><a href="#00000"></a></li>
        <li class="three">
<button onclick=Ecrire() > Couleur3   </button><a href="#00000"></a></li>
</ul>
Afficher la suite

2 réponses

Réponse 1 / 2
Messages postés
5205
Date d'inscription
samedi 20 janvier 2007
Statut
Contributeur
Dernière intervention
19 avril 2020
 1 333
Salut

c est dans les css que tu dois donner les valeurs !

exemple 
.bg1 {
   background: url(votre_image_içi) repeat;
   background-color: #6c0000;
   font-family: Arial;
   font-style: italic;
 }


a+
5
Merci
Merci

Quelques mots de remerciements seront grandement appréciés. Ajouter un commentaire

CCM 63550 internautes nous ont dit merci ce mois-ci

Signaler
Messages postés
44
Date d'inscription
jeudi 6 septembre 2012
Statut
Membre
Dernière intervention
14 mai 2016
Merci Bro :) !
Réponse 2 / 2
Messages postés
760
Date d'inscription
samedi 29 mars 2014
Statut
Membre
Dernière intervention
8 septembre 2018
 106
bonsoir.


boutton 1 : color:#F00; font-style: italic;
boutton 2 : color:#752201; font-weight: bold; font-family:"Comic Sans MS", cursive, sans-serif;
boutton 3 : color:#00F; font-size:18px;

A adapter dans le css de bg1 bg2 ou bg3
Signaler
Messages postés
44
Date d'inscription
jeudi 6 septembre 2012
Statut
Membre
Dernière intervention
14 mai 2016
Merci :)
Posez votre question