Warning: Missing argument 3 for Instagrate_Pro_Comments::comment_text(), called in /home/clients/e97807aa34c3e2f7f25e875b1cfa1662/web/wp-includes/class-wp-hook.php on line 298 and defined in /home/clients/e97807aa34c3e2f7f25e875b1cfa1662/web/wp-content/plugins/instagrate-pro/includes/class-comments.php on line 192

Warning: Missing argument 3 for Instagrate_Pro_Comments::comment_text(), called in /home/clients/e97807aa34c3e2f7f25e875b1cfa1662/web/wp-includes/class-wp-hook.php on line 298 and defined in /home/clients/e97807aa34c3e2f7f25e875b1cfa1662/web/wp-content/plugins/instagrate-pro/includes/class-comments.php on line 192

Warning: Missing argument 3 for Instagrate_Pro_Comments::comment_text(), called in /home/clients/e97807aa34c3e2f7f25e875b1cfa1662/web/wp-includes/class-wp-hook.php on line 298 and defined in /home/clients/e97807aa34c3e2f7f25e875b1cfa1662/web/wp-content/plugins/instagrate-pro/includes/class-comments.php on line 192

Warning: Missing argument 3 for Instagrate_Pro_Comments::comment_text(), called in /home/clients/e97807aa34c3e2f7f25e875b1cfa1662/web/wp-includes/class-wp-hook.php on line 298 and defined in /home/clients/e97807aa34c3e2f7f25e875b1cfa1662/web/wp-content/plugins/instagrate-pro/includes/class-comments.php on line 192

Warning: Missing argument 3 for Instagrate_Pro_Comments::comment_text(), called in /home/clients/e97807aa34c3e2f7f25e875b1cfa1662/web/wp-includes/class-wp-hook.php on line 298 and defined in /home/clients/e97807aa34c3e2f7f25e875b1cfa1662/web/wp-content/plugins/instagrate-pro/includes/class-comments.php on line 192

Warning: Missing argument 3 for Instagrate_Pro_Comments::comment_text(), called in /home/clients/e97807aa34c3e2f7f25e875b1cfa1662/web/wp-includes/class-wp-hook.php on line 298 and defined in /home/clients/e97807aa34c3e2f7f25e875b1cfa1662/web/wp-content/plugins/instagrate-pro/includes/class-comments.php on line 192

Warning: Missing argument 3 for Instagrate_Pro_Comments::comment_text(), called in /home/clients/e97807aa34c3e2f7f25e875b1cfa1662/web/wp-includes/class-wp-hook.php on line 298 and defined in /home/clients/e97807aa34c3e2f7f25e875b1cfa1662/web/wp-content/plugins/instagrate-pro/includes/class-comments.php on line 192

Warning: Missing argument 3 for Instagrate_Pro_Comments::comment_text(), called in /home/clients/e97807aa34c3e2f7f25e875b1cfa1662/web/wp-includes/class-wp-hook.php on line 298 and defined in /home/clients/e97807aa34c3e2f7f25e875b1cfa1662/web/wp-content/plugins/instagrate-pro/includes/class-comments.php on line 192

Warning: Missing argument 3 for Instagrate_Pro_Comments::comment_text(), called in /home/clients/e97807aa34c3e2f7f25e875b1cfa1662/web/wp-includes/class-wp-hook.php on line 298 and defined in /home/clients/e97807aa34c3e2f7f25e875b1cfa1662/web/wp-content/plugins/instagrate-pro/includes/class-comments.php on line 192

Warning: Missing argument 3 for Instagrate_Pro_Comments::comment_text(), called in /home/clients/e97807aa34c3e2f7f25e875b1cfa1662/web/wp-includes/class-wp-hook.php on line 298 and defined in /home/clients/e97807aa34c3e2f7f25e875b1cfa1662/web/wp-content/plugins/instagrate-pro/includes/class-comments.php on line 192

Warning: Missing argument 3 for Instagrate_Pro_Comments::comment_text(), called in /home/clients/e97807aa34c3e2f7f25e875b1cfa1662/web/wp-includes/class-wp-hook.php on line 298 and defined in /home/clients/e97807aa34c3e2f7f25e875b1cfa1662/web/wp-content/plugins/instagrate-pro/includes/class-comments.php on line 192

Warning: Missing argument 3 for Instagrate_Pro_Comments::comment_text(), called in /home/clients/e97807aa34c3e2f7f25e875b1cfa1662/web/wp-includes/class-wp-hook.php on line 298 and defined in /home/clients/e97807aa34c3e2f7f25e875b1cfa1662/web/wp-content/plugins/instagrate-pro/includes/class-comments.php on line 192

Warning: Missing argument 3 for Instagrate_Pro_Comments::comment_text(), called in /home/clients/e97807aa34c3e2f7f25e875b1cfa1662/web/wp-includes/class-wp-hook.php on line 298 and defined in /home/clients/e97807aa34c3e2f7f25e875b1cfa1662/web/wp-content/plugins/instagrate-pro/includes/class-comments.php on line 192

Warning: Missing argument 3 for Instagrate_Pro_Comments::comment_text(), called in /home/clients/e97807aa34c3e2f7f25e875b1cfa1662/web/wp-includes/class-wp-hook.php on line 298 and defined in /home/clients/e97807aa34c3e2f7f25e875b1cfa1662/web/wp-content/plugins/instagrate-pro/includes/class-comments.php on line 192

Warning: Missing argument 3 for Instagrate_Pro_Comments::comment_text(), called in /home/clients/e97807aa34c3e2f7f25e875b1cfa1662/web/wp-includes/class-wp-hook.php on line 298 and defined in /home/clients/e97807aa34c3e2f7f25e875b1cfa1662/web/wp-content/plugins/instagrate-pro/includes/class-comments.php on line 192

Warning: Missing argument 3 for Instagrate_Pro_Comments::comment_text(), called in /home/clients/e97807aa34c3e2f7f25e875b1cfa1662/web/wp-includes/class-wp-hook.php on line 298 and defined in /home/clients/e97807aa34c3e2f7f25e875b1cfa1662/web/wp-content/plugins/instagrate-pro/includes/class-comments.php on line 192

Warning: Missing argument 3 for Instagrate_Pro_Comments::comment_text(), called in /home/clients/e97807aa34c3e2f7f25e875b1cfa1662/web/wp-includes/class-wp-hook.php on line 298 and defined in /home/clients/e97807aa34c3e2f7f25e875b1cfa1662/web/wp-content/plugins/instagrate-pro/includes/class-comments.php on line 192

Warning: Missing argument 3 for Instagrate_Pro_Comments::comment_text(), called in /home/clients/e97807aa34c3e2f7f25e875b1cfa1662/web/wp-includes/class-wp-hook.php on line 298 and defined in /home/clients/e97807aa34c3e2f7f25e875b1cfa1662/web/wp-content/plugins/instagrate-pro/includes/class-comments.php on line 192

Warning: Missing argument 3 for Instagrate_Pro_Comments::comment_text(), called in /home/clients/e97807aa34c3e2f7f25e875b1cfa1662/web/wp-includes/class-wp-hook.php on line 298 and defined in /home/clients/e97807aa34c3e2f7f25e875b1cfa1662/web/wp-content/plugins/instagrate-pro/includes/class-comments.php on line 192

Warning: Missing argument 3 for Instagrate_Pro_Comments::comment_text(), called in /home/clients/e97807aa34c3e2f7f25e875b1cfa1662/web/wp-includes/class-wp-hook.php on line 298 and defined in /home/clients/e97807aa34c3e2f7f25e875b1cfa1662/web/wp-content/plugins/instagrate-pro/includes/class-comments.php on line 192

