New Forum Features/How-To

[ST_Lawson]

I'm going to post some How-To's of new features of the forum here, so check things out and feel free to use them if you want.

[ST_Lawson]

Embedding a Tweet

Find the tweet that you want to embed on your post.
Look for the long number at the end of the tweet address.
Put that number between the tweet tags (see tweet button when writing a new post).

For example, here's a tweet: https://twitter.com/kay_kirk5/status/457162264726876161

The last number there (457162264726876161), goes between the tweet tags.

So....it's like

Code: Select all

[tweet]457162264726876161[/tweet]

Which ends up giving you this:

[tweet]457162264726876161[/tweet]

There is also the possibility of embedding a twitter user's feed, but it's a much more involved process and kinda tricky at times.
If you want to do something like that, let me know and I'll show you how. It would look essentially like this:

[twitteruser]WIUAthletics, 457233463830016000[/twitteruser]

[ST_Lawson]

Youtube Video
For embedding a youtube video in your post:

Find your video on Youtube (for example, this one: https://www.youtube.com/watch?v=ShAVASFT40c)
On the Youtube page, go down below the video where you should find a link/tab called "Share this video". If you click on that, it should give you a shortened address for the video (in the case of our example, it's http://youtu.be/ShAVASFT40c)
Put that link between the [youtube] tags (see youtube button on the new post interface)

In the code, it should look like this:

Code: Select all

[youtube]http://youtu.be/ShAVASFT40c[/youtube]

Which, when you post, looks like this:

[youtube][/youtube]

[ST_Lawson]

Webpage Thumbnail

You can link directly to a website just using the URL tags, which would be look like this in the code:

Code: Select all

[url]http://www.wiu.edu[/url]
or
[url=http://www.wiu.edu]Western's Homepage[/url]

And would look like this in your post:

http://www.wiu.edu
or
Western's Homepage

However, you can also post an automatically generated thumbnail of the page you're linking to by posting the address between the [website] tags.

That would look like this in your code:

Code: Select all

[website]http://www.goleathernecks.com[/website]

and look like this in your post (thumbnail may take a few minutes to generate if you've never linked to the site before):
[website]http://www.goleathernecks.com[/website]

[ST_Lawson]

Soundcloud
Soundcloud is a site that lets you host and share audio (like Youtube, but for just audio, no video). Probably won't get used much, so I set up the code, you can use it, but it won't show up in the editing interface like the other buttons. It's also a bit more complicated, but if you want to use it, you can.

So, to do that, you go to Soundcloud and find the audio that you want to embed.
In our example: https://soundcloud.com/scott-lawson-6/j ... iew-wgn-am

On that page, you should see a Share button below the audio player. When the share window opens, click on Embed and looks for the code under Code & preview. Copy and paste that into a text editor. Should look like this:

Code: Select all

<iframe width="100%" height="450" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/74976612&auto_play=false&hide_related=false&visual=true"></iframe>

That number that you see after the api.soundcloud.com/tracks/ is the actual ID for that audio. In this case, that's 74976612.

Put that number in [soundcloud] tags like this:

Code: Select all

[soundcloud]74976612[/soundcloud]

and you end up with this:

[soundcloud]74976612[/soundcloud]

[ST_Lawson]

Miscellaneous
I'm just going to use this section to demonstrate what the other options/buttons do...

B - Bold
i - Italics
u - underline (I don't recommend using this often because people assume underlined text is a link)

Quote -

Four score and seven years ago...

Code -

Code: Select all

shows whatever you put in here, including html code and stuff <p>like this</p> <span>or this</span>...mostly useful for people who are trying to demonstrate html and other types of code

List -

• using the asterisk
• you can make
• an unordered list

List= -

1. using the list=
2. you can do
3. an ordered list

Img - lets you add an image by putting the url in between the url tags like this:

Code: Select all

[img]http://www.wiu.edu/vpas/visual_identity_guidelines/_images/rockysweep.png[/img]

which does this:

Normal - the dropdown for this allows you to change the font size to preset sizes like: tiny, small, normal, large, and huge

Font Colour (apparently the creators of phpBB are European) - allows you to change the font color

goldglory and thinkpurple - are preset colors that I set up for the official university gold and purple, so you can [thinkpurple]Think Purple[/thinkpurple] and [goldglory]Restore the Glory[/goldglory] with the university colors easily.

If you need any explanation on how to use any of these (the list ones can be especially confusing for someone who doesn't know html well), feel free to let me know and I'll do my best to explain better.

[ST_Lawson]

RockyVision Videos

Now, we don't know if this will work on premium content, but for the videos that are freely available to everyone, you can now fairly easily embed them in your posts.

Go to RockyVision and find the video you want to embed. At the bottom of the player you should see a "Share" button....click on that. You'll get options to either "EMBED" or "LINK". You'll actually want the address for the link, so click that and hit the copy button to copy the link.

Here's the link I'm using for our example:
http://www.goleathernecks.com/mediaPort ... id=1044105

Head back over to Leatherneck Nation and in your post, put the link between the rockyvision tags (you can use the preset button above the text field).

It should look like this while you're writing your post:

Code: Select all

[rockyvision]http://www.goleathernecks.com/mediaPortal/player.dbml?catid=31312&id=1044105[/rockyvision]

And you'll end up with something that looks like this:

[rockyvision]http://www.goleathernecks.com/mediaPort ... id=1044105[/rockyvision]