Les tutoriels techniques du forum

[visible par les non-inscrits] Astuces, questions et problèmes techniques rencontrés.
Accès rapide : Liaison avec la FGT, Tutoriels techniques, Discussion sur les tutoriels
Avatar du membre
Super_Grenouille
Du baume Peewee, vite !
Messages : 468
Enregistré le : jeu. janv. 04, 2007 1:04 pm

Les tutoriels techniques du forum

Message par Super_Grenouille »

Bienvenue dans la boîte à outils technique de Cocyclics !


Il est parfois difficile de s'intégrer dans un lieu nouveau et aussi grand que la mare. Cela est d'autant plus vrai lorsque ce lieu requiert un langage et des codes que l'on ne maîtrise pas. Si tu n'es pas familier du fonctionnement des forums, ce qui suit t'aidera à comprendre les différentes manipulations que tu peux effectuer :D

Ce fil te servira si :
  • Tu as du mal à naviguer et veux gagner un peu de temps
  • Tu veux poster mais ne sais pas comment mettre en forme tes messages
  • Tu veux connaître quelques astuces
Conseils et astuces :
Tu n'as pas trouvé de réponse à ta question ? Tu as besoin d'éclaircissement ? Tu as une idée de tutoriel à proposer ou une suggestion ? Rends-toi vite sur le fil de discussion sur les tutoriels.

Avatar du membre
Super_Grenouille
Du baume Peewee, vite !
Messages : 468
Enregistré le : jeu. janv. 04, 2007 1:04 pm

La navigation dans le forum

Message par Super_Grenouille »

Comment accéder rapidement à des fils où je suis intervenu ?


Souvent on participe à des sujets et ensuite on a du mal à les retrouver pour voir comment ils évoluent :? Voici quelques petites astuces pour ne plus manquer les sujets auxquels tu as pris part !

1. Les raccourcis
Peu importe la page où tu te trouves, il existe sous le bandeau à gauche un menu déroulant appelé "Raccourcis". Il rassemble tous les outils de recherche rapide afin de te permettre de retrouver facilement ce que tu cherches. La partie "Vos messages" contient en particulier les fils où tu es intervenu.
Image


2. Les petites étoiles sur les icônes de fil
Devant chaque forum et chaque fil tu as dû remarquer la bulle grise ou orange selon les cas. Lorsque tu as participé à un fil apparaît sur cette bulle une petite étoile orange. Elle signifie que tu as posté un message dans ce fil. Cela te permettra de voir rapidement les sujets dans lesquels tu as posté.
Image

>>> réagir à ce tutoriel

Avatar du membre
Super_Grenouille
Du baume Peewee, vite !
Messages : 468
Enregistré le : jeu. janv. 04, 2007 1:04 pm

La navigation dans le forum

Message par Super_Grenouille »

Comment suivre un fil qui m'intéresse ?

Lorsqu'on est intéressé par un sujet, on a envie d'être tenu au courant de toutes les nouveautés publiées dedans. L'une des possibilités est de recevoir une notification à chaque nouveau message posté.

1. S'abonner au sujet
En haut à gauche des fils, tu découvriras une petite clé à molette symbole d'un menu déroulant qui te proposeras plusieurs possibilités. L'une d'entre elle est l'abonnement. Si tu cliques sur cette option, tu recevras un email à chaque fois qu'un message sera publié dans ce sujet. De plus, une notification apparaîtra sur Cocyclics en haut à droite.

Image

Pour se désabonner, il suffit de cliquer à nouveau au même endroit ou alors d'aller dans le panneau de contrôle de l'utilisateur dans "vue d'ensemble" puis dans "Gérer les abonnements".


2. Ajouter ce sujet aux favoris
Dans la même clé à molette, tu trouveras l'option "ajouter ce sujet à mes favoris". Cette option fonctionne exactement pareil que les abonnements, mais certaines grenouilles ont tendance à dire que les abonnements peuvent sauter alors que cela n'arrive pas avec les favoris. Si tu veux être sûr(e) de rester au courant de ce qu'il se passe, nous te conseillons donc de mettre les sujets en favoris.
Pour enlever un sujet des favoris c'est sensiblement la même chose. Soit tu recliques au même endroit, soit tu vas dans le panneau de contrôle de l'utilisateur, partie "vue d'ensemble" puis dans "Gérer les favoris".

