Be GIFted (Tutorial)

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

Be GIFted (Tutorial)

Message par Invité le Mar 21 Jan 2014 - 22:21




Plusieurs personnes m’ayant posé la question, je propose un tutorial pour apprendre à intégrer rapidement les gifs de votre choix sur ZC. (Relativement accessible aux noobs pas trop dégourdis.)  Smile 


En 4 étapes :

1- D’abord préparez les « balises » nécessaires pour intégrer le gif dans le corps du texte, et de préférence sous un spoiler. Pour cela, il vous suffit de recopier le code souligné en rouge dans l’image suivante.

Spoiler:

2- Il existe plusieurs façons de trouver des gifs sur Internet. En passant par Google, effectuez une recherche « Images, » puis, dans l’onglet « Outils de recherche, » sélectionnez « Type » et enfin « Images animées » qui correspond au format gif. Toutes ces étapes sont résumées dans l’image suivante.

Spoiler:

3- À présent, récupérez l’adresse du gif de votre choix. Pour cela, sur Google, le plus simple consiste à effectuer un clic-droit sur le gif afin d’ouvrir le menu déroulant et sélectionner « Copier l’adresse de l’image. »

Spoiler:

4- Intégrez à présent l’adresse de votre gif entre les balises en effectuant un clic-droit et en choisissant l’option « coller » dans le menu déroulant. Je recommande d’utiliser la fonction « Prévisualiser » de ZC avant de poster, histoire de s’assurer que tout  est en ordre.

Spoiler:


Avec de la pratique et quelques ajustements, vous devriez vous en sortir sans mal. Si besoin, je vous invite à poster vos questions ou conseils sur ce topic et à vous y entraidez.

Ce tutorial utilise Mozilla Firefox sous Windows. J’invite ceux qui utilisent d’autres navigateurs ou un autre système d’exploitation à compléter ce tuto.

Si vous avez des suggestions pour améliorer ces explications, vous pouvez me les adresser en MP. Si cela est possible, je les intègrerais au mieux.


Et comme disait Steve Jobs depuis son cloud, "soyez fous" et giftez bien !  Cool 



L’auteur de ce tutorial ne saurait être tenu pour responsable des gifs à venir.

Invité
Invité


Revenir en haut Aller en bas

Re: Be GIFted (Tutorial)

Message par Invité le Mar 21 Jan 2014 - 22:29


Une image plus lisible du système de "balises" :
Spoiler:

Compléments de Tigrou pour la récupération de l'adresse sur Chrome et Internet Explorer :
Spoiler:

Pour l'étape 3 :

- Sur chrome il faut faire clic droit -> "Copier l'URL de l'image"
- Sur internet explorer il faut faire clic droit -> propriétés puis sélectionner l'adresse qui se trouve en face de "adresse URL" (cliquer rapidement jusqu'à ce que l'adresse soit entièrement surlignée en bleu) puis clic droit -> copier.


Merci.  Courbette


Dernière édition par Seb le Mar 21 Jan 2014 - 23:39, édité 2 fois

Invité
Invité


Revenir en haut Aller en bas

Re: Be GIFted (Tutorial)

Message par Rhaaaaa le Mar 21 Jan 2014 - 22:36

ça c'est cool !
Je me permets de mettre un lien vers ici dans mon topic http://www.zebrascrossing.net/t14402-on-n-est-pas-tous-doues-en-informatique

Rhaaaaa
Vieux de la vieille
Vieux de la vieille

Messages : 4376
Date d'inscription : 06/11/2013
Age : 46

Revenir en haut Aller en bas

Re: Be GIFted (Tutorial)

Message par Invité le Mar 21 Jan 2014 - 22:42

Tiens question, mettre sous spoiler empêche le chargement de l'image? Elle n'est pas chargée d'emblée? Si c'est le cas, quel est l'intérêt du spoiler?

Invité
Invité


Revenir en haut Aller en bas

Re: Be GIFted (Tutorial)

Message par Fata Morgana le Mar 21 Jan 2014 - 22:45

Ah ben merci beaucoup, j'avais posé la question aux modos il y a deux trois jours. Encore merci !  Amis 

