words have no end Messages : 8 Inscription : 13/08/2015
| Sujet: [Tutoriel n°9] Avoir un avatar ou une image aléatoire Jeu 20 Aoû - 15:22 | |
| Tutoriel n°9 --- Avoir un avatar ou une image aléatoire --- ■ ■ ■Alooooors comme on me l'a demandé souvent sur mes forums, j'ai fais un rapide tuto sur la manière d'installer un avatar aléatoire. Cela marche pour toutes les images d’ailleurs Alors usez et abusez en tant que vous le désirez :P
Il faut un prérequis pour ce type d’effet par contre : posséder un espace de stockage ftp. Si vous avez pas eu un avec votre fournisseur d’accès, pas de panique. Vous pouvez vous rendre sur le site olympe : https://www.olympe.in/ . Créez vous un compte, c’est gratuit et c’est simple. Oubliez pas ensuite de créer un site, sinon vous n'arriverez pas à vous connecter ! Pour héberger, des fichiers les démarches se trouvent ici : https://www.olympe.in/doc/publish#filezilla . Il y a un petit logiciel à installer. Je vous conseille Filezilla, qui est BEAUCOUP plus pratique que le second. Perso c’est ce que j’utilise
Une fois que vous avez votre compte et votre site, vous avez un code à remplir. Pour cela vous devez le faire sur l’outil bloc note de votre ordinateur. C’est impératif pour avoir le bon format de sortie du fichier, comme expliqué ci-dessous. Dans le code, vous n’avez RIEN à toucher, juste ajouter les URL. Faites attention à ce qu’entre chaque ligne, il y ait une virgule SAUF pour la dernière. Et l’URL doit impérativement se trouver entre les ‘ ‘, sans espace entre. Vous pouvez mettre le nombre de lien que vous voulez. Plus vous en mettez et moins on verra chaque.
- Code:
-
<?php header('Cache-Control: no-cache'); $imgs = array( 'URL DE l’IMAGE ICI', 'URL DE l’IMAGE ICI', 'URL DE l’IMAGE ICI', 'URL DE l’IMAGE ICI', 'URL DE l’IMAGE ICI', 'URL DE l’IMAGE ICI' ); $img_id = mt_rand(0,(count($imgs)-1)); header('Location: '.$imgs[$img_id]); ?> Une fois que vous avez rempli le code, vous devez le sauvegarder sous format PHP. Vous devez, lorsque vous enregistrez, dans « type », juste en dessous de la case où vous indiquez le nom du fichier, sélectionner « tous les fichiers (*.*) et ajouter à la fin du nom du fichier .php
Par exemple : Avatar.php
Vous enregistrez le tout et vous l’hébergez sur votre espace de stockage Ftp. Une fois que c’est fait, vous vous rendez sur la page de votre site, et vous faite clique droit « Copier l’adresse du lien ». Ensuite, vous insérez le lien dans votre profil comme n’importe quel avatar. Vous verrez, le lien fini par « .php ». Si ce n’est pas le cas c’est que vous vous êtes trompés quelque part.
Par exemple, pour mon personnage Rhaenys, le lien c’est : http://kanala.olympe.in/Rhae2.php J'ai hébergé le code suivant : - Code:
-
<?php header('Cache-Control: no-cache'); $imgs = array( 'http://i18.servimg.com/u/f18/16/16/58/85/emilia10.png', 'http://i18.servimg.com/u/f18/16/16/58/85/emilia11.png', 'http://i18.servimg.com/u/f18/16/16/58/85/emilia12.png', 'http://i18.servimg.com/u/f18/16/16/58/85/emilia13.png', 'http://i18.servimg.com/u/f18/16/16/58/85/rhae110.png', 'http://i18.servimg.com/u/f18/16/16/58/85/tumblr10.png', 'http://i18.servimg.com/u/f18/11/40/16/69/rhaeny10.png', 'http://i18.servimg.com/u/f18/11/40/16/69/rhaeny11.png' ); $img_id = mt_rand(0,(count($imgs)-1)); header('Location: '.$imgs[$img_id]); ?> Et cela donne, si je le mets entre balise img
- Code:
-
<img src="http://kanala.olympe.in/Rhae2.php"> Et voilà vous savez tout Hésitez pas à me dire à la suite si vous y êtes arrivés ou non
Ps : Notez que cela s'utilise pour toutes images. Si vous les mettez en dehors de votre profil, comme dans une signature par exemple, vous pouvez lui appliquer des styles, en mettant les balises html de l'image. Par exemple, vous pouvez forcer une taille de hauteur, et ajouter un cadre, effet qui s'appliqueront sur toutes les images.
Par exemple - Code:
-
<img src="http://kanala.olympe.in/gif.php" style="height:140px; border: 5px solid #000;">
Ps 2 ; Je vous déconseille par contre ce code pour les headers, car quelques fois il faut un petit temps pour que l'image se charge. Il existe d'autres manières de faire un header aléatoire, plus rapides
|
|