How to Upload Img to Poe Forum

Overview

"In computer text processing, a markup linguistic communication is a system for annotating a document in a way that is syntactically distinguishable from the text." - Wikipedia.

The Nexus Forums software does not employ Hyper Text Markup Language (HTML) for formatting things in a mail service, nor that used on the Wiki (which uses the MediaWiki engine). Instead information technology uses a different markup language called BBCode. This commodity simply points y'all to the markup features you will be interested in using for the most common specific purposes. While very like to HTML, information technology is simplified to be more than "human readable". It does follow the aforementioned basic convention of "tags" surrounded by "[foursquare brackets]" to marking the first and end of the markup command. For example: "[b]text[/b]" or '[quote="Author"]quoted text[/quote]'.

The thread How to add links and images to comments in the "Nexus Skyrim" forum was an before "trial and error" discovery process which illustrates many of the following.

Please see the BBCode Reference folio for the details regarding the markup syntax if you want to embed it in the text you lot write "offline". At that place are also online converter programs to assist with translating betwixt those different markup formats. There is no official standard for BBCode, and then implementation may vary by site.

Programs and Tools

• BBCode Reference
• Any to BBCode converter online
• WYSIWYG to HTML to BBCode Online Converter

Details

The wiki article Formating and BBCode in Descriptions provides a more extensive list of BBCodes and examples common to the Nexus site. The focus of this commodity is explaining the Editor Toolbar.

File attachments in both the Forum and Mods comments are severely express, not only the size of individual files simply likewise the total size of all files e'er attached by your account. So you are brash to upload such to 3rd-party online hosting sites, and copy the URL (represented here as "{link.url}") of your upload the hosting site provides in the advisable BBCode to the Forum post or Modern comments. See besides the wiki article Listing of online hosting sites. These sites come and go over time, so consider this to be a list of starting points.

• It's better to use the BBCode "img" tag to embed images into your posts.
• On the Forum's side this is easily supported by a carte du jour bar of buttons (come across below) to achieve everything y'all want.
• On the Modern'south file comments side though yous will need to memorize the actual lawmaking, or just prepare your post here on the forums side, but never "post" information technology, then copy&paste it into the comment on the file site.

When you post a new topic or a respond to an existing topic thread, the "Editor" windows opens. At the height of the window where y'all will enter the body of your text, you will detect "Forum Reply Toolbar" (Figure above). The icons highlighted by "scarlet boxes" (with white numbers in their lower right corner) represent to the BBCodes described beneath.

1. The "Special BBCode" icon. The "picklist" displayed when you "<Left-Click>" on the down pointing triangle to the right of the "BBCode" field (showing the text "Delight select"), is a list of lesser used BBCodes that will enclose the currently selected (highlighted) text in your reply or mail service. Not all BBCode options listed are permitted in the forums, just this is where you find the "spoiler" and "YouTube video" tags.

The Spoiler tag is used to hide by default text that is lengthy or of limited involvement (such as "load orders" and "log files") to most readers of the posting, beneath a "Spoiler" push. When "<Left-Clicked>" upon, the subconscious text is revealed until the button is clicked again.

• BBCode: [spoiler]text[/spoiler]

The YouTube tag simply needs the {video.id} (the letters and numbers afterwards the v= in the URL), not the whole address (eastward.chiliad. i2YkKJfoz3c instead of http://www.youtube.com/sentinel?

v=i2YkKJfoz3c&feature=player_embedded).

Paste the YouTube {video.id}, highlight it, and select from the "Special BBCode" "YouTube" or "YouTube 600px" (thumbnail) options.

• BBCode: [youtube]{video.id}[/youtube]

(See ForumReplyToolbar_Fig-01. Click the link/thumbnail to run into the enlarged paradigm. Use your browser "<back page>" command to return to this page.)

2. The "URL Link" icon. This is 1 of the almost usually used BBCode features: turning a selected block of text in the body into a "hyperlink". A "hyperlink" is highlighted (usually by a colored "underline") text in a post which, when "<Left-Clicked>" upon, volition open another web browser folio or tab with content from some other page or site replacing of the current page. (Most browsers volition open the link in a new folio or tab if you use "<Correct-Click>" instead.) You will take to copy the target URL exactly into the BBCode, so the utilise of the "Copy Link Location" command of your browser is recommended.