Fata Morgana
Maître es rayures
Maître es rayures

Messages : 15009
Date d'inscription : 09/02/2011
Age : 59
Localisation : Un pied hors de la tombe

Revenir en haut Aller en bas

Re: Be GIFted (Tutorial)

Message par Invité le Mar 21 Jan 2014 - 22:45

.


Dernière édition par Seb le Jeu 20 Fév 2014 - 10:39, édité 1 fois

Invité
Invité


Revenir en haut Aller en bas

Re: Be GIFted (Tutorial)

Message par Invité le Mar 21 Jan 2014 - 22:52

Merci Seb, vachement

Invité
Invité


Revenir en haut Aller en bas

Re: Be GIFted (Tutorial)

Message par Invité le Mar 21 Jan 2014 - 22:52

Okidok, mais on est d'accord que les images en spoiler sont chargées à l'ouverture de page? (pour ma culture hein)

Invité
Invité


Revenir en haut Aller en bas

Re: Be GIFted (Tutorial)

Message par Invité le Mar 21 Jan 2014 - 23:05

.


Dernière édition par Seb le Jeu 20 Fév 2014 - 10:39, édité 1 fois

Invité
Invité


Revenir en haut Aller en bas

Re: Be GIFted (Tutorial)

Message par Invité le Mar 21 Jan 2014 - 23:08

Je confirme que ça charge quand même les images.

Invité
Invité


Revenir en haut Aller en bas

Re: Be GIFted (Tutorial)

Message par Invité le Mar 21 Jan 2014 - 23:18

merki!

Invité
Invité


Revenir en haut Aller en bas

Re: Be GIFted (Tutorial)

Message par Invité le Mar 21 Jan 2014 - 23:25

Pour l'étape 3,
- Sur chrome il faut faire clic droit -> "copier l'URL de l'image"
- Sur internet explorer il faut faire clic droit -> propriétés puis sélectionner l'adresse qui se trouve en face de "adresse URL" (cliquer rapidement jusqu'à ce que l'adresse soit entièrement surlignée en bleu) puis clic droit -> copier.

Bonus : De jolis gifs (cliquer sur "view original" pour pouvoir les récupérer)

Invité
Invité


Revenir en haut Aller en bas

Re: Be GIFted (Tutorial)

Message par Invité le Mar 21 Jan 2014 - 23:31

.


Dernière édition par Seb le Jeu 20 Fév 2014 - 10:38, édité 1 fois

Invité
Invité


Revenir en haut Aller en bas

Re: Be GIFted (Tutorial)

Message par Invité le Mar 21 Jan 2014 - 23:34

Oui, bien sur. C'est fait pour.

Invité
Invité


Revenir en haut Aller en bas

Re: Be GIFted (Tutorial)

Message par Invité le Mar 21 Jan 2014 - 23:38

.


Dernière édition par Seb le Jeu 20 Fév 2014 - 10:38, édité 1 fois

Invité
Invité


Revenir en haut Aller en bas

Re: Be GIFted (Tutorial)

Message par Ainaelin le Mer 22 Jan 2014 - 1:30

Tigrou a écrit:Je confirme que ça charge quand même les images.

Tu en es certain ? Il me semble que non, justement, et c'est l'un des intérêts du spoiler en cas de nombreuses images ou d'images lourdes (surtout pour les petites connexions). Ces personnes-là peuvent charger normalement une page pleine de spoiler, et ne charger les images (ou les videos) que petit à petit, selon leurs besoins.

A tester pour être sûr, cependant. Vous me mettez le doute.

Ainaelin
Vieux de la vieille
Vieux de la vieille

Messages : 4245
Date d'inscription : 07/04/2013

Revenir en haut Aller en bas

Re: Be GIFted (Tutorial)

Message par Invité le Mer 22 Jan 2014 - 11:15

Ton navigateur charge tout les fichiers qu'il rencontre dans le code, même si c'est caché. Toutes ces images continuent à être chargé après l'apparition de la page donc ça n'est pas très gênant.

L'avantage du spoiler c'est que ça va éviter à la page de se déplacer verticalement lorsque les images vont apparaitre.

