Bonjour, Lien utile : [tuto PA] héberger ses photos Comme le titre l’indique, je pousse un p’tit coup de gueule. Je vois de plus en plus de post où les images ne s’affichent pas. Vous allez me trouver maniaque, mais j’avoue que le plus souvent je ne lis mm pas le post et je passe mon chemin. Le grand classique, c’est celui-là : http://www.MaSuperImage_MaisFautCliquer ... LaVoir.jpg Quant il n’y a qu’une image, ça passe, mais quant on se retrouve avec une liste de liens d’images, cela devient très vite laborieux. Gueuler c’est bien, expliquer c’est mieux. Donc pour tous ceux, pour qui le code informatique est un charabia mystérieux, je vais modestement tenter d’expliquer qlq base. N’étant pas informaticien, ni programmeur, mes explications seront très succinctes et j’espère assez claires. Donc ce mystérieux charabia utilisé pour mettre en forme les messages dans les forums, s’appelle le BBCodes (Bulletin Board Code). Le principe de base est très simple, il utilise des balises. Chaque balise a des propriétés et permet d’effectuer une action simple. Une balise est délimitée par des crochets [ ]. Les balises fonctionnent TOUJOURS par paire, une balise de début et une balise de fin. Un exemple simple, dans une phrase, je veux mettre un mots en gras. Il me suffit d’encadrer le mot des balises suivantes : Code: [b]le_mot[/b] La balise [b] indique le début du texte à mettre en gras, la balise [/b] indique la fin. La balise de fin est très importante, sans elle cela ne fonctionne pas. Voilà, si vous avez compris ça, vous avez tout compris!! Pour en revenir aux images, il vous suffit d’utiliser les balises suivantes : Code: [img]le_lien_vers_mon_images[/img] Sur beaucoup de forums, dont le notre, et pour nous facilité la tache, en haut de chacune des fenêtres de rédaction de message, est mis à notre dispositions des raccourcis vers différents balises. Il nous suffit de sélectionner le texte à mettre en forme et de cliquer sur l’action que l’on veut. Cela encadre automatiquement le texte des balises correspondantes. Autre astuce, le bouton « Aperçu » est votre plus précieux allié. Il vous permet de pré-visualiser votre message (sans le poster). Pour vérifier que votre BBCodes est correct. Un texte correctement mis en pages est plus agréable à lire et invite les autres membres à vous lire. Voilà, vous avez plus aucune excuse pour nous pondre des post avec des liens foireux !! __________________________________________________ __________________________________________________ Ajout du 30/08/2014 - Insertion de vidéo Youtube sur le forum __________________________________________________ __________________________________________________ Suite un un PM me demandant comment on poste une vidéo sur le forum, je vais apporter qlq explications, car en effet cela devient un peu plus compliqué qu'avant. Voici le code que j'utilise pour avoir la vidéo Youtube insérée dans vos post : En vert c'est la partie de l'adresse URL qui ne change jamais, vous pouvez la garder en mémoire. En rouge c'est l'identifiant unique de la vidéo sur Youtube, vous la retrouvez dans la barre URL de votre navigateur. Cet identifiant unique est séparé de l'adresse URL par un "=". Avec ça vous devriez vous y retrouver. N'oubliez pas (comme moi souvent) de mettre aussi le lien tout simple pour ceux qui utilise des tablettes. @+
Re: [Coup de gueule] Images dans les post Pour aller plus loin avec le BBCode. Qlq exemples de mise en forme de texte. ----------------------------------------------------------- Texte en italique Code: [i]le_mot[/i] le_mot ----------------------------------------------------------- Texte en souligné Code: [u]le_mot[/u] le_mot ----------------------------------------------------------- Ensuite, il est possible de cumuler les balises, par exemple pour avoir un texte en gras et italique. Code: [i][b]le_mot[/b][/i] le_mot ----------------------------------------------------------- Certaine basile accepte des "arguments". Cet argument se place dans la premier balise unique et est précédé du signe = Alignement du texte Code: [align=center]le_mot[/align] le_mot Code: [align=right]le_mot[/align] le_mot----------------------------------------------------------- Taille du texte Code: [size=200]le_mot[/size] le_mot Code: [size=50]le_mot[/size] le_mot ----------------------------------------------------------- La balise URL permet un formatage particulier. La syntaxe classique est la suivante Code: [url]http://www.rccrawler-france.com/forum/index.php[/url] http://www.rccrawler-france.com/forum/index.php Mais c'est pas très sexy, il existe une astuce pour rendre cette balise plus agréable à lire. L'adresse URL passe en argument dans la première balise, tandis que vous pouvez taper un texte libre (ici j'ai choisi "Index du forum") qui sera affiché en lieu et place sur l'adresse url. Code: [url=http://www.rccrawler-france.com/forum/index.php]Index du forum[/url] Index du forum ----------------------------------------------------------- Vous suivez jusque là? Bon, on peut un peu compliquer les choses et imbriquer des balises avec des arguments. Ici on affiche une image (donc avec des balises img), mais quand on clique sur l'image, cela nous revois vers une adresse URL (ici l'Index du forum) Code: [URL=lAdresseURL][IMG]lAdresseDeIMG[/IMG][/URL] [URL=http://www.rccrawler-france.com/forum/index.php][IMG]http://img825.imageshack.us/img825/1637/111219indexfofo.jpg[/IMG][/URL] ----------------------------------------------------------- A noter que selon les forums, l'utilisation de tel ou tel balise peu varier. Autre fonction intéressante de formatage de texte, c'est les listes. ----------------------------------------------------------- Liste simple. Code: Ma liste [list]toto tutu titi tete[/list] Ma liste toto tutu titi tete ----------------------------------------------------------- Liste avec puce. C'est comme exemple ci dessus, mais placer au début de chaque éléméents de la liste la balise [*]. A noter que cette balise est particulière, car c'est la seule qu'il ne faut pas fermer. Il n'y a pas de balise de fin Code: Ma liste [list] [*]toto [*]tutu [*]titi [*]tete[/list] Ma liste toto tutu titi tete ----------------------------------------------------------- Liste incrémentale. Pour rendre une liste incrémentale, ajouter l'argument =1 si vous souhaitez une liste numérotée et =a si vous souhaitez une liste alpha numérique. Ne pas oublier la balise [*] devant chaque chaque élément à énumérer. Liste numérotée Code: Ma liste [list=1] [*]toto [*]tutu [*]titi [*]tete[/list] Ma liste toto tutu titi tete Liste alpha numérique Code: Ma liste [list=a] [*]toto [*]tutu [*]titi [*]tete[/list] Ma liste toto tutu titi tete -----------------------------------------------------------
top ton explication :yes3: :yes3: :yes3: en espérant que les réfractaires sauront faire un minimum d'effort.... :jecpa3:
Merci et bonne initiative pour cette explication, ça manquait sur le fofo. Ca serait bien de mettre ça en post-it histoire de le retrouver facilement en cas de doute :wink3: Ca serait bien aussi pour l'insertion les images dans les messages, de mettre le tuto (ou le lien vers celui des petites annonces) bien visible car la question revient souvent :roll3: Sinon, + 10 pour les photos affichées en miniatures ou juste les liens de celles-ci, quand il y en a peu çà passe encore mais quand il y a tout une liste je zappe direct de sujet :nnotd3: Pareil pour la fonction "aperçu" il faudrait que ce soit un réflexe pour tout le monde, ça éviterait des erreurs pour les images mais aussi et surtout des erreurs d’orthographe, des oubli de mots sans parler des phrases qu'il faut relire 2 ou 3 fois pour en comprendre le sens :mad3: :mad3:
Bonjour, C'est fait Ajout de la section Liste. Autre fonction intéressante de formatage de texte, c'est les liste. ----------------------------------------------------------- Liste simple. Code: Ma liste [list]toto tutu titi tete[/list] Ma liste toto tutu titi tete ----------------------------------------------------------- Liste avec puce. C'est comme exemple ci dessus, mais placer au début de chaque éléméents de la liste la balise [*]. A noter que cette balise est particulière, car c'est la seule qu'il ne faut pas fermer. Il n'y a pas de balise de fin Code: Ma liste [list] [*]toto [*]tutu [*]titi [*]tete[/list] Ma liste toto tutu titi tete ----------------------------------------------------------- Liste incrémentale. Pour rendre une liste incrémentale, ajouter l'argument =1 si vous souhaitez une liste numéroté et =a si vous souhaitez une liste alpha numérique. Ne pas oublier la balise [*] devant chaque chaque élément à énumérer. Liste numérotée Code: Ma liste [list=1] [*]toto [*]tutu [*]titi [*]tete[/list] Ma liste toto tutu titi tete Liste alpha numérique Code: Ma liste [list=a] [*]toto [*]tutu [*]titi [*]tete[/list] Ma liste toto tutu titi tete ----------------------------------------------------------- @+
vachement utile ce post :yesintel3: du coup je suis en train de mettre a jour le premier post du sujet sur mon BJ4 :yeah3:
Bonjour, très utile ce post, mais en appliquant la méthode, à savoir: je clique sur "img" puis je colle le lien 'imageshack" de ma photo, je fais aperçu et là je me retrouve avec des liens. Où je me suis trompé? Balthy.
moi je n'arrive pas a poster de photo a chaque fois ca me marque en rouge "Désolé, le quota de fichiers joints a été atteint" une solution?
Salut Je trouve ça super Bad rax d'avoir mis ce tuto. :yes3: Par contre après l'avoir lu je n'ai pas été capable d'insérer une vidéo venant de you tube correctement.... J'ai essayer de transposer la logique de l'insertion d'image et la kenini pas moyen. :confused3: Pourrais tu s'il te plaît faire un exemple avec une vidéo. J'ai ce problème sur ce post J'ai fait et la même avec vidéo à la place de YouTube et ça marche pas :cryi3: ......help me please :ang3: Ensuite juste une remarque sur le titre du post, pourquoi ne pas l'appeler "tuto insertion d'image, de vidéo et mis en forme du texte" un truc comme ça. Je trouve que "coup de gueule" ça met la pression d'une part et d'autre part ça met l'information principale en second plan.... Cordialement Baptiste
Bonjour, Réponse en coup de vent, tes liens de sont pas bons, il faut prendre le lien en haut dans la barre d'url de youtube et souvent supprimer à la fin de l'URL "&app=desktop" (pas sur de orthographe exact) :roll: j'ai corrigé dans ton post les liens, ils fonctionnent maintenant. @+
Yeah... Super Bad Rax merci pour la correction et merci pour l'info... :yes3: riest: Cordialement Baptiste
bonjour, et quelqu un pourait m expliquer aussi comment ca marche pour mettre une image comme avatar sur mon profil? j y comprends rien, demiension, url, ect... :ang3:
Bonjour, D'abord il faut trouver l'image et la mettre à la bonne dimension. Largeur maxi : 180 pixels, hauteur maxi: 180 pixels, taille maxi : 68.36 Ko. Ensuite il faut aller dans Panneau de l’utilisateur/Profil/Modifier l’avatar Sur la ligne Charger depuis votre ordinateur: cliquer sur Choisir le fichier si l'image est sur l'ordinateur ou utiliser les autres fonctions en rentrant l'adresse de l'image (URL). Ensuite clic sur Envoyer. Thierry
