29 juil. 2010

Arrondir ses photos avec corner

Netgetza propose un code javascript qui permet de rajouter des coins arrondis aux photos.

Attendez le chargement complet de toute la page et donc des fichiers pour admirer le résultat.


AVANT

APRES




PREMIERE ETAPE
:

Allez sur NETGETZA

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

et uplaodez 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 : corner
  • dedans, vous y uploadez le fichier corner.js
  • vous notez son adresse : http://ddata.over-blog.com/xxxyyy/0/37/17/67/corner/corner.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 ="corner iradius48 ishade33"  />

en personnalisant avec votre propre adresse d'image.

Vous verrez sur le site qu'il est possible de mettre d'autres classes, ce qui vous permettra de faire varier les arrondis et ombrés

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

avec l'adresse de votre fichier corner.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 corner.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)