>>> réagir à ce tutoriel

Avatar du membre
Super_Grenouille
Du baume Peewee, vite !
Messages : 468
Enregistré le : jeu. janv. 04, 2007 1:04 pm

La navigation dans le forum

Message par Super_Grenouille »

Comment aller directement au dernier message non lu du fil sans relire toutes les pages une par une ?

1. Les bulles colorées
Tu as du le remarquer, devant chaque forum et chaque fil, il y a une bulle. Parfois elle est grise, parfois elle est orange. Sa couleur dépend du fait qu'un message que tu n'as pas encore lu est contenu dans le forum ou le fil. Afin d'aller directement au dernier message non lu, il te suffit de cliquer sur cette bulle orange et tu seras directement envoyé au bon endroit.

Image

2. Les petites feuilles oranges
Si tu te trouves dans un fil, tu verras juste en dessous des titres des messages une icône de petite feuille. Si cette dernière est grise, alors tu as déjà lu ce message. Si elle est orange, ceci est un nouveau message que tu n'as pas encore lu.

Image

3. Les feuilles de page
Si tu souhaites juste aller à la dernière page d'un fil, il te suffit de cliquer sur la dernière feuille numérotée à droite du fil. Chaque petite feuille correspond à une page, si tu cliques sur la dernière, tu iras directement à la dernière page du fil.

Image

>>> réagir à ce tutoriel

Avatar du membre
Super_Grenouille
Du baume Peewee, vite !
Messages : 468
Enregistré le : jeu. janv. 04, 2007 1:04 pm

La gestion des fils et des posts

Message par Super_Grenouille »

Comment puis-je changer le titre de mon fil ?

Pour changer le titre d'un fil, il suffit d'éditer le premier message du fil. On pourra alors changer le titre du fil :

Image

Cela pourra servir notamment dans les papyrus où il faut indiquer dans le titre l'extrait et la version soumis à la bêta-lecture.

>>> réagir à ce tutoriel

Avatar du membre
Super_Grenouille
Du baume Peewee, vite !
Messages : 468
Enregistré le : jeu. janv. 04, 2007 1:04 pm

La gestion des fils, des posts et des mp

Message par Super_Grenouille »

Comment puis-je obtenir l'adresse exacte d'un message pour le mettre en lien direct ?

Lorsque l'on veut copier l'adresse exact d'un message en particulier, il faut cliquer sur la petite feuille orange en dessous du titre du message, juste à côté du nom de son auteur (la même qui nous indique si un message a été lu ou non). On verra alors la page se repositionner pour le mettre tout en haut et l'URL aura changé elle aussi.

Il n'y a plus qu'à copier l'URL et la coller entre balises au bon endroit ! :yata:

Image

>>> réagir à ce tutoriel

Avatar du membre
Super_Grenouille
Du baume Peewee, vite !
Messages : 468
Enregistré le : jeu. janv. 04, 2007 1:04 pm

La gestion des fils, des posts et des mp

Message par Super_Grenouille »

Comment modifier un message ?

En haut à droite des messages que tu as écrit, il y a différentes icônes :
  • Un petit crayon : Il sert à modifier le message. Si tu cliques dessus, son message apparaîtra dans ce qu'on appelle l'éditeur avancé de prévisualisation. Tu pourras alors modifier le titre du message et son contenu.
  • Une croix : ce bouton te permet de supprimer un message que tu as écrit par erreur. Cependant, il n'apparaît que si personne n'a posté après toi.
  • Un point d'exclamation : Tu le verras sur tous les messages. Il sert à signaler un message à l'équipe en charge de la section concernée. Toute l'équipe reçoit alors une notification rouge bien visible. Il te faut préciser les raisons de ton signalement afin d'aider l'équipe à gérer le problème rencontré. Si tu rencontres un message que tu penses devoir signaler, n'hésite pas, il vaut mieux trop de signalement que pas assez !
  • Des guillemets : ce bouton sert à citer un message, c'est pourquoi tu les trouves sur tous les messages du forum. Si tu utilises cette icône, cela ouvrira l'éditeur de prévisualisation avancé et mettra le message cité entre balise 'quote' qui sert à indiquer une citation.