Warning: Missing argument 3 for Instagrate_Pro_Comments::comment_text(), called in /home/clients/e97807aa34c3e2f7f25e875b1cfa1662/web/wp-includes/class-wp-hook.php on line 298 and defined in /home/clients/e97807aa34c3e2f7f25e875b1cfa1662/web/wp-content/plugins/instagrate-pro/includes/class-comments.php on line 192

Warning: Missing argument 3 for Instagrate_Pro_Comments::comment_text(), called in /home/clients/e97807aa34c3e2f7f25e875b1cfa1662/web/wp-includes/class-wp-hook.php on line 298 and defined in /home/clients/e97807aa34c3e2f7f25e875b1cfa1662/web/wp-content/plugins/instagrate-pro/includes/class-comments.php on line 192

Warning: Missing argument 3 for Instagrate_Pro_Comments::comment_text(), called in /home/clients/e97807aa34c3e2f7f25e875b1cfa1662/web/wp-includes/class-wp-hook.php on line 298 and defined in /home/clients/e97807aa34c3e2f7f25e875b1cfa1662/web/wp-content/plugins/instagrate-pro/includes/class-comments.php on line 192

Warning: Missing argument 3 for Instagrate_Pro_Comments::comment_text(), called in /home/clients/e97807aa34c3e2f7f25e875b1cfa1662/web/wp-includes/class-wp-hook.php on line 298 and defined in /home/clients/e97807aa34c3e2f7f25e875b1cfa1662/web/wp-content/plugins/instagrate-pro/includes/class-comments.php on line 192

Warning: Missing argument 3 for Instagrate_Pro_Comments::comment_text(), called in /home/clients/e97807aa34c3e2f7f25e875b1cfa1662/web/wp-includes/class-wp-hook.php on line 298 and defined in /home/clients/e97807aa34c3e2f7f25e875b1cfa1662/web/wp-content/plugins/instagrate-pro/includes/class-comments.php on line 192

Warning: Missing argument 3 for Instagrate_Pro_Comments::comment_text(), called in /home/clients/e97807aa34c3e2f7f25e875b1cfa1662/web/wp-includes/class-wp-hook.php on line 298 and defined in /home/clients/e97807aa34c3e2f7f25e875b1cfa1662/web/wp-content/plugins/instagrate-pro/includes/class-comments.php on line 192

Warning: Missing argument 3 for Instagrate_Pro_Comments::comment_text(), called in /home/clients/e97807aa34c3e2f7f25e875b1cfa1662/web/wp-includes/class-wp-hook.php on line 298 and defined in /home/clients/e97807aa34c3e2f7f25e875b1cfa1662/web/wp-content/plugins/instagrate-pro/includes/class-comments.php on line 192

Warning: Missing argument 3 for Instagrate_Pro_Comments::comment_text(), called in /home/clients/e97807aa34c3e2f7f25e875b1cfa1662/web/wp-includes/class-wp-hook.php on line 298 and defined in /home/clients/e97807aa34c3e2f7f25e875b1cfa1662/web/wp-content/plugins/instagrate-pro/includes/class-comments.php on line 192
Même pas mal! » javascript

La vie d’un blogueur est pleine d’obligations, il nous arrive ainsi parfois de devoir insérer dans nos articles des images de cul, violentes ou immorales. Cela présente le risque majeur de voir notre fidèle clientèle diminuer ses visites, du moment que celles-ci sont effectuées depuis le lieu de travail, aux yeux des collègues qui lorgnent vicieusement par dessus l’épaule.

Je vais aujourd’hui te montrer comment faire en sorte de masquer tes images les plus sensibles, avec possibilité pour le visiteur de faire apparaître l’original à ses risques et périls.

Et vu que rien ne vaut un bon exemple, voici une image de chaton censurée. Tu cliques dessus et tu saignes des yeux.

chaton_roux

Si tu veux essayer plusieurs fois il faut en revanche recharger la page, l’effet est volontairement à sens unique.

