KNet SolutionsJe 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 !