>>> réagir à ce tutoriel

Avatar du membre
Super_Grenouille
Du baume Peewee, vite !
Messages : 468
Enregistré le : jeu. janv. 04, 2007 1:04 pm

La gestion des fils, des posts et des mp

Message par Super_Grenouille »

Mise en page des messages : devenez un as du BBcode

Tu veux écrire un message et le mettre en forme, mais tu ne sais pas comment faire ni quelles options s'offrent à toi ? Lis attentivement la suite :)

Tu peux aussi aller lire, le Guide du BBCode, une page du forum qui présente le principe et quelques balises utiles.

Pour mettre en forme ton message, deux options s'offrent à toi :
  • Tu connais les codes nécessaires et peux les taper directement sur ton clavier.
  • Tu ne connais pas les codes et tu as besoin de l'éditeur avancé de prévisualisation
Ici nous allons parler du second cas de figure. Tu auras ensuite tout le temps que tu souhaites pour te familiariser avec les codes et les apprendre par coeur si cela te fait envie :lol:

Lorsque tu tapes un message, les caractères sont simples, sans gras, sans couleurs, sans émoticônes... Si tu veux une mise en page un peu plus attractive, il va te falloir utiliser ce que l'on appelle des balises. C'est ce qui va te permettre d'ajouter des options à tes messages. Pour les utiliser, il faut que tu sélectionnes la partie de texte concernée par le changement comme sur un traitement de texte et que tu cliques ensuite sur l'icône souhaitée. Tu verras alors apparaître des balises (code entre crochets) devant et derrière la partie de texte concernée.

