www.djembefola.fr www.djembefola.fr
www.djembefola.fr • Comment ajouter une image à votre sujet (05/2014)
Forum rules
- Avant de commencer, veuillez lire attentivement le règlement général de notre forum : ici
- 1ère étape sur http://www.djembefola.fr : Se présenter (obligatoire)
- Si vous identifiez une erreur ou un bug sur le site, veuillez l'ajouter dans notre "bugtracker" : ici

Return to Comment utiliser le forum

  • Advertisement

[Support Technique] Comment ajouter une image à votre sujet (05/2014)

Ce forum est fait pour centraliser les informations utiles pour bien utiliser le forum. Veuillez suivre les indications données. En cas de problème, vous pouvez utiliser ce forum pour poster une question en rapport avec l'utilisation du forum et nous y répondrons le plus rapidement possible.

Moderators: Mike, Swingtine, pucklejuste, Kobaa, Black-pm5, fredd, Dununfolette, Tempo

Followers: Mike, Tempo

[Support Technique] Comment ajouter une image à votre sujet (05/2014)

Postby Mike » Mon 28 Mar 2005 00:23

Comment ajouter une image à mon sujet ??



Pour ajouter une image à votre sujet, il y a plusieurs possibilités :
 1- Utiliser la fonction "pièce jointe" des messages du forum 
 2- Utiliser le module Galerie pour avoir une image utilisable sur l'ensemble du site 
 3- Afficher une image présente sur internet dans votre sujet 

 

1- Utiliser la fonction "pièce jointe" des messages du forum

 

A chaque fois que vous rédigez un message, le forum propose un certain nombre d'options disponibles dans les onglets situés en dessous du bouton "envoyer". Il y a un onglet "Option" mais également un onglet "Fichiers joints" qui permet d'ajouter son fichier (image ou autre). Pour ajouter votre image avec cet outil, suivez la procédure suivante :

a- Télécharger le fichier :
- cliquez sur l'onglet "Ajouter des fichiers joints" en dessous du cadre pour rédiger votre message.
- cliquez sur le bouton "Choisissez un fichier"
- Sélectionnez votre fichier en parcourant vos dossiers
- Cliquez sur "Ouvrir" dans la fenêtre pour parcourir les fichiers
- Ensuite cliquez sur le bouton "Ajouter le fichier" puis patientez quelques instants.
- Normalement, le fichier est alors listé entre le cadre de rédaction et l'onglet "Ajouter des fichiers joints".

onglet_fichier_joint.png


chargement.png


chargé.png


Le nombre maximal de fichier que l'on peut joindre, c'est 3 (par défaut). Si vous ne faites rien de plus, le fichier sera listé en bas de votre sujet.

b- Insérer le fichier dans le corps de votre message :
- Positionnez le curseur à l'endroit où vous voulez ajouter votre image dans le sujet
- Cliquez sur "Insérer dans le message"
- Normalement, un BBCode "attachment" s'affiche
Code: Select all
[attachment=1]chargement.png[/attachment]


Après validation, votre message contiendra votre image à l'endroit indiqué.

