Tag : Customiser

Lorsque je vous annonçai le nouveau design du blog, je vous avais dis que je vous réservais une petite surprise quant à l'image du haut.

Hé bien en fait, c'est très simple : je vous propose d'envoyez vos images pour quelles apparaissent à cet emplacement, après une validation de ma part. Vous y gagnerez un lien sur votre nom et ma gratitude. Les images sont choisies aléatoirement parmi celles validées pour changer à chaque rechargement de page.

Ah, j'oubliai un détail : le lien d'envoi !

Et pour voir ceux qui existent déjà, la Liste des Header est disponible.

Tous les types d'images sont acceptés : photos, dessins, montages, etc... Du moment que la couleur principale est le bleu et qu'elle s'insère bien dans le graphisme du site.

J'attends avec impatiente vos premiers envois.

Je partagerai le code qui m'a permis de faire ça assez rapidement (pas d'administration pour le moment...)

PS : Vous avez déjà vu des choses de la sorte ailleurs ?

Edit : Et c'est Matthieu qui a été le 1er a envoyer une image, avec la belle tête de vache ! Merci à lui.

Sur presse-citron, Eric vient de nous faire découvrir un système qui marche avec un seul appel à un javascript, qui fait les vignettes sur absolument tous les liens de la page.

L'inconvénient de ce système, c'est que les vignettes apparaissent même sur les liens du site sur lequel on a installé le script. Pas super...

Donc, j'ai essayé de modifier le script pour changer tout ça, je vais donc vous en expliquez le principe.

Attention, le fait de modifier le script est interdit dans la charte "Terms & Conditions" que vous devez signer pour accéder au script.

Donc, la méthode :

1. Vous inscrire sur cette page pour être identifié sur leur site (site, mail et c'est tout)
2. Récupérer l'url du script qui est donné dans le textarea et l'appeler directement dans le navigateur pour l'enregistrer dans un fichier .js
3. Ouvrir ce fichier js avec un éditeur texte et remplacez ceci :

   var _36=url.match(/^(http)s?:\/\/(^#*)/);var _37=document.location.href.match(/^(http|file)s?:\/\/(^#*)/);

   par :

   var _36=url.match(new RegExp("^(http)s?:\/\/(^#\/*)","i"));var _37=document.location.href.match(new RegExp("^(http|file)s?:\/\/(^#\/*)","i"));

4. Envoyez ce fichier .js sur votre site
5. Ajouter dans le head de votre page la ligne script pour appeler le .js

Et voilà.

En fait, ils ont déjà mis une vérification, mais qui ne regarde que si l'adresse pointée est la même que celle sur laquelle on est. J'ai juste fait pour que ça teste sur le nom de domaine.

En lisant le blog de Gérald qui a fait un trackback sur mon billet, je me suis aperçu que Snap avais mis en place une FAQ, dont une question pose le problème que j'ai résolu. La solution qu'il donne consiste à ajouter un bout de code en bas de votre vape, qui va mettre l'attribut class à snap_nopreview (en ajoutant aux classes déjà présentes s'il y en a). Ceci car dans le parcours des noeuds de lien du code, ils ne mettent un écouteur que sur les liens qui n'ont pas cette classe dans leur attribut. Je l'avais vu en lisant le code, mais pas penser à procéder de la sorte. Donc, la solution pour employer cette technique (ce qui fait qu'on reste dans le cadre des utilisations permises)

1. Mettre en place le script comme donné sur snap.com
2. Ajouter le code suivant tout en bas de votre page, juste avant le :
   Bien sûr, changer l'adresse du site

Une des premières choses que je fait lorsque je réinstalle ou prend possession d'un PC, c'est customiser son aspect, car je ne supporte pas les gros pâtés du thème Luna de Windows XP. Je trouve que ça bave de tous les côtés, et que ça perd de la place en hauteur pour rien du tout.

Donc pour faire ça, il existe tout un tas de logiciels qui sont gratuits pendant 30 jours, puis vous demandent de payer... En fait, tous ces logiciels vont patcher une DLL de windows, uxtheme.dll.

La solution que j'utilise est toute simple : je patche cette DLL avec ce patcher (pour Windows XP Home SP2 seulement. Si vous avez une autre version, direction google !)

Après, à vous de trouvez le thème qui vous convient, à choisir parmi ceux qui sont compatible msstyle. Vous en trouverez sur ThemeXp

Pour ma part, j'utilise ce thème, dont je change la couleur aux réinstall et/ou quand ça me chante...

Enfin, une fois le thème téléchargé, il suffit de décompresser le tout dans ce dossier : C:\WINDOWS\Resources\Themes (Redémarrage de la machine ou fermeture/réouverture de session peut-être nécessaire) Puis, sur le bureau, faites clic-droit -> propriétés Dans l'onglet 'Thèmes', choisissez le thème que vous venez d'installer, puis, vous pouvez allez dans l'onglet 'Apparence' pour choisir d'autres variantes s'il y en a des disponibles, ou bien modifier quelques paramètres...