Modification d'un code html

Résolu/Fermé

medboy94 Messages postés 44 Date d'inscription jeudi 6 septembre 2012 Statut Membre Dernière intervention 14 mai 2016 - Modifié par crapoulou le 28/02/2015 à 19:03
medboy94 Messages postés 44 Date d'inscription jeudi 6 septembre 2012 Statut Membre Dernière intervention 14 mai 2016 - 28 févr. 2015 à 19:32

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>

A voir également:

Modification d'un code html
Code asci - Guide
Logiciel modification pdf - Guide
Suivi de modification word - Guide
Editeur html - Télécharger - HTML
Code puk bloqué - Guide

2 réponses

Réponse 1 / 2

RAD ZONE Messages postés 5224 Date d'inscription samedi 20 janvier 2007 Statut Contributeur Dernière intervention 22 mars 2024 1 353
28 févr. 2015 à 19:14

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;
 }

medboy94 Messages postés 44 Date d'inscription jeudi 6 septembre 2012 Statut Membre Dernière intervention 14 mai 2016
28 févr. 2015 à 19:32

Merci Bro :) !

Réponse 2 / 2

codeurh24 Messages postés 761 Date d'inscription samedi 29 mars 2014 Statut Membre Dernière intervention 8 septembre 2018 123
28 févr. 2015 à 19:23

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

medboy94 Messages postés 44 Date d'inscription jeudi 6 septembre 2012 Statut Membre Dernière intervention 14 mai 2016
28 févr. 2015 à 19:32

Merci :)

Discussions similaires

programme qui n'affiche pas le mot secret

Code de renvoi d'appel : Ooredo, Mobilis...

Discussions similaires

Newsletters