Modification d'un code html

Résolu
medboy94 Messages postés 44 Date d'inscription   Statut Membre Dernière intervention   -  
medboy94 Messages postés 44 Date d'inscription   Statut Membre Dernière intervention   -
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>

2 réponses

Réponse 1 / 2
RAD ZONE Messages postés 5230 Date d'inscription   Statut Contributeur Dernière intervention   1 360
 
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
medboy94 Messages postés 44 Date d'inscription   Statut Membre Dernière intervention  
 
Merci Bro :) !
0
Réponse 2 / 2
codeurh24 Messages postés 760 Date d'inscription   Statut Membre Dernière intervention   123
 
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
2
medboy94 Messages postés 44 Date d'inscription   Statut Membre Dernière intervention  
 
Merci :)
0