Using the BBcode functions of the forum

New to the forum? Introduce yourself here!

Using the BBcode functions of the forum

Postby KalvinET » Sat Apr 12, 2014 5:29 pm

Using embed Youtube videos:

Many of you, including me, have been trying to include embed videos on the posts, without success despite the appropriate function being there.

Older videos work fine, many of the embed videos here are actually a bit old. And now I found out why the function wasn't working properly:

Recently Youtube has been using https, instead of http. The former won't work on the forum's embed function.
And there's one more thing: a function added on the URL after the site and then video's identification, &feature=youtu.be. I'll show an example:

https://www.youtube.com/watch?v=MthpVdHB56k&feature=youtu.be

vs older URL:
http://www.youtube.com/watch?v=ftYG2ssRe7Y

Those two differences are enough for the youtube function to not incorporate the video, like this:

[youtube]https://www.youtube.com/watch?v=MthpVdHB56k&feature=youtu.be[/youtube]

Important note:
The link used to incorporate videos with the forum's Youtube BB code is the one you see at the address bar, not the sharing links provided by Youtube. Those also won't work:
[youtube]http://youtu.be/MthpVdHB56k[/youtube]

Now all you need to do to make videos embed is cut the "S" from https and &feature=youtu.be.
Example in BB code:
Code: Select all
Video that won't work:
[youtube]https://www.youtube.com/watch?v=MthpVdHB56k&feature=youtu.be[/youtube]

Same video, now working:
[youtube]http://www.youtube.com/watch?v=MthpVdHB56k[/youtube]


The above mentioned code piece in action:


There you have it. Embed video.
Image

Please make sure to fasten your seatbelts. Flight engineer Iwamura Natsumi wishes you a good flight!
User avatar
KalvinET
Captain
 
Posts: 427
Joined: Fri Jul 27, 2012 10:03 pm
Location: Somewhere my videocard hates
Has liked: 68 times
Been liked: 21 times

Re: Using the BBcode functions of the forum

Postby KalvinET » Sat Apr 12, 2014 5:34 pm

URL function:

For those wondering what does this function, it turns normal words into URLs.

Note that no URL function is needed for a link to work, it's only needed for the "Click here" style links:

https://www.youtube.com/watch?v=MthpVdH ... e=youtu.be

Link for the very same video. Just hover on top and you'll see. And it also can be as long as you want. Not that a link this long is useful for anything.

Also you can combine different links for each word or letter:

Loli

Now how to use:

Code: Select all
[url=http://i.imgur.com/QPm8h.jpg]loli[/url]
 First you choose a word to make a link, then put it inside the [url][/url]
Like this: [url]Loli[/url]
Selecting the function then typing works as well as highlighting the word then clicking on "URL".

After this, comes the "what will it link to" part. As you can see on the example, you have to copy the link inside the first URL, like this:
[url=http://i.imgur.com/QPm8h.jpg]
so:
[url=(link)]
Then the word, and then close the function with the last [/url].


As the word to make the URL isn't an address, you can make it bold, italic, change size and everything.
You can also combine functions, like making a picture a link.
Image

Please make sure to fasten your seatbelts. Flight engineer Iwamura Natsumi wishes you a good flight!
User avatar
KalvinET
Captain
 
Posts: 427
Joined: Fri Jul 27, 2012 10:03 pm
Location: Somewhere my videocard hates
Has liked: 68 times
Been liked: 21 times

Re: Using the BBcode functions of the forum

Postby KalvinET » Sat Apr 12, 2014 5:35 pm

Embed pictures

Pictures are embed using the "img" function. Else they will only be links.
You can also upload them as attachments, but it's better to use embed ones when there's a lot of them.

Example:
http://i.imgur.com/QPm8h.jpg

Same picture:
Image

There isn't much to say about this function, it's just like bold and italic or size. You just trow the link for the picture in the middle of the code.
Code: Select all
Here if you want to see how it's done:

[img]http://i.imgur.com/QPm8h.jpg[/img]
Image

Please make sure to fasten your seatbelts. Flight engineer Iwamura Natsumi wishes you a good flight!
User avatar
KalvinET
Captain
 
Posts: 427
Joined: Fri Jul 27, 2012 10:03 pm
Location: Somewhere my videocard hates
Has liked: 68 times
Been liked: 21 times

Re: Using the BBcode functions of the forum

Postby KalvinET » Sat Apr 12, 2014 7:03 pm

Text functions:

You can easily ad bold, italic, underline or striking to your text, as well as changing color, position and size.

They work by just selecting the text and clicking on the function, or clicking on it first and then typing inside.

Code: Select all
[b]Kalvin[/b]
[i]ET[/i]
[size=200]is awesome![/size]
[size=50]just kidding...[/size]
[s]end of example text[/s]

And the result:

Kalvin
ET
is awesome!
just kidding...
end of example text

You can as well combine various functions:
Code: Select all
[b][i][u][size=200][color=#FF8000][center]Nacchu[/center][/color][/size][/u][/i][/b]

Working:
Nacchu

Colors are selected by clicking on the "Font colour" button and then clicking on the color to be used. It will then establish the correct hexadecimal value for it. You can also make this by hand, but it's much easier to use the function instead.

Spoiler:
Code: Select all
[spoiler]I don't want this text to show up instantly, but only after clicked to open it.[/spoiler]

In action:
Spoiler: show
I don't want this text to show up instantly, but only after clicked to open it.

As you can see, it works exactly the same way.

Quoting:

KalvinET wrote:
Spoiler: show
Embed pictures

Pictures are embed using the "img" function. Else they will only be links.
You can also upload them as attachments, but it's better to use embed ones when there's a lot of them.

Example:
http://i.imgur.com/QPm8h.jpg

Same picture:
Image

There isn't much to say about this function, it's just like bold and italic or size. You just trow the link for the picture in the middle of the code.
Code: Select all
Here if you want to see how it's done:

[img]http://i.imgur.com/QPm8h.jpg[/img]

Note that the post I quoted doesn't automatically hide with spoiler, I edited it.
Select a piece of text you want to quote, and it will work with it like this:
Nobody said this, but I can create a quote from scratch

It works this way:
Code: Select all
[quote]text to be quoted[/quote]
or when quoting from users:
[quote="KalvinET"] (text removed to keep clean) [/quote]

As you can see, you can manipulate the text inside the quote the way you need. I usually cut out the parts not needed in the context. The same applies to using the spoiler tag on a quote.
Also, if you want to do it by hand, it looks like the URL function: quote="username".
You can even make up quotes this way (Please don't...):
Code: Select all
[quote="Unknown wota"]I LOVE YOU NACCHU!!!![/quote]

Working:
Unknown wota wrote:I LOVE YOU NACCHU!!!!


Code:

Most of you won't use this much here, but it's the one I'm using a lot on this topic.
It's used to show source code, be it BBCode, HTML code (that won't work here, but in Disqus it does for example), or any other, C, Java, Python...
Just click on "Code" and type inside. Same as "Spoiler".
Code: Select all
[code]

[b]KalvinET[/b]

[/code]

And now the code, inside the code, in action:
Code: Select all

[b]KalvinET[/b]

Image

Please make sure to fasten your seatbelts. Flight engineer Iwamura Natsumi wishes you a good flight!
User avatar
KalvinET
Captain
 
Posts: 427
Joined: Fri Jul 27, 2012 10:03 pm
Location: Somewhere my videocard hates
Has liked: 68 times
Been liked: 21 times


Return to Boarding Lounge

Who is online

Users browsing this forum: No registered users and 0 guests