Créer et utiliser votre badge Flickr

Voir le sujet précédent Voir le sujet suivant Aller en bas

Turoriel Créer et utiliser votre badge Flickr

Message par Tyma le Lun 14 Nov 2011, 13:32

Créer et utiliser votre badge Flickr

Informations sur le tutoriel

Auteur : Tyma
Difficulté : Débutant
Date : 14 Novembre 2011
Flickr est un service en ligne de création de galerie pour présenter vos photographies. Il dispose d'une partie gratuite ou vous avez la possibilité de créer un badge pour présenter vos photos sur votre site internet.

Nous allons nous intéresser à la manière de procéder de la création à l'utilisation de votre badge (d'ailleurs si vous utilisez Flickr, n'hésitez pas à rejoindre le groupe du forum pour partager vos photos ou à l'indiquer pour qu'elle soit ajouté à la liste des galeries des membres).

Sommaire du tutoriel :
1) Création du badge
2) Utilisation du badge

Si avec ce tutoriel vous n'y arrivez toujours pas, ou si vous avez des questions, merci d'ouvrir un nouveau sujet dans Aides et conseils.
Vous pouvez également proposer vos suggestion d'amélioration pour ce tutoriel ou encore vos idées de nouveaux tutoriels.


Dernière édition par Tyma le Ven 12 Avr 2013, 22:04, édité 3 fois


Photomicalement Tyma
avatar
Tyma
Administrateur
Administrateur

Messages : 4636
Clic-Clac'z : 13362

Voir le profil de l'utilisateur http://www.flickr.com/photos/tyma-photographie/ https://www.facebook.com/Tyma.Photographie

Revenir en haut Aller en bas

Turoriel Re: Créer et utiliser votre badge Flickr

Message par Tyma le Lun 14 Nov 2011, 14:19

1 - Création du badge

Voyons ensemble comment faire pour créer votre badge pour présenter vos photographies.

Avant de commencer la création de votre badge, vous devez disposer d'une galerie sur Flickr (cela est gratuit pour la version non pro). Puis vous rendre (une fois connecté) sur la page de création de badge (qui comporte un total de 4 étapes très instructives) en cliquant ici !

1ère étape : Quel type de module souhaitez-vous utiliser ?

Aperçu de la 1ère étape de création d'un badge sur Flickr : Quel type de module souhaitez-vous utiliser ?
Aperçu de la 1ère étape de création d'un badge sur Flickr : Quel type de module souhaitez-vous utiliser ?

Votre premier choix pour la création de votre badge consiste à choisir la technologie que vous voulez utiliser. Pour celles et ceux qui ne s'y connaissent pas, l'HTML est un des langages les plus utilisé dans le monde du web, quant au Flash il permet la création d'animation (le deuxième étant plus gourmand en énergie que le premier, il se chargera moins vite).

Nous choisissons donc l'HTML pour le tutoriel (mais rien ne vous empêche de créer votre badge en utilisant le Flash), qui sera compatible avec de très nombreux site internet (le forum Clic-Clac par exemple).

2ème étape : Choisissez un contenu

Aperçu de la 2ème étape de création d'un badge sur Flickr : Choisissez un contenu
Aperçu de la 2ème étape de création d'un badge sur Flickr : Choisissez un contenu

Votre deuxième choix consiste à choisir la provenance du contenu que vous voulez afficher dans votre badge.

Nous allons choisir "Les vôtres", mais vous pouvez très bien créer un badge pour un des groupes auxquels vous appartenez (comme par exemple celui qui est présent en bas de l'accueil du forum correspondant au groupe Clic-Clac sur Flickr).
Vous pouvez également faire des restrictions par rapport à un tag ou à un album (vous pouvez gérer les photographies qui apparaitront sur votre badge très facilement).

3ème étape : Présentation

Aperçu de la 3ème étape de création d'un badge sur Flickr : Présentation
Aperçu de la 3ème étape de création d'un badge sur Flickr : Présentation

Votre troisième choix consiste à choisir la présentation des photographies qui apparaitront sur votre badge, vous pouvez ainsi choisir si votre pseudo et avatar doivent apparaitre, le nombre de photographie (1, 3, 5 ou 10), si elles sont récentes ou aléatoires, la taille qu'elles doivent avoir ainsi que leurs orientations.

Nous allons choisir ici (pour l'exemple du tutoriel, vous être libre de choisir vos propres paramètre pour la création de votre badge) de ne pas afficher le pseudo et l'avatar, d'afficher 5 photographies qui seront également les plus récentes, de les afficher en carré pour une taille uniforme et horizontalement pour que le badge s'intègre à votre signature sur le forum (pour une colonne sur un site internet, il sera intéressant de choisir verticalement).

4ème étape : Couleurs

Aperçu de la 4ème étape de création d'un badge sur Flickr : Couleurs
Aperçu de la 4ème étape de création d'un badge sur Flickr : Présentation

Votre quatrième choix consiste à choisir le design de votre badge, vous pouvez ainsi choisir de lui ajouter un arrière plan et sa couleur, une bordure et sa couleur, le couleur du lien et la couleur du texte (les deux derniers choix correspondant au lien qui s'ajoute si vous avez choisi d'afficher votre pseudo et votre avatar à l'étape précédente).

Nous allons choisir ici de ne pas afficher ni l'arrière plan, ni la bordure, pour que votre badge se confonde correctement dans les couleurs du site ou vous allez l'afficher.

Votre badge et son code

Aperçu de votre badge que vous venez de créer sur Flickr
Aperçu de votre badge que vous venez de créer sur Flickr

Vous obtenez donc un aperçu de votre badge que vous venez de créer, il respecte les choix que vous avez choisi pendant la procédure de création.
C'est avec son code (en dessous de l'aperçu) que vous allez pouvoir l'afficher sur votre site internet.


Vous venez de voir comment faire pour créer votre badge sur Flickr, voyons maintenant comment faire pour l'utiliser.


Dernière édition par Tyma le Lun 30 Jan 2012, 10:18, édité 1 fois


Photomicalement Tyma
avatar
Tyma
Administrateur
Administrateur

Messages : 4636
Clic-Clac'z : 13362

Voir le profil de l'utilisateur http://www.flickr.com/photos/tyma-photographie/ https://www.facebook.com/Tyma.Photographie

Revenir en haut Aller en bas

Turoriel Re: Créer et utiliser votre badge Flickr

Message par Tyma le Mar 06 Déc 2011, 14:10

2 - Utilisation du badge

Après avoir vu la création voyons maintenant ensemble comment faire pour utiliser votre badge sur votre site internet.

Si vous voulez pouvoir utiliser votre badge Flickr sur votre site internet, celui-ci devra disposer de la possibilité d'ajouter un code au format HTML. Sinon à la place de voir s'afficher votre badge, vous pourrez voir son code, il ne sera donc pas possible pour vos visiteurs de sélectionner une des photographies qui seraient présentes pour pouvoir la visualiser dans votre galerie Flickr même.


Pour utiliser votre badge Flickr, vous devez copier l'ensemble du code HTML que vous avez obtenu en suivant les différentes étapes de la création (si besoin vous pouvez revoir la première partie du tutoriel).

Aperçu du code HTML de votre badge que vous venez de créer sur Flickr
Aperçu du code HTML de votre badge que vous venez de créer sur Flickr

Le code de votre badge regroupe simplement vos choix des différentes étapes de la création.

Il vous suffit de coller le code HTML de votre badge Flickr sur votre site internet.

Aperçu de votre badge que vous venez de créer sur Flickr sur un blog de type Blogger
Aperçu de votre badge que vous venez de créer sur Flickr sur un blog de type Blogger




Ce tutoriel s'achève ici. Vous venez de voir comment faire pour créer votre badge sur Flickr ainsi que comment faire pour l'utiliser sur votre site internet.

Merci de votre lecture Souri.


Photomicalement Tyma
avatar
Tyma
Administrateur
Administrateur

Messages : 4636
Clic-Clac'z : 13362

Voir le profil de l'utilisateur http://www.flickr.com/photos/tyma-photographie/ https://www.facebook.com/Tyma.Photographie

Revenir en haut Aller en bas

Turoriel Re: Créer et utiliser votre badge Flickr

Message par Contenu sponsorisé


Contenu sponsorisé


Revenir en haut Aller en bas

Voir le sujet précédent Voir le sujet suivant Revenir en haut


 
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum