logo Sign In

Post #1208170

Author
oojason
Parent topic
'How do I do this?' on the OriginalTrilogy.com; some info & answers + member FAQs ❕
Link to post in topic
https://originaltrilogy.com/post/id/1208170/action/topic#1208170
Date created
20-May-2018, 5:16 AM

How to post an image on the OriginalTrilogy•com… (+ useful markdown guides)

 
There have been a fair few requests of late from members - both new and erm… not-so-new - on how to post an image on this site, so here goes…

If you’d like to post a picture up on the OT•com - then the following will (should) work…
 

!{}(https://i.imgur.com/dfwJb97.png)

^ instead of the ‘{}’ above, put these ‘[]’ in their place, then click on ‘Submit Your Reply’ or ‘Preview Post’ - and the image will appear - like it does below… 😃
 

 

or…

Simply copy following line, without the >

 > ![](https://i.imgur.comdfwJb97.png)

…and paste it into a post you want to make. Replace the url (https://i.imgur.comdfwJb97.png) with the url of an image you want to post up on the forum, and then click on the ‘Preview Post’ or ‘Submit’ button to see the image appear on here.

 

or…

Watch this 50 second youtube video, titled ‘Markdown: inserting images’ on how to insert an image here on the forum.

 

There are also a couple of useful markdown guides, here:-

https://markdown-it.github.io (and scroll down to ‘Images’)
https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet

 
 

How to post an online video on the OriginalTrilogy•com…

 
It’s not possible to embed videos on here directly, but you can post up an image which links to a YouTube video by typing in the following code below:-

 

If typed in correctly the following video below should appear…

x

^ if you ‘right click’ on the above image you should be able to open the video in a new tab or window - without leaving this website.

 

This markdown guide may also be of some help (and then scroll down to the ‘Complete Example’ in the link below):-

https://stackoverflow.com/questions/11804820/how-can-i-embed-a-youtube-video-on-github-wiki-pages

 

 

Some useful info and suggestions on using the formatting of the site…

^ which may be of some help with the layout of longer / detailed posts; for eg… (click on the ‘Expand’ / ‘Collapse’ button below)
 

Test for a post / section title etc | large 1#

Test for a post / section title etc | medium 2##

Test for a post / section title etc | regular 3###

 


 
^ line breaks can be an effective way of heling to break up longer posts into segments / ‘walls of text’ style posting.

Test for a post / section title etc | large 1# - bold

Test for a post / section title etc | medium 2## - bold

Test for a post / section title etc | regular 3### - bold

 


 
^ line breaks are also useful for highlighting where a change of subject or topic may occur.
 

Test - a decent way of using this as a title, perhaps? To help break up a long page of text? Outline a change of subject etc?

Test 2 - a decent way of using this as a title, perhaps? To help break up a long page of text? Outline a change of subject etc?

Test 3 - a decent way of using this as a title, perhaps? To help break up a long page of text? Outline a change of subject etc?

 

Test - a decent way of using this as a title, perhaps? To help break up a long page of text? Outline a change of subject etc? - bold

Test 2 - a decent way of using this as a title, perhaps? To help break up a long page of text? Outline a change of subject etc? - bold

Test 3 - a decent way of using this as a title, perhaps? To help break up a long page of text? Outline a change of subject etc? - bold

 

  1. R2D2
  2. C3PO
  3. K2SO
  4. B2EMO
  5. Chopper

 

• Luke
• Han
• Leia
• Lando

 

  • “Many of the truths that we cling to depend on our view.” — Obi-Wan Kenobi, Return Of The Jedi
  • “Many of the truths that we cling to depend on our view.” — Obi-Wan Kenobi, Return Of The Jedi
  • “Many of the truths that we cling to depend on our view.” — Obi-Wan Kenobi, Return Of The Jedi

 

Bold text style | italic text style | regular text style | Bold & italic text style. ↓ ^ © ® ™

 

Try to leave a gap - a blank line - between any format coding and an image code; for example.

^ if there is no gap or spacing between the “&nbsp:” and “![] ()” - the image tends to look a little off in its placement (and ‘jump around’ the screen)…

 

https://gist.github.com/rxaviers/7360908 - an emoticons list

^ for testing out which emoticons work on this site - and which do not…

✔️ ™️ ®️ ©️ 💡 👍 ❤️ 💥 🔔 📍

 

🚩 📺 💻 📞 📧 📆 🍷 🎂

 

🔒 ⤵️ ⤴️ 🆘 🔴 🔹

 

🔺 💯 ☑️ 🔗 ⚠️ 🇬🇧 🍺

 

 


 

Alternatively, if you want to practice working on the markdown coding and layout on here… I’d personally recommend to members they use a ‘PM post’ to experiment with, to use as a preview or test, for any lengthy or detailed project posts.

Simply send a friend on here a PM message letting them what you are trying to do… and use that actual PM as a template, test post, or ‘draft’… until you are content with the layout of the post. If you like the look and layout of some other posts on here - then use the ‘Quote’ button and ‘cut & paste’ that post into your PM - to then edit and test accordingly. Good luck with it 👍