Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
​
<!--
​
/ut7 - 2012
​
Cet exercice a été amoureusement concocté par les forces vives
de /ut7 (http://ut7.fr), et plus particulièrement par Jonathan
Perret (jonathan@ut7.fr).
​
/ut7 et tous ses salariés sont extatiques à l'idée que vous
utilisiez cet exercice pour embellir votre quotidien et celui
des autres. Si vous souhaitez le diffuser, /ut7 et tous ses
salariés comptent sur vous pour mentionner les auteurs et leur
adresse électronique.
​
Contact : training@ut7.fr
​
-->
​
<html>
<head>
<title>Coloriage magique 1</title>
<style>
​
body {
  background: lightgrey;
}
​
#grille {
  font-size: 1px;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
mark {
  background: transparent;
}
input, button {
  display: none;
}
b, u, s, i, q, label {
  display: inline-block;
  width: 10em;
  height: 10em;
}
​
#errors {
  font-size: 5px;
}
​
</style>
<link rel="stylesheet" type="text/css" href="grille.css">
</head>
<body>
​
<body>
  <div id="grille">
    <div><mark><q></q></mark><span><span><q></q><q></q><q></q><q></q><q></q><q></q><q></q><q></q><q></q><q></q><q></q><q></q><q></q><q></q></span></span></div>
    <div><mark><q></q></mark><b><u></u></b><b></b><b></b><b></b><b></b><b></b><b></b><b></b><b></b><b></b><b></b><b></b><b></b><span><span><q></q></span></span></div>
    <div><mark><q></q></mark><b></b><b></b><b></b><b></b><b></b><label for="check-me"></label><b></b><b></b><b></b><b></b><b></b><b></b><b></b><span><span><q></q></span></span></div>
    <div><mark><q></q></mark><b></b><b></b><b></b><b></b><b></b><label for="check-me"></label><b></b><b></b><b></b><b></b><b></b><b></b><b></b><span><span><q></q></span></span></div>
    <div><mark><q></q></mark><b></b><b></b><b></b><b></b><b></b><label for="check-me"></label><b></b><b></b><b></b><b></b><i title="test"></i><i title="test"></i><input type="checkbox" checked><q></q><span><span><q></q></span></span></div>
    <div><mark><q></q></mark><input type="checkbox" checked><q></q><i title="test"></i><b></b><b></b><b></b><label for="check-me"></label><b></b><b></b><i title="test"></i><input type="checkbox" checked><q></q><input type="checkbox" checked><q></q><input type="checkbox" checked><q></q><b></b><span><span><q></q></span></span></div>
    <div><mark><q></q></mark><b></b><input type="checkbox" checked><q></q><input type="checkbox" checked><q></q><label for="check-me"></label><input type="checkbox" checked><q></q><label for="check-me"></label><input type="checkbox" checked><q></q><label for="check-me"></label><input type="checkbox" checked><q></q><label for="check-me"></label><input type="checkbox" checked><q></q><input type="checkbox" checked><q></q><b></b><span><span><q></q></span></span></div>
    <div><mark><q></q></mark><b></b><b></b><input type="checkbox" checked><q></q><input type="checkbox" checked><q></q><input type="checkbox" checked><q></q><input type="checkbox" checked><q></q><input type="checkbox" checked><q></q><input type="checkbox" checked><q></q><input type="checkbox" checked><q></q><input type="checkbox" checked><q></q><input type="checkbox" checked><q></q><b></b><b></b><span><span><q></q></span></span></div>
    <div><mark><q></q></mark><i class="pim plouf"></i><i class="pam"></i><u></u><u></u><u></u><u></u><u></u><u></u><u></u><u></u><i class="pim pam"></i><i class="poum"></i><i class="poum pim pam"></i><span><span><q></q></span></span></div>
    <div><mark><q></q><q></q></mark><mark><q></q><q></q></mark><mark><q></q><q></q></mark><mark><q></q><q></q></mark><mark><q></q><q></q></mark><mark><q></q><q></q></mark><mark><q></q><q></q></mark><mark><q></q></mark></div>
    <hr>
    <div id="errors">
      <u></u>
      <label for="dont-check-me"></label>
      <input type="radio" checked><q></q>
      <input type="checkbox"><q></q>
      <input type="checkbox" checked class="oups"><q></q>
      <input type="checkbox" checked><i></i><q></q>
      <span><i></i></span>
      <mark><i></i><i></i><q></q></mark>
    </div>
  </div>
</div>
​
</body>
</html>
​
​
​
 
​
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
pchampinpro
0viewers