• BBCode: "[url={link.url}]hyper-link text[/url]"

(See ForumReplyToolbar_Fig-02. Click the link/thumbnail to run into the enlarged prototype. Use your browser "<back page>" control to return to this page.)

3. The "Image Link" icon. You volition first need to upload your image file to a tertiary-party hosting site. The image on that site volition exist displayed in your mail either automatically sized, or as a "thumbnail" which can exist "Left-Clicked" to and so display the full size image.

• BBCode:

• (Thumbnail, displayed in page): [img={link.url}]
• (Thumbnail as clickable link to external site): [url={link.url}][img]{link.url}[/img][/url]
• (Thumbnail resized): [img={width}ten{height}]{link.url}[/img]
• (Thumbnail resized with meta data): [img width="100" elevation="50" alt="Lubeck metropolis gate" title="This is one of the medieval metropolis gates of Lubeck"]{Lubeck_image.url}[/img]

(See ForumReplyToolbar_Fig-03. Click the link/thumbnail to see the enlarged image. Use your browser "<dorsum page>" command to return to this page.)

iv. The "Code" icon. Renders text (mostly lawmaking) while maintaining all white spacing and indentation within. Also uses a monospaced font (each character takes upward the same infinite). The "Lawmaking Type" listbox lets you lot select the code language, or information technology will effort to "auto detect" the blazon. If a "Starting line number" is entered it will add a number to each line within the lawmaking box. If none is entered, the lines are presented "every bit is".

• BBCode: [lawmaking]{lines of indented code}[/lawmaking]

(See ForumReplyToolbar_Fig-04. Click the link/thumbnail to run across the enlarged image. Use your browser "<back page>" control to return to this page.)

five. The "Quote" icon. With the [quote] tag you lot tin can create a citation/quote of something someone else said. An existing postal service has both a "Quote" and a "MultiQuote" push in the lesser correct corner of the "Reply editor" window. If these are used, the "UserName" of the quoted affiche is add to the "Quote" label. Use of the Icon only adds the "Quote" tags around the selected text and labels it with the word "Quote".

• BBCode:

• Quoting no-1 in particular: [quote]'Tis be a bad day[/quote]
• Quoting someone in item: [quote=Bjarne]This exist the day of days![/quote]

(Encounter ForumReplyToolbar_Fig-05. Click the link/thumbnail to meet the enlarged image. Utilise your browser "<back page>" command to return to this page.)

6. The "Reveal Markup" icon. The icon is a "light switch" indicating that it is a "toggle". When clicked information technology displays all the BBCode formatting in the text body. This is usefully when you wish to edit something within what the Toolbar icons formated. Information technology is often necessary with the "Quote" format as that leaves the cursor within the "quote field", frequently causing the next thing you write to become part of the quotation. Equally this is a "toggle", yous have to call back to flip it back past clicking on it once again when done if y'all wish to meet the results instead of the formatting codes.

BBCode: none.

(See ForumReplyToolbar_Fig-06. Click the link/thumbnail to encounter the enlarged image. Employ your browser "<back page>" command to return to this page.)

The other icons are felt to exist sufficiently self-evident to not need caption. (Merely hover your cursor over them to run into a "tooltip" explanation.) Still, if you lot aren't certain, simply highlight some text and test. Y'all at present know yous tin can use the "Reveal Markup" icon to remove the formatting. (The "Eraser" icon, next to the "Reveal Markup" switch icon, is supposed to do that, but doesn't seem to work in testing.)

References

• Wikipedia
• Hyper Text Markup Language (HTML)
• MediaWiki
• BBCode
• How to add together links and images to comments
• BBCode Reference
• Any to BBCode converter online
• WYSIWYG to HTML to BBCode Converter

Nexus wiki articles referred to by this article:

• Formating and BBCode in Descriptions
• List of online hosting sites

Nexus wiki articles that refer to this article:

• How to inquire for help
• FNV General Mod Use Advice

hobantheyn1978.blogspot.com

Source: https://wiki.nexusmods.com/index.php/How_to_markup_images_(etc)_in_forum_posts_and_comments

Share this post