29 juil. 2010

Ajouter un effet glossy sur ses photos

Attendez le chargement complet de la page -et donc des fichiers- pour admirer ci-dessous un effet glossy


AVANT

APRES




PREMIERE ETAPE :

Allez sur NETGETZA

Cliquez sur Shows some of the things glossy.js does.

et uploadez le fichier dans votre PC

Il s'agit d'un fichier .zip. J'utilise donc WinRAR et la fonction Extraire Vers pour décompresser les fichiers qui le composent.

Vous avez ceci sur votre PC



DEUXIEME ETAPE :

Dans l'administration de votre blog - Documents - Autres Fichiers :
  • vous créez un répertoire : glossy
  • vous y uploadez le fichier glossy.js
  • vous notez son adresse : http://ddata.over-blog.com/xxxyyy/0/37/17/67/glossy/glossy.js
TROISIEME ETAPE :

Lorsque vous mettez une photo dans un article, vous collez le code suivant en html :
<img src="adresse de l'image" class="glossy"  />

en personnalisant avec votre propre adresse d'image.

Vous collez ensuite ce code, toujours en html
<script type="text/javascript" src="http://ddata.over-blog.com/xxxyyy/0/37/17/67/glossy/glossy.js"></script>

avec l'adresse de votre fichier glossy.js (celle que vous avez noté à la 2ème étape).

Si vous avez un blog sur Over-Blog, vous pouvez effectuer seulement la troisème étape et utiliser mon propre fichier glossy.js.

Aucun commentaire:

Enregistrer un commentaire

1/ Choisissez Nom/URL comme profil pour poster, si vous hésitez
2/ Si vous désirez une aide personnalisée, pensez à laisser l'adresse de votre blog, ce qui me permettra de tester.
3/ Vous pouvez vous abonner par email pour suivre les réponses de cet article (lien sous la zone de rédaction du commentaire)