Be GIFted (Tutorial)

3 participants

Aller en bas

Be GIFted (Tutorial) Empty Be GIFted (Tutorial)

Message par Invité 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

Be GIFted (Tutorial) Empty Re: Be GIFted (Tutorial)

Message par Invité 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:

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

Be GIFted (Tutorial) Empty Re: Be GIFted (Tutorial)

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

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

Invité
Invité


Revenir en haut Aller en bas

Be GIFted (Tutorial) Empty Re: Be GIFted (Tutorial)

Message par Invité 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

Be GIFted (Tutorial) Empty Re: Be GIFted (Tutorial)

Message par Fata Morgana 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
Fata Morgana

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

Revenir en haut Aller en bas

Be GIFted (Tutorial) Empty Re: Be GIFted (Tutorial)

Message par Invité 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

Be GIFted (Tutorial) Empty Re: Be GIFted (Tutorial)

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

Merci Seb, vachement

Invité
Invité


Revenir en haut Aller en bas

Be GIFted (Tutorial) Empty Re: Be GIFted (Tutorial)

Message par Invité 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

Be GIFted (Tutorial) Empty Re: Be GIFted (Tutorial)

Message par Invité 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

Be GIFted (Tutorial) Empty Re: Be GIFted (Tutorial)

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

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

Invité
Invité


Revenir en haut Aller en bas

Be GIFted (Tutorial) Empty Re: Be GIFted (Tutorial)

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

merki!

Invité
Invité


Revenir en haut Aller en bas

Be GIFted (Tutorial) Empty Re: Be GIFted (Tutorial)

Message par Invité 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

Be GIFted (Tutorial) Empty Re: Be GIFted (Tutorial)

Message par Invité 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

Be GIFted (Tutorial) Empty Re: Be GIFted (Tutorial)

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

Oui, bien sur. C'est fait pour.

Invité
Invité


Revenir en haut Aller en bas

Be GIFted (Tutorial) Empty Re: Be GIFted (Tutorial)

Message par Invité 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

Be GIFted (Tutorial) Empty Re: Be GIFted (Tutorial)

Message par Ainaelin 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
Ainaelin

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

Revenir en haut Aller en bas

Be GIFted (Tutorial) Empty Re: Be GIFted (Tutorial)

Message par Invité 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

Be GIFted (Tutorial) Empty Re: Be GIFted (Tutorial)

Message par itiz Mer 22 Jan 2014 - 11:20

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

Messages : 1355
Date d'inscription : 30/10/2011
Age : 66
Localisation : Bretagne

Revenir en haut Aller en bas

Be GIFted (Tutorial) Empty Re: Be GIFted (Tutorial)

Message par Fata Morgana 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
Fata Morgana

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

Revenir en haut Aller en bas

Be GIFted (Tutorial) Empty Re: Be GIFted (Tutorial)

Message par Invité 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

Be GIFted (Tutorial) Empty Re: Be GIFted (Tutorial)

Message par Invité 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

Be GIFted (Tutorial) Empty Re: Be GIFted (Tutorial)

Message par Fata Morgana 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
Fata Morgana

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

Revenir en haut Aller en bas

Be GIFted (Tutorial) Empty Re: Be GIFted (Tutorial)

Message par Invité 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é ?

Invité
Invité


Revenir en haut Aller en bas

Be GIFted (Tutorial) Empty Re: Be GIFted (Tutorial)

Message par Ainaelin 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
Ainaelin

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

Revenir en haut Aller en bas

Be GIFted (Tutorial) Empty Re: Be GIFted (Tutorial)

Message par Invité 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

Invité
Invité


Revenir en haut Aller en bas

Revenir en haut

- Sujets similaires

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