Les différentes possibilités sont présentées au-dessus du cadre de texte dans lequel tu tapes (dans l'ordre de gauche à droite) :
  • L'icône : il sert à mettre un texte en gras.
  • L'icône : il met en Italique.
  • L'icône : il sert à souligner.
  • L'icône : il permet de créer une citation (quote), c'est à dire un cadre vert au sein du texte.
  • L'icône : il permet d'afficher du code.
  • L'icône liste à point : il permet de créer une liste à puce.
  • L'icône liste à nombre : il permet de créer une liste numérotée.
  • L'icône étoile : il permet de créer une puce supplémentaire dans une liste.
  • L'icône image : il permet d'insérer une image tirée d'internet ou hébergée sur un autre site.
  • L'icône chaîne : il permet d'insérer un liens. Tu as deux possibilité de mise en forme :

Code : Tout sélectionner

[url=mon_lien]titre de mon lien[/url]
[url]mon_lien[/url]
  • L'icône goutte : il permet de changer la couleur du texte.
  • La liste déroulante : elle permet de modifier la taille du texte. Si les tailles proposées ne te conviennent pas, tu peux changer la valeur numérique.
  • Center : ce bouton permet de centrer le texte.
  • Extrait : cette balise permet de mettre une partie du texte sous forme d'extrait avec encadré vert. Elle indique au survol le nombre de sec (signes espaces comprises). Pour mettre un titre, il suffit de mettre dans la première balise = et le titre voulu. Cela donne :

Code : Tout sélectionner

[extrait=Titre de mon extrait]mon extrait[/extrait]
  • Justifie : ce bouton permet de justifier son texte.
  • Progression : ce bouton permet d'insérer une jolie barre de progression. Dans la balise, tu insères le pourcentage. Tu as aussi la possibilité de modifier la couleur :

Code : Tout sélectionner

[progression=#FF4040]50[/progression]
  • Spoiler : ce bouton sert à mettre son texte sous page déroulante. Cela permet de ne pas créer des pages à rallonge lorsque l'on publie des extraits, notamment dans les papyrus ou le port. On s'en sert aussi pour indiquer quelque chose que les autres n'ont pas forcément envie de lire, car cela gâche le suspens d'un récit ou autre.
  • Strike : ce bouton permet de barrer une partie du texte.
Insérer des émoticônes :
Sur la droite, tu trouveras les émoticônes les plus usitées par les grenouilles. Cependant, il en existe d'autres que tu trouveras en cliquant sur le petit lien "plus d'émoticônes" qui ouvrira une nouvelle fenêtre avec toutes les autres possibilités. N'hésites pas à les découvrir !

Prévisualiser le message :
Afin de te rendre compte de ce à quoi ressemble ton message, tu peux cliquer sur "Prévisualiser" avant d'envoyer ton message. Cela te donnera le visuel final de ton message et te permettra de te rendre compte de l'effet des balises une fois appliquées. Si cela ne te convient pas, tu peux toujours modifier avant d'envoyer.

Il existe également d'autres moyens de rédiger tes messages, pour les convertir en BBCode lorsque vous êtes prêts : Et pour finir, voici un petit tutoriel en image pour s'y retrouver mieux face aux mystérieuses balises BBCode :
Spoiler: montrer
tuto-bbcode.jpg
tuto-bbcode.jpg (1.9 Mio) Vu 6494 fois

>>> réagir à ce tutoriel

Avatar du membre
Super_Grenouille
Du baume Peewee, vite !
Messages : 468
Enregistré le : jeu. janv. 04, 2007 1:04 pm

La gestion des fils, des posts et des mp

Message par Super_Grenouille »

Comment puis-je insérer des images dans mes messages ?

1. Une image tirée d'internet ou hébergée ailleurs
Pour cela rien de plus simple, on cherche l'image souhaitée sur internet. On copie son URL et on la colle entre balises image à l'endroit souhaité dans le texte. Du moment que cette image existera à l'emplacement du lien, elle perdurera également sur Cocy.

2. Une image locale, uniquement présente sur ton ordinateur
Tu possèdes l'image sur ton ordinateur mais elle n'est pas hébergée quelque part sur internet ? Tu peux la mettre en pièce jointe (l'option se trouve en bas du cadre d'édition avancée). Elle sera alors hébergée directement sur Cocyclics et se trouvera, par défaut, en bas de ton message. Pour changer sa place, place ton curseur à l'endroit voulu dans la zone de saisie de texte, puis appuie sur le bouton "insérer dans la ligne" dans l'onglet des pièces jointes en bas de la page.

Image

3. Héberger ses images personnelles sur internet
Il est possible d'héberger ses images personnelles sur internet si tu le désires. Cela peut être fait sur un site personnel, un réseau social ou autre.
On te propose le site Zupimages qui permet d'héberger facilement et rapidement tes images. Tu n'as plus qu'à copier le "lien direct" entre balises images et le tour est joué.

>>> réagir à ce tutoriel

Avatar du membre
Super_Grenouille
Du baume Peewee, vite !
Messages : 468
Enregistré le : jeu. janv. 04, 2007 1:04 pm

La gestion des fils, des posts et des mp

Message par Super_Grenouille »

Comment créer un sondage ?

Pour créer un sondage, il faut éditer le premier post d'un fil. Il n'y a que sur ce premier post que l'option apparaît en dessous du cadre de texte.

Les sondages en bref :
Dans les onglets en bas de la page, il faut aller dans "créer un sondage" :
Spoiler: montrer
Image

Dans le formulaire, renseigne la question sur laquelle porte le sondage, puis, dans le champ "options du sondage", il faut écrire les différents choix de vote en sautant une ligne à chaque nouveau choix. En faisant cela les personnes pourront voter pour une seule option et le sondage sera affiché jusqu'à qu'il soit supprimé en ré-éditant le premier post.
Spoiler: montrer
Image

Rendre les choix du vote cliquables :
Tu as la possibilité de rendre les options du sondage cliquables et d'en faire des liens. Pour cela, il te suffit de recourir à du BBCode en suivant la syntaxe suivante :

Code : Tout sélectionner

[url=lien]option[/url]
Ainsi, dans le sondage en démonstration dans la capture d'écran, on peut rendre les options Super Grenouille et Mère Fouettarde cliquables :
Spoiler: montrer
Image

Spécifier une durée :
Tu peux spécifier la durée du sondage. Tu as le choix entre 3 options :
  • Indéfiniment : le sondage ne s'arrête pas
  • Durée en jours : tu spécifies une durée en jour en choisissant dans le formulaire l'option "pour"
  • Jusqu'à une date : tu spécifies une date dans le formulaire l'option "jusqu'à". Le format de la date est : AAAA-MM-JJ HH:MM
Spoiler: montrer
Image

Permettre de voter pour plusieurs options :
Tu peux aussi permettre aux personnes de voter pour plusieurs options. Par exemple, si tu souhaites que chaque votant puisse choisir jusqu'à trois options, mets les informations dans les formulaires qui sont signalés par un cadre rouge dans l'image suivante :
Spoiler: montrer
Image

Modifier un sondage :
Spoiler: montrer
Modifications possibles SANS que les votes soient supprimés :
  • Vous pouvez modifier la question et/ou changer les libellés des options SANS en supprimer ni en ajouter.
  • Vous pouvez changer le nombre des votes possibles.
  • Vous pouvez diminuer le nombre des votes possibles, mais les votes peuvent perdre leur votant.
:gyro: Toutes autres modifications suppriment les votes.

Supprimer un sondage :
Spoiler: montrer
Deux méthodes possibles :
  • Supprimer toutes les options et les remplacer et remplacer la question, puis cliquer sur Envoyer
    :gyro: Si vous n'avez que modiifé les libellés des options, il arrive que les votes soient conservés.
    Si l'on ajoute ou si l'on enlève une option, les votes sont effacés.
    Un nouveau sondage est créé.
  • Cliquer dans la case Supprimer le sondage, puis cliquer sur Envoyer
    Le sondage et les votes sont effacés.

Options avancées :
Merci à Volandos pour cette explication

On a la possibilité de configurer un sondage pour que la grenouille voteuse attribue des points. Elle hiérarchise ainsi ses choix du sondage. Voici une capture d'écran qui illustre cette possibilité :
Spoiler: montrer
Capture d’écran 2022-03-25 à 17.20.24.png
Capture d’écran 2022-03-25 à 17.20.24.png (94.72 Kio) Vu 6433 fois
Ici, on obtient le nombre de point suivant :
• le Choix 1 a obtenu 6 points (marebmdadmin et LesTontonsTesteurs lui ont donné 3 points),
• le Choix 2 a obtenu 1 point (marebmdadmin lui en a donné 1),
• le Choix 3 a obtenu 0 point,
• le Choix 4 a obtenu 4 points (marebmdadmin et LesTontonsTesteurs lui ont donné chacun 2 points),
• le Choix 5 a obtenu 1 point (LesTontonsTesteurs lui a donné 1 point).

Donc, si on considère que la grenouille voteuse veut obtenir le classement suivant :
• Choix 1 en premier choix, la grenouille voteuse devra saisir 5,
• Choix 2 en 2e, elle devra saisir 4,
• Choix 3 viendrait en 3e, elle devra saisir 3.
• Choix 4 en 4e, elle devra saisir 2,
• Choix 5 en 5e, elle devra saisir 1,
• Pour ignorer un choix, ne saisir aucune valeur.

Comment réussir cela :
Spoiler: montrer
Réglages_pour_votes_multiples.png
Réglages_pour_votes_multiples.png (445.87 Kio) Vu 4766 fois

>>> réagir à ce tutoriel

Avatar du membre
Super_Grenouille
Du baume Peewee, vite !
Messages : 468
Enregistré le : jeu. janv. 04, 2007 1:04 pm

La gestion des fils, des posts et des mp

Message par Super_Grenouille »

Comment sauvegarder un brouillon de message pour pouvoir y revenir plus tard ?

Il peut arriver que l'on commence un message et qu'on n'ait pas le temps de le finir ou que l'on veuille écrire un message en avance que l'on publiera ensuite le moment voulu. Dans tous les cas, il est nécessaire de connaître la procédure à utiliser pour créer des brouillons récupérables.

1. Taper son message, le mettre en forme.
2. Cliquer sur "enregistrer comme brouillon" au lieu d'envoyer, puis sur "oui".
3. Lorsque l'on veut finalement le publier ou le terminer, on ouvre l'éditeur avancé de visualisation et on clique sur "Charger un brouillon". Notre brouillon apparaît avec le titre qui lui était assigné.
4. Le message réapparaît dans l'état dans lequel on l'a sauvegardé, on peut le modifier, le compléter, l'envoyer.

Attention, si on ré-enregistre en tant que brouillon, on crée alors une nouvelle version qui viendra s'ajouter à la précédente. Il y aura alors deux propositions portant le même nom lorsque l'on cliquera sur "charger un brouillon".

Voici un petit tuto en image pour créer et charger tes brouillons pas à pas, très utile pour tes bêta-lectures :
Spoiler: montrer
1607589833-tuto-brouillons.jpg
1607589833-tuto-brouillons.jpg (1.51 Mio) Vu 6495 fois

>>> réagir à ce tutoriel

Avatar du membre
Super_Grenouille
Du baume Peewee, vite !
Messages : 468
Enregistré le : jeu. janv. 04, 2007 1:04 pm

La gestion des fils, des posts et des mp

Message par Super_Grenouille »

Comment gérer mes messages privés (MP) ?

Lorsque l'on clique sur "messages privés" en haut à droite à côté de notre pseudo, on se retrouve sur notre boîte personnelle. Elle contient les messages reçus, mais aussi ceux que l'on a envoyé. Sur la gauche, tu peux voir tes différentes boîtes :
  • Boîte de réception : c'est celle où tu me trouves après avoir cliqué sur "messages privés" et dans laquelle tu trouves les messages que d'autres grenouilles t'ont adressés.
  • Boîte d'envoi : elle contient les messages que tu as envoyé mais qui n'ont pas encore été ouverts par leur destinataires.
  • Messages envoyés : elle regroupe les messages que tu as envoyés et qui ont été ouverts et lus par leur destinataire.
Rédiger un message :
Pour rédiger un message, tu peux le faire à partir de ta boîte en passant par "Rédiger un message", ou tu peux aller sur le profil de la personne à qui tu souhaites t'adresser en cliquant sur son pseudo. Tu son pseudo, tu verras le lien "Envoyer un message privé".

Sauvegarder des messages privés :
Les messages privés se sauvegardent dès que tu as cliqué sur le bouton envoi. Il n'y a aucune restriction de sauvegarde concernant le nombre de messages privés qui peuvent être conservés dans une boîte.

Supprimer des messages privés :
Si tu veux supprimer un message privé, il faut aller dans le panneau de contrôle de l'utilisateur (lorsque l'on clique sur son pseudo en haut à droite). Ensuite, il y a un onglet "Messages privés". Tu peux cocher ceux que tu veux supprimer puis sélectionner dans le panneau déroulant en bas l'option "Supprimer la sélection".

>>> réagir à ce tutoriel

Avatar du membre
Super_Grenouille
Du baume Peewee, vite !
Messages : 468
Enregistré le : jeu. janv. 04, 2007 1:04 pm

Comment citer et invoquer une grenouille

Message par Super_Grenouille »

Comment citer et invoquer une grenouille

1. Citer une grenouille
Quand tu parcours un sujet, tu peux voir en haut à droite de chaque message des boutons :
Image
Cliquer sur celui avec l'icône permet de citer le message en ouvrant l'éditeur avancé : le message y apparaît dans la balise quote. Quand tu auras publié ton message, la grenouille recevra une notification et saura que tu l'as citée.

2. Citer plusieurs messages
Il peut arriver qu'on ait besoin de citer plusieurs messages d'un fil. Pour ça, rien de plus simple. Une fois que tu es dans l'éditeur avancé, tu peux parcourir les derniers messages postés sur le fil. Tu as tout en bas (sous les options et les pièces jointes) en zone appelée relecture du sujet où tu verras les messages accompagnés du bouton de citation. Si tu cliques dessus, le messages s'ajoutera dans la zones d'édition dans une balise quote :
Spoiler: montrer
Image

3. Invoquer une grenouille
Tu veux attirer l'attention d'une grenouille dans un sujet ? Pour cela, c'est très simple. Tu insères dans ton message une balise quote et tu ajoutes un auteur à la citation en suivant cette syntaxe :

Code : Tout sélectionner

[quote=pseudo de la grenouille][/quote]
De cette manière, quand tu auras publié ton message, la grenouille en question recevra une notification lui indiquant qu'elle a été citée.

>>> réagir à ce tutoriel

Avatar du membre
Super_Grenouille
Du baume Peewee, vite !
Messages : 468
Enregistré le : jeu. janv. 04, 2007 1:04 pm

Agrandir la case de saisie

Message par Super_Grenouille »

Agrandir la case de saisie
Merci à Volandos pour ce tutoriel

La case de saisie du message s'adapte toute seule à la taille de l'écran. Cependant, il y a possibilité de la diminuer ou de l'allonger.
Par contre, sa largeur dépend de la taille de la fenêtre de ton explorateur web, elle même dépendante de la taille de l'écran.
Pour ce faire, tu trouveras tout en bas de la zone trois petites barres parallèles. En maintenant le clic enfoncé dessus, tu peux modifier la hauteur de la zone :
Spoiler: montrer
Capture d’écran 2022-03-25 à 19.36.24.png
Capture d’écran 2022-03-25 à 19.36.24.png (189.78 Kio) Vu 6309 fois
Attention : sur certains explorateurs web, la case se redimensionne automatiquement par défaut. Ce bug est en cours d'investigation pour trouver une solution.

>>> réagir à ce tutoriel

Avatar du membre
Super_Grenouille
Du baume Peewee, vite !
Messages : 468
Enregistré le : jeu. janv. 04, 2007 1:04 pm

Comment réduire l'image de son avatar à la taille obligatoire

Message par Super_Grenouille »

Comment réduire l'image de son avatar à la taille obligatoire

Les avatars sont des petites images que l'on colle à coté de son pseudo.
Elles doivent impérativement correspondre aux données suivantes :
— dimensions inférieures à 150px sur 150px (px = pixels = points dans une image.)
— ou bien poids inférieur à 500 000 octets soit 500 Ko.

Sur PC avec Windows (Merci à Volandos)
Spoiler: montrer
Le logiciel PAINT est normalement fourni avec.
• Ouvrir son image avec ce logiciel.
• Chercher un onglet Redimensionner
• Choisir une réduction de préférence en « pixel » (px) pour que l'image corresponde aux définitions imparties.
• Saisir la valeur 149. Adapter la case Hauteur si celle-ci dépasse 149.
• Ne pas oublier de cocher une case demandant à conserver les proportions.
• Une simple dose de nénuphou suffira. :)

