Be GIFted (Tutorial)
3 participants
Page 1 sur 1
Be GIFted (Tutorial)
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.)
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 !
L’auteur de ce tutorial ne saurait être tenu pour responsable des gifs à venir.
Invité- Invité
Re: Be GIFted (Tutorial)
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.
Dernière édition par Seb le Mar 21 Jan 2014 - 23:39, édité 2 fois
Invité- Invité
Re: Be GIFted (Tutorial)
ç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
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é
Re: Be GIFted (Tutorial)
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é
Re: Be GIFted (Tutorial)
Ah ben merci beaucoup, j'avais posé la question aux modos il y a deux trois jours. Encore merci !
Fata Morgana- Messages : 20818
Date d'inscription : 09/02/2011
Age : 67
Localisation : Un pied hors de la tombe
Invité- Invité
Re: Be GIFted (Tutorial)
Okidok, mais on est d'accord que les images en spoiler sont chargées à l'ouverture de page? (pour ma culture hein)
Invité- Invité
Invité- Invité
Re: Be GIFted (Tutorial)
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)
- 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é
Invité- Invité
Invité- Invité
Re: Be GIFted (Tutorial)
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- Messages : 4287
Date d'inscription : 07/04/2013
Re: Be GIFted (Tutorial)
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.
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.
Invité- Invité
Re: Be GIFted (Tutorial)
Merci, Seb, y'a plus qu'à surveiller les posts, on va avoir une attaque de Gifs!
itiz- Messages : 1355
Date d'inscription : 30/10/2011
Age : 66
Localisation : Bretagne
Re: Be GIFted (Tutorial)
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- Messages : 20818
Date d'inscription : 09/02/2011
Age : 67
Localisation : Un pied hors de la tombe
Re: Be GIFted (Tutorial)
Il faut que l'image soit en ligne. Tu peux te servir d'un hébergeur d'image comme imageshack.
Invité- Invité
Invité- Invité
Re: Be GIFted (Tutorial)
(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...
Merci pour le tuyau, je vais essayer...
Fata Morgana- Messages : 20818
Date d'inscription : 09/02/2011
Age : 67
Localisation : Un pied hors de la tombe
Re: Be GIFted (Tutorial)
Bonjour,
Comment doit-on faire si on veut soi-même transformer une photo inanimée en gif animé ?
Comment doit-on faire si on veut soi-même transformer une photo inanimée en gif animé ?
Invité- Invité
Re: Be GIFted (Tutorial)
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
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- Messages : 4287
Date d'inscription : 07/04/2013
Re: Be GIFted (Tutorial)
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
Merci, il faudra que j'essaie ça.
Merci, il faudra que j'essaie ça.
Invité- Invité
Sujets similaires
» We are each gifted...
» Groupe MEETUP "Gifted"
» SENG - Supporting the Emotional Needs of the Gifted,
» Existential depression in gifted individuals
» How the gifted bain learns , David A. Sousa
» Groupe MEETUP "Gifted"
» SENG - Supporting the Emotional Needs of the Gifted,
» Existential depression in gifted individuals
» How the gifted bain learns , David A. Sousa
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum