Modification d'un code html

Résolu
medboy94 Messages postés 61 Statut Membre -  
medboy94 Messages postés 61 Statut Membre -
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

  1.
    RAD ZONE Messages postés 5362 Statut Contributeur 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
    1. medboy94 Messages postés 61 Statut Membre
       
      Merci Bro :) !
      0
  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
    1. medboy94 Messages postés 61 Statut Membre
       
      Merci :)
      0