Sur Mac (Merci à Volandos)
Spoiler: montrer
Le seul logiciel gratuit est Inkscape, mais la manip est plus longue.
• Ouvrir Inkscape.
• Choisir nouveau document.
• Dans le menu Fichier cliquer sur Importer.
• Choisir son image et l'importer.
• Dans la fenêtre qui s'ouvre Import d'une image matricielle cliquer sur Incorporer puis sur Déduire du fichier, puis sur Aucun et enfin sur OK.
• L'image apparait encadrée par 8 poignées.
• Cliquer sur le menu Objet, puis sur Transformer.
• Dans la fenêtre qui s'ouvre, cliquer sur l'onglet Dimensions.
• Dans le petit menu déroulant, choisir px.
• Cliquer sur Redimensionner proportionnellement.
• Dans la case de saisie Longueur, taper 149. Adapter la case Hauteur si celle-ci dépasse 149.
• En bas de la fenêtre, cliquer sur Appliquer
• Si votre image n'est plus entourée de ses 8 poignées, cliquer dessus.
• Dans le menu Fichier cliquer sur Exporter au format PNG.
• Dans la fenêtre qui s'ouvre, cliquer sur l'onglet Sélection
• Sous Taille de l'image réajuster les valeurs si indispensable, mais opération pas recommandée.
• Dans Nom du fichier tapez le nom de votre image et cliquer sur Exporter ou bien sur Exporter sous pour choisir son emplacement.
• Boire une double dose de nénuphou bien tassé à la cuillère, pas au shaker. :)

