Je vous propose un petit script pour le Deuil contre la loi maintenant adoptée HADOPI
C'est celui que j'ai mis en place sur ce site.
Tout d'abord un peu d'HTML à placer juste avant votre balise </body>
<div class="hadopi_banner"><a href="http://www.laquadrature.net/HADOPI" title="Pour en savoir plus: La Quadrature du Net">En Deuil contre HADOPI:<br/>Mon site est en deuil contre les obscurantistes industriels du divertissement et leurs lois liberticides</a></div>
Ensuite un peu de css:
.hadopi_banner {
position: absolute;
top: 5px;
left: 0px;
width: 100%;
height: 80px;
margin: 0;
z-index: 100;
padding-top: 10px;
background-color: #000000;
color: #FFFFFF;
font-weight: bold;
font-size: 20px;
text-align: center;
border-top: 1px solid white;
border-bottom: 1px solid white;
display: none;
}
.hadopi_banner a, .hadopi_banner a:hover {
text-decoration: none;
color: #FFFFFF;
}
position: absolute;
top: 5px;
left: 0px;
width: 100%;
height: 80px;
margin: 0;
z-index: 100;
padding-top: 10px;
background-color: #000000;
color: #FFFFFF;
font-weight: bold;
font-size: 20px;
text-align: center;
border-top: 1px solid white;
border-bottom: 1px solid white;
display: none;
}
.hadopi_banner a, .hadopi_banner a:hover {
text-decoration: none;
color: #FFFFFF;
}
Et pour finir, le Javascript (nécessitant JQuery) pour animer la bannière, à placer entre les balises
<script type="text/javascript">
$(document).ready(function(){
$(".hadopi_banner").slideDown("slow");
$(".hadopi_banner").fadeTo("slow","0.8");
}
</script>
$(document).ready(function(){
$(".hadopi_banner").slideDown("slow");
$(".hadopi_banner").fadeTo("slow","0.8");
}
</script>
Même si cela se présente mal, il faut continuer à agir pour préserver nos libertés individuelles !
KNet Solutions