Si vous avez des questions sur les sites internets, je peux répondre à presque tout. N'hésitez pas.  Smile 

Invité
Invité


Revenir en haut Aller en bas

Re: Be GIFted (Tutorial)

Message par itiz le Mer 22 Jan 2014 - 11:20

Merci, Seb, y'a plus qu'à surveiller les posts, on va avoir une attaque de Gifs!

itiz
Zébré et vacciné
Zébré et vacciné

Messages : 1191
Date d'inscription : 30/10/2011
Age : 58
Localisation : Bretagne

Revenir en haut Aller en bas

Re: Be GIFted (Tutorial)

Message par Fata Morgana le Mer 22 Jan 2014 - 11:26

Et pour les gifs qui sont dans mon pc ? J'ai essayé la technique de seb, mais cela n'a donné qu'une image fixe entourée à droite et à gauche du mot "spoiler".

Fata Morgana
Maître es rayures
Maître es rayures

Messages : 15009
Date d'inscription : 09/02/2011
Age : 59
Localisation : Un pied hors de la tombe

Revenir en haut Aller en bas

Re: Be GIFted (Tutorial)

Message par Invité le Mer 22 Jan 2014 - 11:35

Il faut que l'image soit en ligne. Tu peux te servir d'un hébergeur d'image comme imageshack.

Invité
Invité


Revenir en haut Aller en bas

Re: Be GIFted (Tutorial)

Message par Invité le Mer 22 Jan 2014 - 12:32

.


Dernière édition par Seb le Jeu 20 Fév 2014 - 10:39, édité 1 fois

Invité
Invité


Revenir en haut Aller en bas

Re: Be GIFted (Tutorial)

Message par Fata Morgana le Mer 22 Jan 2014 - 13:09

(Peut-être, même si je ne suis pas catho à ce point. En tout cas il y a eu un texte du pape actuel que j'ai trouvé vraiment fameux !)

Merci pour le tuyau, je vais essayer...

Fata Morgana
Maître es rayures
Maître es rayures

Messages : 15009
Date d'inscription : 09/02/2011
Age : 59
Localisation : Un pied hors de la tombe

Revenir en haut Aller en bas

Re: Be GIFted (Tutorial)

Message par Bitterlings le Jeu 23 Jan 2014 - 13:32

Bonjour,

Comment doit-on faire si on veut soi-même transformer une photo inanimée en gif animé ?

Bitterlings
Zèbre fidèle
Zèbre fidèle

Messages : 285
Date d'inscription : 08/08/2012
Age : 45

Revenir en haut Aller en bas

Re: Be GIFted (Tutorial)

Message par Ainaelin le Jeu 23 Jan 2014 - 14:40

Une seule image ? Pour le moins compliqué. Un gif est en réalité une succession d'images, à la manière des animations d'antan. Par exemple, première image, un personnage a le bras à l'horizontale, à l'image suivante, son bras sera un peu plus haut, puis encore plus haut à l'image suivante, et à la verticale à la quatrième image. En succession rapide, on aura l'impression qu'il lève le bras.

Il existe des logiciels ou des sites en ligne pour assembler de telles images et faire ses propres gifs.
Par exemple : http://gifmaker.me/

A partir d'une video, il y a ce site : https://imgflip.com/gifgenerator

Ainaelin
Vieux de la vieille
Vieux de la vieille

Messages : 4245
Date d'inscription : 07/04/2013

Revenir en haut Aller en bas

Re: Be GIFted (Tutorial)

Message par Bitterlings le Jeu 23 Jan 2014 - 15:25

Ah tiens, c'est comme la galette à la frangipane: un chouïa plus difficile à faire soi même qu'en utilisant la pâte toute faite  lol! 

Merci, il faudra que j'essaie ça.  study

Bitterlings
Zèbre fidèle
Zèbre fidèle

Messages : 285
Date d'inscription : 08/08/2012
Age : 45

Revenir en haut Aller en bas

Re: Be GIFted (Tutorial)

Message par Contenu sponsorisé Aujourd'hui à 5:06


Contenu sponsorisé


Revenir en haut Aller en bas

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

- Sujets similaires

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