HADOPI black-out : images, bandeaux, boutons, bannières

Cette page recense les méthodes pour « blackouter » divers média sur le web : pages personnelles, blogs, Twitter, Facebook…

Facebook

1. Connectez-vous à Facebook.
2. Allez sur votre profil avec le lien Profil (ou Profile en anglais) en haut de chaque page.
3. Passez votre souris sur l'image de votre profil : un lien "Changer de photo" (en anglais "Change Picture") apparaît. Cliquez dessus, choisissez "Charger une photo" (en anglais "Upload picture") et uploadez une des bannières fournies sur cette page ou une image de votre composition/choix en rapport avec le blackout.
4. Changez votre statut pour quelque chose comme « soutient l'appel de La Quadrature du Net au blackout de l'Internet français : http://www.laquadrature.net/fr/APPEL-HADOPI-blackout-du-net-francais »

Twitter

1. Connectez-vous à Twitter.
2. Cliquez sur 'Settings' en haut à droite de la page, puis sur 'Picture'.
3. Uploadez une image noire (exemples : http://www.laquadrature.net/wiki/images/f/f7/Quadrature_black-out_HADOPI... ou http://www.laquadrature.net/wiki/images/f/f7/Quadrature_black-out_HADOPI... mais vous pouvez aussi choisir votre propre image) et cliquez sur 'Save'
4. Twittez à ce sujet, avec les tags #blackout-fr et/ou #hadopi.
5. Vous pouvez aussi cliquer sur 'Design', 'Change background image' et uploader un fond d'écran noir.

MySpace

1. Connectez-vous à MySpace.
2. Dans Profil/Personnaliser (en anglais Profile/Customise profile), choisissez le thème de base (le rectangle blanc).
3. Dans Édition avancée (en anglais "Advanced Edit"), passez toutes les couleurs de fond et d'espacement à #000000 et les couleurs de texte à #383838
4. Changez votre statut pour quelque chose comme « soutient l'appel de La Quadrature du Net au blackout de l'Internet français : http://www.laquadrature.net/fr/APPEL-HADOPI-blackout-du-net-francais »

Blogs

Cela passe généralement par la modification du thème du blog.

Dotclear 2

Pour modifier le thème du blog, allez dans /admin, puis cliquez sur Apparence du blog, puis sur l'onglet Installer ou mettre un jour un thème. Vous pouvez alors télécharger ou indiquer directement l'adresse d'un fichier de thème.
Vous pouvez utiliser le thème Absolut disponible à l'adresse http://www.pyeb.net/post/2006/11/25/Ouverture-de-pyebnet-Absolut-en-bonus ; attention celui-ci n'est pas très contrasté, vous pouvez avoir intérêt à modifier la couleur de la classe body dans la CSS.

Wordpress

Plugin SplashScreen

Voici un Plugin SplashScreen, les visiteurs en arrivant sur votre blog auront cet écran qui n'apparaît qu'une seule fois par session et par visiteur :

Installation : téléchargez et décompressez l'archive sur votre ordinateur, puis copiez le dossier black-out-hadopi dans le dossier wp-content/plugins/ sur votre site. Enfin, activez le plugin dans Réglages > Black-out-HADOPI :

Merci à Jessai pour le plugin.

Thèmes

WP < 2.7 : Placez le thème dans wp-content/themes (voir ci-dessous, la méthode est la même que pour WP 2.7). Dans /wp-admin, allez dans Apparence : vous pouvez y choisir le thème nouvellement installé.
WP 2.7 :

Changer un thème WordPress se fait en deux temps. Il faut d'abord charger le thème sur votre hébergement à l'aide d'un client FTP (FireFTP pour Firefox, par exemple).

Placez le dossier du thème dans le dossier "themes" de votre blog. Si vous n'avez rien modifié, l'architecture doit identique à celle de l'image ci-dessous.

Connectez-vous ensuite à l'interface d'administration de votre blog. Dans la colonne de gauche, choisissez "Apparence", voir l'image ci-dessous.

Parmi les thèmes disponibles, cliquez sur l'image de celui que vous souhaitez activer. Une prévisualisation de votre blog avec ce nouveau thème apparaîtra alors. Si cela vous convient, il vous suffit de cliquer sur le lien "Activer (nom du thème)" en haut à droite. Voir l'image ci-dessous.

C'est tout ! Si vous avez bien suivi ces consignes, votre blog doit avoir sa nouvelle tenue !

Plusieurs thèmes possibles :

SPiP 1.9.2g

Bandeau suggéré pour l'en-tête général du site

(code à insérer dans le fichier "inc-entete.html" dans le dossier "/dist" ) :

<center><a href="http://www.laquadrature.net/HADOPI" title="HADOPI - Le Net en France : black-out"><img src="http://media.laquadrature.net/Quadrature_black-out_HADOPI_234x60px_fixed.gif"  style="border:none" alt="HADOPI - Le Net en France : black-out" /><br><span style="font-weight:bold; color:red">LE WEB VA MOURIR EN FRANCE</span></a></center>

Bandeau suggéré pour le(s) billet(s) sur ce sujet

(code à insérer au début du billet ou dans le "chapo") :

<a href="http://www.laquadrature.net/HADOPI" title="HADOPI - Le Net en France : black-out"><img src="http://media.laquadrature.net/Quadrature_black-out_HADOPI_234x60px_fixed.gif" style="border:none" alt="HADOPI - Le Net en France : black-out" /><br>[rouge]LE WEB VA MOURIR EN FRANCE[/rouge]</a>

Exemple : http://desguin.net/spip/spip.php?article144

Pages personnelles

Passer un site en noir

Il suffit de copier ces deux lignes dans n'importe quelle page HTML :

<script type="text/javascript" src="http://tangui.eu.org/blackout/jquery.js"></script> <script type="text/javascript" src="http://tangui.eu.org/blackout/blackout.js"></script>

Vous pouvez faire une copie de ce "plugin" pour l'héberger vous même en le téléchargeant : http://tangui.eu.org/blackout/blackout.zip Il contient les deux fichiers javascript et un fichier message.html contenant le message d'explication du blackout. Un petit effort d'adaptation sera sans doute nécessaire.

Ajouter un voile noir sur TOUTES les pages d'un site

Ce script recouvre votre html d'un voile noir sur chaque page. Affiche un lien vers la Quadrature et un autre pour voir la page non voilée.

Vous pouvez voir le rendu ici: http://www.afpy.org

Pour mettre en œuvre cette solution, ajoutez le script disponible à l'adresse http://friendpaste.com/5Pj7FBt6FntxspEQXWH1ce dans la balise <head> des pages concernées.

Images

Clickez chaque boîte sous l'image de votre choix pour sélectionner le code HTML correspondant. Copiez-le puis collez-le sur vos espaces web.

Plus d'informations sur la page wiki du black-out, ainsi que des images contribuées, des scripts, templates pour les moteurs de blogs et CMS les plus utilisés. Des exemples de messages personnalisés y sont également contribués. (n'hésitez pas à utiliser l'onglet "discussion" pour laisser vos commentaires et suggestions, ou à nous contacter directement: contact (at) laquadrature . net)

images animées : "LE NET EN FRANCE... / BLACK-OUT. / [ ]"

Bannière large 728 x 90 :
HADOPI - Le Net en France : black-out

Bannière large 468 x 60 :
HADOPI - Le Net en France : black-out

Bannière haute 425 x 600 :
HADOPI - Le Net en France : black-out

Bannière haute 425 x 500 :
HADOPI - Le Net en France : black-out

Bannière carrée 425 x 425 :
HADOPI - Le Net en France : black-out

Bannière large 336 x 280 :
HADOPI - Le Net en France : black-out

Bannière haute 300 x 600 :
HADOPI - Le Net en France : black-out

Bannière large 300 x 250 :
HADOPI - Le Net en France : black-out

Bannière carrée 250 x 250 :
HADOPI - Le Net en France : black-out

Bannière haute 240 x 400 :
HADOPI - Le Net en France : black-out

Bannière large 234 x 60 :
HADOPI - Le Net en France : black-out

Bannière large 180 x 150 :
HADOPI - Le Net en France : black-out

Bannière haute 160 x 600 :
HADOPI - Le Net en France : black-out

Bannière carrée 125 x 125 :
HADOPI - Le Net en France : black-out

Bannière haute 120 x 600 :
HADOPI - Le Net en France : black-out

Bannière haute 120 x 240 :
HADOPI - Le Net en France : black-out

Bannière haute 120 x 140 :
HADOPI - Le Net en France : black-out

Bannière large 120 x 90 :
HADOPI - Le Net en France : black-out

Bannière large 120 x 60 :
HADOPI - Le Net en France : black-out

Bannière large 88 x 31 :
HADOPI - Le Net en France : black-out

Bannière large 80 x 15 :
HADOPI - Le Net en France : black-out

Avatars carrés 50x50 (exemple : Twitter) :
HADOPI - Le Net en France : black-out
HADOPI - Le Net en France : black-out

Soutenez La Quadrature du Net!