Il y a aussi un excellent logiciel, mais il est payant : GraphicConverter.
• Ouvrir l'image.
• Cliquer sur le menu Redimensionner puis sur Redimensionner
• Saisir la valeur 149 en longueur. Le redimensionnement proportionnel est proposé par défaut.
• Adapter la case Hauteur si celle-ci dépasse 149.
• Cliquer sur OK
• Une simple dose de nénuphou suffira. :)

Sur Linux (Merci à Léonore)
Spoiler: montrer
Le plus simple pour changer la taille d'une image sous Linux est d'utiliser la commande convert. Mais si vous ne savez pas utiliser la ligne de commande, une façon alternative est donnée à la suite avec le logiciel Gwenview.


Tutoriel avec la commande convert :
La commande convert fait partie du projet ImageMagick. C'est un ensemble d'utilitaires très communs sous Linux qui a de grandes chances d'être installé par défaut sur votre système. Si ce n'est pas le cas, recherchez et installez le paquet "imagemagick" depuis les dépôts de votre distribution.
  • Ouvrez un terminal et placez vous dans le répertoire où se trouve l'image que vous souhaitez redimensionner.
  • Dans l'exemple ci-dessous nous choisirons d'utiliser un fichier nommé "photo.jpg". Modifiez le nom du fichier avec le vôtre.
    La commande à utiliser est la suivante :

    Code : Tout sélectionner

    convert photo.jpg -resize 150x150 avatar.jpg