Avantages :
- Méthode simple
- Associée à votre sujet de forum
- Possibilité d'intégration au sujet du forum
- Redimension automatique dans les sujets du forum
- Ajout automatique d'un script de "carrousel" pour passer d'une image à l'autre
- Intégration automatique de ces données dans le module rythmes (si vous postez une image nommée "Soko-partition", elle sera retrouvée sur la page "Fichiers" du rythme soko.


Inconvénient :
- Pas de possibilité d'intégrer l'image sur l'agenda ou les autres modules.
- La limite pour ces images est de 500 x 500 px
--> Si ces 2 points vous gênent, passez à la solution 2.





 

2- Utiliser le module Galerie pour avoir une image utilisable sur l'ensemble du site

 
Ce sera la solution la plus utile pour ceux qui souhaitent afficher des images dans l'agenda ou dans les autres modules (articles, cours ...). Pour ajouter votre image dans la galerie, suivez la procédure suivante :
- rendez-vous sur gallery/index.php
- Choisissez l'album "Flyers et images promotionnelles" : gallery/album.php?album_id=4
- Cliquez sur le bouton "Nouvelle image"
- Choisissez votre image (ou plusieurs si vous devez en ajouter plusieurs)
- Choisissez si vous souhaitez activer les commentaires pour votre image
- Le cas échéant, choisissez les rotations à opérer (si jamais votre image n'est pas dans le bon sens)
- Cliquez sur continuer
- Sur la page suivante, ajouter un titre et une description à votre image
- Cliquez sur "Envoyer"
- Votre image est maintenant disponible sur notre module

Comment l'ajouter dans un message (agenda, forum ou même module cours ou autre ...) ?
- Dans la catégorie, cliquez sur votre image
- Faites alors un clic droit
- Utilisez l'option "Copier l'URL de l'image" (ou quelque chose de similaire suivant le navigateur)
- Collez ce lien dans votre message
- Encadrez-le par les BBCodes img comme suit

Code: Select all
[img]http://www.djembefola.fr/forum/gallery/image.php?album_id=2&image_id=63[/img]

Et voici le résultat :
Image

Remarque : vous pouvez également obtenir une miniature de votre image en copiant l'URL de l'image au sein de la catégorie (à l'étape 1 du tuto, faites seulement un survol de l'image sans cliquer dessus). Dans ce cas, l'URL contient en plus un "mode=thumbnail" qui permet l'affichage de la miniature.

Code: Select all
[img]http://www.djembefola.fr/forum/gallery/image.php?mode=thumbnail&album_id=2&image_id=63[/img]

Et voici le résultat :
Image

Avantages :
- Insertion possible sur tout le site
- Facile à faire
- Possibilité de faire des miniatures facilement
- Limite des images : 5,12 Mo et 1280 x 1024 px (c'est très confortable, notamment pour des affiches de concerts qui restent particulièrement lisibles)


Inconvénients :
- Vous pouvez avoir un "watermark" (logo djembefola.fr incrusté dans votre image
- Ces images ne sont pas automatiquement ajoutée sur le module rythme (mais ça viendra peut être)
- Difficulté à insérer cette image sur d'autres sites (protection des images et URL qui ne termine pas par une extension image classique comme jpg, gif ou autre)





 

3- Afficher une image présente sur internet dans votre sujet

 

a- Principe général et dépôt de l'image sur le net
Vous pouvez également utiliser une méthode beaucoup plus simple pour afficher une image si elle est déjà présente ailleurs sur le net. Dans ce cas, pas besoin de la télécharger mais simplement de faire un lien "image". C'est aussi une possibilité qui vous est donnée si vous ne souhaitez pas héberger vos images chez nous. Pour cela, vous pouvez déposer l'image sur différents sites tels que http://www.facebook.com, http://imageshack.us/, http://www.hostingpics.net/, http://www.casimages.com/ et bien d'autres.

Une fois que l'image est disponible sur le net, procédez comme suit :
- Identifiez l'adresse de l'image : faites un clic droit sur l'image et cliquez sur "Copier l'URL de l'image" (fonction présente sur chrome et mozilla) ou sur l'option "Propriété" (Internet Explorer) puis recopier le lien donné dans la partie URL de la fenêtre qui s'ouvre;
- Collez cette URL dans votre message
- Vérifiez qu'elle se termine bien par une extension classique d'un fichier image (ex : jpg, gif, tiff, bmp, ...). Si l'adresse ne se termine pas par une extension image valide, vous risquez de ne pas avoir d'affichage de votre image.
- Encadrez l'adresse par les balises images en sélectionnant l'URL copiée et en cliquant sur Image
Code :
Code: Select all
[img]http://www.djembefola.fr/forum//styles/fiproblack/imageset/icon_djembe.gif[/img]

Résultat :
Image

Avantages :
- Facilité d'emploi
- Possibilité d'avoir une miniature pouvant être placée à droite, à gauche ... avec le BBCode Thumbnail (Image)
- Possibilité de placement optimal dans le sujet du forum (BBCode align et BBCode Imageacote)
- Compatible avec tous les modules (agenda, cours, articles, ...)


Inconvénients :
- Il faut avoir déposé l'image ailleurs sur le net





b- Utiliser les fonctions avancées pour placer votre image
- Vous pouvez évidemment placer votre image en alignement centré, droit, gauche mais dans ce cas, l'image est isolée du texte
- Mais vous pouvez également intégrer votre image à votre texte en lui permettant d'être à gauche ou à droite du texte grâce au BBCode "Image à côté
http://www.djembefola.fr/forum/styles/fiproblack/imageset/icon_discussion.gifCes fonctions vous permettent d'aligner votre image à droite ou à gauche de votre texte.
Dans ce cas, il ne faut pas utiliser la balise image mais la balise imageacote seule.
- Collez l'adresse de votre image
- Cliquez sur le Menu Image a côté > Image à droite (ou à gauche)
- Voici le code qui s'affiche :

Code: Select all
[imageacote=left]http://www.djembefola.fr/forum/styles/fiproblack/imageset/icon_discussion.gif[/imageacote]
[imageacote=right]http://www.djembefola.fr/forum/styles/fiproblack/imageset/icon_discussion.gif[/imageacote]


Pour le résultat, j'ai fait un petit ajout avec imageacote=left à côté de la démarche.

c- Cas de Imageshack.us
Avec la nouvelle version de phpBB3 et notre nouvelle barre d'écriture, vous disposez même d'un bouton spécial (Image) pour déposer des images sur le site http://imageshack.us/ sans sortir de votre sujet. La fenêtre qui s'ouvre vous demandera par contre de créer un compte (si ça ne vous intéresse pas, reportez-vous sur une des solutions précédentes).

Vous n'avez donc plus d'excuses pour ajouter une image à vos annonces et sujets !
Je vous remercie de votre attention !
Mike
You do not have the required permissions to view the files attached to this post.
Last edited by Mike on Sun 10 Feb 2008 12:30, edited 14 times in total.
Mike, administrateur de www.djembefola.fr, la communauté francophone des joueurs de djembé et dununs.
> Règlement du forum
> Ma présentation / Présentez vous !

Image
User avatar
Mike
Administrateur
Administrateur
 
Group: Administrators
Posts: 4148
Joined: Sat 4 Dec 2004 23:13
Last Visit: Sun 19 May 2019 08:22
Location: Saint Etienne (42)
Gender: Male
Images: 81
Cash on hand: 4,339.00 Cauris
Bank: 3,102,144.00 Cauris
Has thanked: 17 times
Been thanked: 12 times


  • Advertisement

  • Similar Topics
    Replies
    Views
    Last post

Login  •  Register