Cette transition est assurée en ajoutant simplement une classe « nsfw » aux images que tu désires masquer, un script jQuery va ensuite s’occuper de les parcourir, remplaçant pour chacune d’entre-elle l’image par une autre de ton choix. Dès que ton visiteur cliquera sur une de ces images alors toutes celles censurées apparaîtront.

Voici un exemple de code HTML permettant ce remplacement, tu constateras que cette image de chaton possède plusieurs classes, dont la fameuse « nsfw » qui permet ladite censure.

Bien entendu, pour que cela fonctionne il te faut ajouter un petit bout de code entre les balises « head » et « /head » de ta page HTML. Si tu utilises un blog sous WordPress tu devras aller faire cet ajout dans le fichier « header.php » qui se trouve dans le répertoire de ton thème.

Ce code est écrit en jQuery, tu devras donc intégrer la librairie adéquate (si ce n’est déjà fait) en la téléchargeant sur le site officiel, puis en l’insérant juste avant.

Tu peux même utiliser mon image de remplacement, gracieusement mise à ta disposition, tu fais juste un clic droit puis tu choisis « Enregistrer l’image sous… » .

nsfw

, , ,    
Grâce à mes conseils technologiques de la veille tu pouvais faire tomber la magie enneigée de nouyelle sur ton blog, je vais aujourd’hui te montrer comment améliorer cette féerie ambiante.

Le problème du tutoriel d’hier est qu’il te faut modifier ton fichier « header.php » pour y inclure le code JavaScript chaque début décembre et le re-modifier à la fin de l’hiver pour retirer le script, au risque de voir tomber des flocons sur ton blog en plein mois d’août. On n’a pas tous la patience nécessaire de l’exercice, et demander des modifications à son webmaster trop souvent risque fort de finir par l’énerver profondément.

Voici donc un petit bout de code PHP fait maison qui permet de limiter magiquement automatiquement l’exécution du script des flocons entre décembre et janvier compris.

Dans ton fichier « header.php » tu remplaces donc la ligne que je t’ai suggérée hier.



Par celles-ci.



Et ainsi, chaque année cette saleté de magie s’opérera toute seule.

J’en profite pour te souhaiter un noyeux Joël, que les jolis flocons et le cholestérol te soient propices en cette fin d’année! , ,    
Les fêtes de fin d’année approchent à grand pas et tout blog chrétien digne de ce nom doit évoluer dans le respect de Jésus et du petit Papa Nouyelle.

Je te propose donc aujourd’hui d’enjoliver tes publications grâce à un magnifique script qui fera tomber de petits flocons sur ton blog WordPress. Ça fonctionne évidemment sur d’autres plateformes mais il te faudra juste adapter l’intégration du script.

Tout d’abord il te faut charger un fichier JavaScript magique (tout est magique à Noël), pour cela il te suffit de faire un clic droit ici, de choisir « Enregistrer la cible du lien sous… » puis d’envoyer ce fichier à la racine de ton site web grâce à ton client FTP favori. Si t’as rien compris à cette dernière phrase alors file te boire un verre de vin chaud et parle-en à ton webgod (on ne dit plus « webmaster » depuis peu, ça ne mettait pas assez en valeur la profession).

Ensuite, tu vas dans le répertoire de ton thème WordPress et tu ouvres le fichier « header.php » , entre les balises <head> et </head> tu vas ajouter le code magique suivant.



Ho ho hoooo!

Ouais je sais, mais faire le Père Noyel en onomatopée c’est pas évident.

Tu peux paramétrer plein de trucs magiques, comme par exemple la couleur des flocons. Cherche la ligne magique suivante dans le fichier JavasScript et modifie selon tes envies (magiques elles aussi).



Ah ouais, au passage, ce script est distribué sous la licence BSD que voici.



Le script intégral ainsi qu’un mode d’emploi plus complet est disponible en anglais sur schillmania.com, le site original du créateur. , ,