Cela créera le fichier "avatar.jpg", d'une taille de 150 pixels de coté, dans le même répertoire. Si l'image d'origine n'est pas carrée, c'est le plus grand coté qui aura la taille de 150 pixels, l'autre sera plus petit. Le ratio de l'image est conservé.
Attention, si un fichier "avatar.jpg" existait déjà dans le répertoire il sera remplacé par la nouvelle image.
Tutoriel avec le logiciel Gwenview :
Gwenview est une application de visualisation d'image disposant de fonctionnalités supplémentaires utiles, dont celles de recadrer et retailler les images. Gwenview fait partie du projet KDE (un environnement de bureau assez populaire sous Linux) et est probablement disponible à l'installation via les dépôts de votre distribution. S'il n'est pas déjà installé, cherchez et installez le paquet "gwenview".
  • Ouvrez votre image avec cette application.
  • Appuyer sur la combinaison de touche MAJ+R (comme pour faire un R en majuscule). Si vous préférez utiliser la souris, passez par le menu "Édition" puis cliquez sur "Redimensionner".
  • Une fenêtre apparaît.
  • Vérifiez que la case "Conserver le rapport d'affichage" est cochée.
  • Choisissez la dimension en pixel (px) la plus grande et changez celle-ci par le nombre 150 puis cliquez sur "Redimensionner".
  • L'image est alors redimensionnée dans le logiciel, mais pas encore enregistrée.
  • Une barre contenant plusieurs boutons est apparue au dessus de l'image.
  • Cliquez sur "Enregistrer sous" et choisissez un nouveau nom, par exemple "avatar.jpg", pour enregistrez le fichier.

Enfin, en cas de difficultés, n'hésitez pas à contacter la FGT.

>>> réagir à ce tutoriel

Verrouillé