VirusPhoto, apprendre la photo ensemble

VirusPhoto, apprendre la photo ensemble (http://www.virusphoto.com/forum-photo.php)
-   Aide à l'utilisation du site (http://www.virusphoto.com/aide-a-lutilisation-du-site/)
-   -   comment mettre le lien flickriver (http://www.virusphoto.com/50818-comment-mettre-le-lien-flickriver.html)

nofama 27/07/2008 11h25

comment mettre le lien flickriver
 
bonjour , je n'arrive pas à mettre le lien flickriver sur mon profil , bcp le font , help me

Chapal 27/07/2008 11h28

tu vas là
Flickriver Badge Creator

ça va te donner un truc avec une adresse internet et l'adresse d'une image

tu le transforme comme ça:

[ URL = h t t p ://www.flickriver.com/photos/nofama/popular-interesting ] [ IMG ] h t t p ://www.flickriver.com/badge/user/all/interesting/shuffle/medium-horiz/ffffff/333333/19644429@N00.jpg [ / IMG ] [ / URL ]

sans les espaces ;)
et voilà ;)

nofama 27/07/2008 11h55

merci chapal , j'ai créee cette adresse url comme tu m'as montré , mais je ne sais pas ou la copier

Chapal 27/07/2008 12h09

en haut de la page virusphoto il y a un truc "liens rapides" et dedans il y a "modifier ma signature"

nicox 27/07/2008 14h13

Bon courage nofama, moi j ai areter d essayer y a un moment ;)
Jamais reussit a y installer,meme en suivant les conseils des virusiens :)

Chapal 27/07/2008 14h16

bah moi j'ai réessayé aujourd'hui et ça a bien marché :p

en fait le problème est que la signature refuse le HTML donc il faut mettre en BBcode ;)

nicox 27/07/2008 14h24

Merci quand meme Chapal, mais comme j ai dit plus haut, j ai laisser tombé ;)

Clovis 27/07/2008 17h01

Mini tuto !
 
Bon, aller, je vais essayer de vous filer un coup de main sur ce plan là...

Le liens généré sur Flickriver est un morceaux de code xHTML, destiné à être glissé sur un site web...
VirusPhoto utilise, pour formater le texte, un code qu'on appel BBCode, utilisé sur pas mal de forum depuis quelques années déjà...

On va donc tenter de convertir le code xHTML reçus, en BBCode que comprendra VirusPhoto. Ces 2 codes marchent avec un système de bannière : < ouvrir>< /fermer> et [ouvrir][/fermer]. Il deviens donc facile de trouver les similitudes ! :p

Code exemple utilisé
< a href="http://www.flickriver.com/photos/owintwist/">< img src="http://www.flickriver.com/badge/user/all/recent/shuffle/medium-horiz/ffffff/333333/7311406@N04.jpg" border="0" alt="Clovis Gauzy - View my recent photos on Flickriver" title="Clovis Gauzy - View my recent photos on Flickriver"/>< /a>
(il s'agit simplement de mes photos les plus récentes).

Conversion du code xHTML en BBCode
La bannières < a> correspond à la bannière [ URL] où l'addresse est dans la valeur href. Jusque là rien de difficile. < a href="http://banane.com">< /a> deviens [ URL="http://banane.com"]
La bannière < img> correspond à la bannière [ IMG] où la source de l'image est dans la valeur src. Les autres valeurs n'ont pas d'utilités en BBCode... < img src="http://banane.com/1.jpg" /> deviens [ IMG]http://banane.com/1.jpg[ /IMG]
NB : notez qu'en xHTML la bannière < img> étant unique, elle se referme sur elle même de cette manière : < img />

Notre code xHTML (ici simplifié aux valeurs href et src) < a href="http://www.flickriver.com/photos/owintwist/">< img src="http://www.flickriver.com/badge/user/all/recent/shuffle/medium-horiz/ffffff/333333/7311406@N04.jpg" />< /a> deviens donc :
[ URL="http://www.flickriver.com/photos/owintwist/"][ IMG]http://www.flickriver.com/badge/user/all/recent/shuffle/medium-horiz/ffffff/333333/7311406@N04.jpg[ /IMG][ /URL]
NB : tous les codes ci-dessus utilisent un espace comme caractère d'échappement après les caractères < et [ afin d'être visible sur le forum. Pensez à les retirer ! :p
Insérer l'image dans sa signature
Il ne vous reste plus qu'à insérer ce code dans la section Mon Compte > Modifier votre signature. Attention toutefois à ne pas insérer trop de retours à la ligne dans votre signature, ce qui l'invaliderai... N'utilisez pas non plus les options d'affichage grille de flickriver, car du coup, vous dépasserez la taille maximum autorisé pour les signatures...

Comprendre l'URL de l'image pour pouvoir la modifier à la volée
L'URL fournis pour l'image (http://www.flickriver.com/badge/user...311406@N04.jpg) pointe en faite vers un fichier php qui va s'occuper de générer dynamiquement la vignette. Il faut donc lui envoyer quelques informations...
  • http://www.flickriver.com/badge/ : j'ai pas besoin de vous expliquer qu'il s'agit ici d'aller dans la section badge de flickriver... :p
  • user/ : indique que vous demandez les images d'un utilisateur. Peux aussi être group ou tags, mais je ne me pencherai pas sur ces variantes aujourd'hui...
  • all/ : indique que vous demandez toutes les photos de l'utilisateur.
  • recent/ : indique que vous voulez les photos les plus récentes en premier. Peux aussi être :
    • interesting : pour avoir les plus intéressants en premier ;
    • favorites : pour lister vos favoris ;
    • friends : pour lister les photos de vos contacts ;
    • set-72157606336960559 : pour lister les éléments de l'album set-72157606336960559 (par exemple), numéros est disponible dans l'adresse de l'album sur flickr ;
    • tag-shadow : pour lister les photos contenants le tag "shadow".
  • shuffle/ indique que vous voulez les résultats dans un ordre aléatoire.
  • medium-horiz/ : indique que votre image sera composée de 5 vignettes larges horizontales.Peux aussi être :
    • medium-tiny : 10 petites vignettes horizontales ;
    • medium-vert : 6 vignettes larges verticales ;
    • medium-4x3 : grille de 4 x 3 vignettes larges ;
    • tiny-7x5 : grille de 7 x 5 petites vignettes.
  • ffffff/333333/ : valeurs de couleurs en hexadécimal (rr vv bb), la première valeur est le fond, la deuxième le texte.
  • 7311406@N04.jpg : votre code utilisateur sur Flickr (et le .jpg derrière pour préciser que vous vouliez une image).

Voila, je ne me penche pas plus sur certains détails (principes de bannières se fermant sur elles-même en xHTML, hexadécimal, etc...). J'espère que ca vous sera par contre utile ! :D

Chapal 27/07/2008 17h14

Humm on peut dire que t'es plus clair et complet que moi :p

floflo 27/07/2008 17h23

Citation:

Posté par Chapal (Message 533428)
Humm on peut dire que t'es plus clair et complet que moi :p


Pas de beaucoup :D

Chapal 27/07/2008 17h31

Non mais en vrai j'ai eu du mal parce que la balise " code " ne fonctionne pas sur ce forum donc pour mettre les codes justements c'était un peu fouilli :D

nofama 27/07/2008 18h49

bon je teste la solution de chapal

nofama 27/07/2008 18h50

alors là vous voyez ya plein de codes , mais pas le lien direct avec flickriver et les images qui vont avec

Chapal 27/07/2008 18h53

héhé parce que tu n'as pas fait ma solution en entier :p

regarde la solition de OwInTwIsT c'est plus clair ;)


Fuseau horaire GMT +2. Il est actuellement 07h22.

Editeur : VirusPhoto SRL. Plateforme : Jelsoft Enterprises Ltd.


LinkBacks Enabled by vBSEO © 2011, Crawlability, Inc.