TCS Forum Guide

Things to guide you through this site.

TCS Forum Guide

Postby Dr. Ambiguous » Sun Mar 01, 2015 10:29 am

How To Use TCS

Hey everyone, just got a little guide here to help show you how to use this site. We'll go over how to navigate the site, change your settings for your account, and how to use BBCode in your posts. This guide will be divided into two posts. The first post is for the general forum portion of the guide, and the second post is for the BBCode portion of the guide. The guide is still in it's Alpha state, so not everything is completed yet. If you have any questions about anything in the guide, or something that's not included, ask over in this thread here.

Navigating The Site

So, let's start with the homepage:

Image

Here we have the 4 most recent pieces of content featured at the top of the page, with older content listed beneath. (Content includes articles and podcasts for right now, possibly more in the future). There's a link to submit an article if you want to try writing for us. (This link will tell you more about writing for us, and we hope you do). You'll also be able to see your pending articles. (You can ignore the Publish link, that's only available to moderators). The front page also has some quick links to different parts of the forum.

Image

The Home button will take you to the front page of the site, which is the one you're already on. Clicking the Forum button will take you to the board index page (which we'll go over more in a moment). Hover over the Forum button to bring down some quick links for the forum (more on those in a moment as well). The Articles button will cause the page to show just the Articles published on the site, and the Podcasts button will cause the page to display just the podcasts. Click the Home button to display all content again.

Now, let's talk about those forum Quick Links. All of these quick links will take you off the main page and onto the forum. The View Your Posts will show you all the threads you've posted in. View Unanswered Posts will show you all the threads that don't have a reply yet. View Unread Posts will show you all the threads that have posts you haven't read yet. (The forum will track which threads and posts you have and have not read). View New Posts will show recent posts on the forum (I'm not sure of the time frame for this). View Active Topics will show you threads that are getting posts and views.

Now, let's take a look at the board index page.

Image

This page has links to all the sub-forums on TCS. You can click a sub-forum to view the topics in that sub-forum. Some sub-forums have further sub-forums. These can be accessed either by clicking the link on the main page (underneath the link to the parent sub-forum), or clicking to their parent sub-forum and then clicking to that sub-forum. You may be wondering about the different coloured icons next to threads and sub-forums, but that's something we'll talk about later.

If you click around in the forums and on threads, you'll notice that at the top of the page there will be a breadcrumb trail showing the forum layout to that point, meaning it will display the index page, then the sub forum, then sub-sub-forum (if any), and then the thread you are in (if any). You can click on any of these breadcrumbs to go to that part of the site.

Image
Image

Back to the Index page again, you'll also find it has links for you to check your Private Messages (PM), and to edit options in your profile. The FAQ button will take you to an FAQ for phpBB message boards (the software we use for our forum). If you hover over the Search button, it will display the same quick links as the Forum button on the homepage. You can click the Search button to bring you to bring up an advanced search page for the forum. The Members button will show you a list of all the members on TCS.

Go to the bottom of the Index page to see a little more information about the forum.

Image

Here you'll see info about how many users are online, how many are registered, how many are hidden, and how many are guests. You'll also see a list of who is online;, note that hidden users will not display here(If you want to remain hidden, simply tick the box to do so when logging into to TCS). The Legend will also tell you what the different coloured user names mean. You can click on a group in the legend to see everyone who belongs to that group. Beneath that the Index page will also display current TCS birthdays, and a few statistics about the forum.

Changing Your User Settings (User Control Panel)

Now, let's take a look at that Profile button at the top of the Index page we mentioned earlier. If you click on that, it'll take you to the User Control Panel (UCP); this is where you can change settings for your user account.

Image

The main page here shows a brief overview of your account, and has links for you to manage threads you've subscribed to (meaning you get e-mail alerts when there's a new post), threads you've bookmarked (so you can find them quickly), drafts for posts you've begun writing, and all the attachments you've uploaded to TCS.

The profile tab will let you edit information about your profile, signature, avatar, and other account settings. The Private Messages tab will let you read and write PMs (I'll talk more about PMs later in this guide). The Usergroup tab will show which groups you belong to on the forum (you probably won't use this much).

The Friends & Foes tab let's you manage people you like and dislike on the forum. You can add someone to your Foe list to ignore them, and you won't see any of their posts. The Friends list will alert you when your friends are online, and make it easier to communicate with those you like.

The Reputation tab lets you see the rep points you've given, received, set your options on if you receive notifications for getting new rep, and if you want to have the "show rep" button below user posts.

The tab I'm going to spend a little more time talking about is the Board Preferences tab.

Image

You can set options on if and how users can contact you, and your notifications for it. You can also edit your timezone and date/time format. The main option I want to highlight here is the board style. By default, the Alpha theme is used. There's a few other themes available, the AlphaSilver theme is the Alpha colours with prosilver icons (which we'll talk about soon). The rest of the themes are colour variations of prosilver, and of course prosilver itself. Personally, I like to use the prosilver theme since not only do I think it looks nicer than the Alpha theme, it also scales width better, and has a little bit more utility. From here on out in this post I'll be using the prosilver, so do note that there may be some differences between that and the Alpha theme. (Note: Themes do not apply to the homepage of TCS).

The rest of the options under board preferences let you manage your preferences towards posting and display options. These include if you want the board to display smileys, avatars, images in posts, signatures, flash, etc.

Before proceeding, we'll take a real quick look at some of the things that are different about prosilver compared to Alpha. For that, we're going back to the Index page again.

Image

You'll notice it looks pretty similar for the most part. Things display wider, as it scales better than Alpha. You'll notice the top of the page doesn't have the same quick links layout as the Alpha theme. It does, however, still have all the same links, but that layout is a bit different. The profile link is now called the User Control Panel, the Private Message link is replaced with (0 new messages) (or however many you happen to have at the time). There's now a search bar in the top right, with a link to bring you to the advanced search page if you need more options over just a basic search. The forum quick links that you could access by hovering over the Search tab on Alpha are now all directly on the page instead. Other than that, it's not too much different. Except for the icons. I guess we can finally talk about the icons.

Forum Icons

So we'll talk about both the prosilver icons. If you like the Alpha theme, but prefer the prosilver icons, then you can use the AlphaSilver theme. Only the Alpha theme uses
the Alpha icons, all other themes use the prosilver icons. As such, we'll talk about the prosilver icons. The Alpha icons are generally similar to the prosilver ones.

prosilver Icons

Image

This icon means the forum is read, as in, you've read every post in that forum.

Image

The red version, on the other hand, means you have one or more unread posts in that forum.

Image

This icon is similar to the above, you have one or more unread post in one of the sub-sub-forums for that sub-forum (and possibly the parent sub-forum as well).

Image

The arrow means the link points elsewhere, to a location off-site.

Image

This means a topic/thread has an unread post in it. If it were blue, then it would mean you've read all the posts in it.

Image

The icon with a lower case "i" in it means it is an announcement. Being that it is red, it means it the topic has unread posts in it. The lock icon means that the thread is locked, and no new replies can be made, nor can you edit your posts in the thread. The little red star means that you have posted in the thread. (The star will be red even if you have read all the posts in the thread and the rest of the icon is blue).

Image

The lightbulb shaped icon with the exclamation mark means the thread is stickied. A stickied thread means it will always appear at the top of a forum's list of topics. Stickied threads are used for important threads, such as rules, useful threads, such as guides, and perpetually popular topics, like the Pics Or You Didn't Happen thread, or the Shit Said in IRC thread. The lock, again, means the topic is locked, and the red star means you have posted in the thread. Since the icon is blue, it means there are no unread posts in the thread.

Image

If you see a topic icon that is scrolling, it means the topic is hot, or very popular, and it's getting a lot of activity. Seeing as it is blue, there are no unread posts in the thread.

Image

This icon means that a topic has been moved. You will only see this if a shadow topic was left in it's place when it was moved. (We usually do not leave shadow topics when moving threads). (Also note, it will be blue, I'm not sure why it's grey in this pic).

Image

Unlike the other icons, this one also serves as a link. You can click it to take you to the last post made in the topic. You will find it to the right of the username of the last person who made a post in the thread of forum. (This icon appears both on the index page next to forums, and the pages that list topics).

Image

This icon also serves as a link, and it's an especially useful one, too. You can click it to take you to the first unread post in a topic. This icon will appear to the left of the thread title. It will only appear if you have one or more unread posts in a topic.

Image

This icon will appear on posts in the top left corner, next to the username of the person who made the post. It means you have already read the post.

Image

Like the last icon, this appears on posts in the top left corner by the name of the poster. This means you have not read this post before.

Posting

User preferences are set up, and now we know how to navigate the forum, so let's go over posting. Scenario: You've found a thread and are ready to reply. There are two basic ways one can do this, both options can be found at the bottom of the page.

Image

You can click the Post Reply button to bring you to a new page, this will have more options for your posts. We'll look at this one in depth a bit more in a moment. First, let's take a quick look at the Quick Reply button. Press that and a box will pop open where you can start typing your response.

Image

With the quick reply box you have two options. When you're done you can click Submit and it will post. Or, if you decide you want to use the full editor, just click the (surprise) Full Editor button. Anything you've already typed in the quick reply box will still be there when you click Full Editor. (Note: You can still use all BBCode tags when using quick reply, you will just need to type them out manually; if you're not sure what BBCode tags are, we'll discuss them in a bit).

Let's take a look at the Full Editor now.

Image

Notice how there's a lot more options to choose from. To the side, you can pick smileys to insert in your post (you can also type them in manually; note: graphical smileys are not enabled on every sub-forum, so this option will not always be available). Above the box wherein you type your response, you also have numerous options. These are called BBCode tags. These are used for various things, such as formatting your post, embedding images and videos, and more. We'll take an in-depth look at BBCode tags later, for now you just need to know that the Full Editor has buttons for most of the BBCode tags used on TCS [there are some BBCode tags that don't have a button, we'll talk about those as well]), and that you can manually type in BBCOde tags if you prefer that over the button.

Now glance beneath the full editor. Right below the section where you type in your response, you'll notice more buttons. These, however, are not for BBCode; these are for the post itself. Submit will, not surprisingly, post what you've written to the forum. Preview will let you see what your post will look like once posted, without actually posting it. This is useful for proofreading and making sure all your BBCode is correct.

Image

The Save Draft button will save what you've written for later. And the Load Draft button will let you load a draft you've written for that thread, allowing you to continue editing it and/or post it. The Load Draft will only appear if you have a draft saved.

Image

Now, below those buttons we find a few things to play with.

Image

The options section allows you to disable BBCode if you want it to be just plain text for some reason. You can stop the post from parsing URLs, attach a signature (if you have one enabled), and tell the forum to notify you when a reply is posted. (Ignore the Lock topic option, that's only available to mods).

Next to the options section, you'll see a tab to upload attachments.

Image

Simply browse your computer for you attachment, select the file, then click upload. Now, if you stop here, your attachment won't display correctly. For whatever reason, it just won't work. You'll need to place your attachment inline. Simply click the Place Inline button, and it'll add your attachment inline, as a BBCode tag, to wherever you last had the cursor position in the editor. There's also a comment box in case you'd like to leave a comment beneath your attachment. (Note: You can have a maximum of 3 attachments in a post).

Image

Now below all that you have the topic review, which shows the previews 15 posts in the thread. There will be a scroll bar on the right side to scroll down. If you click Expand View, it'll get rid of the scroll bar and display all 15 posts in full. You can click the Quote button in a post to quote it (more on quoting in a bit). The quote will be placed wherever you last left the cursor in the editor. (Ignore the post details option, that's only available to mods).

Image

Quoting Posts

When you look at another person's post, you will see a button that says Quote.

Image

Clicking this will take you to the full editor with the entirety of their post quoted in the editor, allowing you to respond to it. You don't need to quote someone's post to respond to it, but it is useful if their post is a few replies back, or if you want to respond to only a certain part of their post. Do note that you can edit what you are quoting from them, you don't need to include the full text of their post. If it's a long post, it's useful to edit it down to just the parts you are responding to. If you are quoting a picture or a video, then please remove them from your quote, unless they appeared on a previous page in the thread. Do do that simple remove the BBCode tag for them. So for example, if I want to quote the following:



This is such a great death metal song, Suffocation is a killer band.

When I quote the post I want to edit it to remove the video, I can replace it with a line stating what I was removing.

Dr. Ambiguous wrote:Suffocation - Infecting The Crypts

This is such a great death metal song, Suffocation is a killer band.

Hell yeah they are. Bang your fucking head!

To do that I need to look for the BBCode tag for the youtube embed, which means I need to remove the tag for it. The youtube tag (and other tags that are helpful to remove from quotes) are:

Code: Select all
[youtube][/youtube]
[youtube=hidden][/youtube]
[video][/video]
[img][/img]

Do note that there will be a URL between the tags. (See the BBCode section later for more info on this). I'll talk more about the quote tags and some of the other things you can do with them later when we get to the BBCode. For now, just know how to click the Quote button to quote a post, and what to edit out.

Editing Your Posts

Now let's say you make a post, and then you realize you've made a typo. Or you bungled your BBCode, or you just realize you forgot something. Happens to everyone, not a big deal. To fix that, simply go to your post and click the Edit button.

Image

This will bring you to the full editor, just like you use for writing posts. Here you can add, delete, rearrange, whatever it is you need to do to your post. When editing a post, people generally leave a reason at the bottom of their post (or sometimes in the middle) stating the reason for the edit. This isn't required, but it does make it clearer if you're adding something, or just fixing a typo. Do note that if you edit your post, users will not be able to see the previous versions of your post, they will only be able to see the current version. However, all edits made to your post are logged, and all versions of it can be seen my moderators. Also note that you are not able to delete your posts.

If you are the OP (original poster) of a thread, you can edit the subject line of your post to rename the thread.

Reporting A Post

Now, thankfully it doesn't happen too often here at TCS, but sometimes people cross the line and break the rules when they post. When this happens, you can use the Report Post button.

Image

Simply click that button to report a post. (Read more about what to do if someone is being inappropriate here). When you submit a report, you can also set it to be notified when a moderator deals with the post.

Image

You can also use the report button if you accidentally double post. Just write in the reason field that it was a double post and a mod will take care of it. If you accidentally thumb a post that you didn't want to (say for example one that you find you strongly disagree with) you can also report the post and ask a mod to delete your rep point on the post. (Do note: If you want a mod to delete a rep point on a post, the post does not have to be one that breaks the rules. In your report please indicate if you are also reporting the post for inappropriate behaviour, of if you simply want the rep point deleted).

Creating A Thread

If you ever have something to post that doesn't already have a thread, you can create a new thread for it. Creating a new thread isn't much different than replying to an existing thread, but we'll go over the few differences(Try not to create a thread for a topic that exists, if you're not sure if there's a thread for it already, please use the search function. If you goof, it's not a big deal, but we do appreciate the effort). First, find the appropriate forum for your thread, then look for the New Topic button on the top left.

Image

This will then take you to the full editor, like for a post. There's a few things different about this. One, you need to enter a subject line in the post. Giving your thread a clear and detailed subject will also help reduce having multiple threads for a single topic.

Image

Beneath the editor, you'll also find options to add a poll to your topic.

Image

From here, creating a poll is pretty self-explanatory. You can choose the number of poll options (up to 30), how many options a user can vote for, how long the poll will run for, and if users can change their vote or not. Once you're done with your poll, you can click the Preview button to see a preview of your poll, as well as your post.

Image

Private Messages

Now let's take a closer look at sending PMs. You should remember how to get to your PMs from earlier, but if not, go to your UCP, and then click on Private Messages (or click on Private Messages on Alpha, or # New Messages on prosilver to go straight to your PM inbox). From your inbox you can write a new PM either by clicking New PM, or by clicking Compose Message.

Image

Writing a PM is pretty much the same as writing a post. The difference is, instead of creating a thread in a forum, you need to add the users you'd like to PM. You can type in the username of the person(s) you want to PM in the box, enter in new names on a new line, and then click Add. If you want to send the PM to someone without the other recipients knowing you're sending it to them, then click Add [BCC] (blind carbon copy) instead. (Note: You can BCC the PM to everyone that you are sending the PM to). If you're not sure of exactly what a person's username is, you can click on Find A Member and search for their username. To remove someone from the PM after you've added them, click the X next to their name. You can PM up to 10 users with a single PM. (Ignore the group option, this is only available to moderators).

Image

After you send a PM, it will appear in your Outbox until the user has read it. If the PM was sent to more than one person it will only remain in your outbox until the first person who received the PM reads it. After the message is read, it will appear in your Sent Messages folder.

In addition to simply sending and receiving PMs, you can also create new folders, and configure criteria to automatically sort new messages into folders. To do this, go to the Rules, Folders & Settings tab. After creating a folder, you can manually move messages to it (more on that in a moment).

Image

To move messages manually, go to the folder with the message(s), check the box next to the message(s), then at the bottom select the option you want to perform on the message(s).

Image

To Be Added List:

IRC Button
Brief IRC Overview (For full details visit the IRC forum)
Additional Information On Media Site Navigation
Updated Pictures to reflect recent site updates
  • 19

<@Tesseracts> your stalking skills make you the #1 counter-stalker

Not sure how to use the forum? Read the TCS Forum Guide
User avatar
Dr. Ambiguous
TCS Admin
TCS Admin
 
Posts: 2560
Joined: Thu May 02, 2013 8:38 pm
Show rep
Title: Random Pointless Rule Nazi

Re: TCS Forum Guide

Postby Dr. Ambiguous » Thu Mar 12, 2015 8:04 am

BBCode

Intro

So I've mentioned a few times about BBCode, and we've briefly touched on it already, but now it's time to look at it more in depth. BBCode -or bulletin board code- are the tags used to markup a post. They are used for formatting -bold, italics, font size, centering, etc- turning text into a hyperlink, embedding images and video, and more. Chances are you've used some BBCode already on this forum, but we're going to talk about all the BBCode tags available on TCS. Many of them are common to message boards across the web, and a few were designed for TCS. Many of the BBCode tags available on TCS are have buttons on the editor. We'll go over the buttons a bit more in a moment.

Image

Those buttons that the top arrow are pointing at, those are the buttons for the BBCode tags. Like I said before, not all of the BBCode tags have a button, so that's not all of them. When you apply a BBCode tag it'll look like what the second arrow is posting at. We'll go over that a bit more in a moment after a quick example.

The first BBCode tag I'll go over is the code tag. Chances are you won't use the code tag very often, but I'll be using it a lot in this post to show examples, so that's why I'm going over that one first. See, the code tag will show show exactly what is written between the tags, meaning any BBCode tags will display as how they are written in the post, not how they would normally display. An example should help clear this up.

Code: Select all
Text written between the code tags will display exactly as written. This means that any BBCode tag I write between code tags will appear as I wrote it, instead of appearing as markup.

We'll use a simple example to begin with. If I want to make my text bold, I use the bold tags. [b]This text will be bold[/b]

That same block of text will appear as the following when it's not in code tags:

Text written between the code tags will display exactly as written. This means that any BBCode tag I write between code tags will appear as I wrote it, instead of appearing as markup.

We'll use a simple example to begin with. If I want to make my text bold, I use the bold tags. This text will be bold

Note the difference. In the code tags, it shows the BBCode tags used to markup posts. Outside of the code tags, it will markup the post (in this case making text bold), and does not show the tags.

Now let's talk about what the tags a bit more. First of all, tags are not case sensitive. Second, tags are enclosed in brackets. Anytime you use a tag to mark up text, or for another function, you need two tags. The opening tag, and the closing tag. You maybe have noticed from the previous example, but the opening tag is just the tag enclosed in brackets. The closing tag is also enclosed in brackets, but has a forward slash before the tag. This is how you differentiate if a tag is an opening or closing tag. If you do not close a tag, it will not display correctly, so it's important to remember to close your tags, and to remember the slash in the closing tag. The tag itself is the same in both the opening and closing tag, the only difference is the slash (excepting the few tags tat require additional information in the opening tag). Now, in case that wasn't clear, here's an example:

[Tag] Text between tag [/tag]

Note:You don't need to include spaces between the tags and the text in between the tags. In fact, doing so will add those spaces to your post, so only do so if you want the space there. I included the space there to make that first example easier to read. For the rest of this post, I won't be including the extra spaces, so it will normally look like:

[Tag]Text between tag[/tag]

So how we we apply those BBCode tags? well, they're 3 ways.

1). You can highlight the text you want to apply the tag too, then click the button for the tag. This will put the tag around the highlighted text.
2). You can place your cursor in the editor, then click the tag you want to use. This will place the opening and close tags where your cursor is positioned, and place the cursor in between the tags, allowing you to begin typing the text the tag will apply too.
3). You can simply type the tags manually.

Which one you use is up to personal preference, personally I use all 3 depending on what it is I'm applying tags too, or if I'm using the full editor or just the quick reply. Now let's talk more about the different tags.

Basic Text Formatting

When writing your posts you can apply basic formatting to mark up your text.

Code: Select all
To make your text bold use the [b] tag. Example: [b]This will make your text bold[/b].

Example: This will make your text bold.

Code: Select all
To make your text italic use the [i[ tag. Example: [i]This will make your text italic[/i].

Example: This will make your text italic.

Code: Select all
To underline your text use the [u] tag. Example: [u]This will underline your text[/u].

Example: This will underline your text.

Code: Select all
To apply a strike-through to your text use the [s] tag. Example: [s]This will apply a strike-through to your text[/s].

Example: This will apply a strike-through to your text.

Code: Select all
To change your font size use the [size] tag. To use the size tag, include the font size, indicated with a number, in the opening tag. [size=100] Note: 100 is the default font size. The smallest font size available is 10, the largest is 1000. You can also click the drop down menu that says Normal to pick from 5 predefined font sizes.

Example: [size=10]This will make your font size very small, and extremely difficult to read[/size]
Example: [size=75]This will make your font size smaller than normal[/size]
Example: [size=150]This will make your font size larger than normal[/size]
Example: [size=1000]This will make your font very large[/size]

Example: This will make your font size very small, and extremely difficult to read
Example: This will make your font size smaller than normal
Example: This will make your font size larger than normal
Example: This will make your font very large

Code: Select all
You can add colour to your text by using the [color] tag, plus a color code. I can't be arsed to memorize the color codes, so I just click the Font Colour button, which will cause a colour palette to appear above the BBCode buttons. You may then click the colour you wish to use, the colours function the same as the BBCode buttons.

Note: The tag is spelled "color" with no u, where-as the button is spelled "colour" with a u. The tag will not work if spelled "colour."

Example: [color=#FF0000]This text will be red[/color]
Example: [color=#8000BF]This text will be purple[/color]

Example: This text will be red
Example: This text will be purple

Image

Embeds

There's a couple different types of things you can embed on TCS. This includes videos, images, soundcloud, gifs, and flash animations. Let's talk about each.

Images

First up, we have images. Now, you may be wondering, can't I upload images as an attachment? Yes, you can. So which should you use, attachments or embeds? Good question. We'd prefer that if you only have 1-3 images that you use attachments. Remember to place attachments inline. (See the first post of those guide if you don't remember how to use attachments). However, the attachment limit is 3 per post, so if you need more than three images, we prefer that you upload all the images to your account on an image hosting site, and link only to those images. There's a couple reasons for all this:

1). Hotlinking to images (when you link to images on another site) is generally considered rude, and uses up the host site's bandwidth with no benefit to them. (This isn't an issue when using an image hosting site, since that's their intent and purpose)
2). Hotlinking images can lead to link decay. This is when the image gets removed and the link no longer works, so the image is gone.
3). A hotlinked image can be changed, meaning if you link to a picture of Batman, whoever is hosting the image can change it to a picture of goatse while keeping the link the same. Needless to say, we don't want images on our site suddenly changing into porn, gore, or shock pics.

For all those reasons, we prefer you use attachments when you can, and links to images on your own account on an image hosting site when you can't. If you're not sure of what image hosting site to use, I recommend using imgur. It has an easy hassle free sign up, is very easy to use, offers unlimited storage, and even allows you to do some very basic image editing.

Now that aside, let's talk about how to embed images.

Code: Select all
To embed an image you use the [img] tag. To embed an image with the [img] tag, simply right click the image and select "copy image URL" (or similar option depending on your browser), then paste the image URL between the image tags.
Example: [img]http://i.imgur.com/CX1KbYM.png[/img]


Image

If you plan to post a lot of images then hide them under a spoiler to cut down on screen space. You don't need a separate spoiler for each image, just a single spoiler will do. (Note: Spoilers will not reduce page load times).

Videos

Now let's talk about the video tags we have available on the forum. Currently there's 3 different video tags available, we'll go over each one.

The first video tag we have is used to embed youtube videos. Just put the URL for the youtube video in between the tags.

Code: Select all
To embed a youtube video use the [youtube] tag. Example: [YouTube]https://www.youtube.com/watch?v=L_AerCVhoTM[/YouTube]

Super Mario Bros. 1,2, 2J, 3 Quad Run in 10:39:75


Now, as you'll notice, that embeds the full video player in the page. Normally that's fine, but sometimes we have a thread that has a lot of youtube embeds on the page. When that's the case, you can hide the youtube video, preventing the player from loading until after the user clicks a button to load the player.

Code: Select all
To hide a youtube video, use the [youtube=hidden] tag. Example: [YouTube=hidden]https://www.youtube.com/watch?v=L_AerCVhoTM[/YouTube]

Super Mario Bros. 1,2, 2J, 3 Quad Run in 10:39:75

See the difference? Using the youtube=hidden tag helps cut down a lot on page load times for embed heavy threads. You don't always need to use the hidden tag for youtube videos, but if a thread has 5 youtube embeds on the page already, then use the hidden tag. If the thread is going to be a thread that will use a lot of youtube embeds, say for example if you start a thread on your favorite movie death scenes, then hide your youtube videos even if you're the OP (all other users should as well in the thread). Always use the hidden tag in the music subforum.

Note: Putting videos in a spoiler will NOT reduce page load times. Use the hidden tag instead.

The third video tag is almost identical to the youtube tag, but it works on other video hosting sites as well. It's called the video tag, and you just enclose the URL for the video between the tags like you would for the youtube tag. IT works for youtube, dailymotion, vimeo, and plenty others.

Code: Select all
To embed a video use the [video] tag. Example: [video]http://www.dailymotion.com/video/x2agjus_metallica-ride-the-lightning-1984-ride-the-lightning_music[/video]

Metallica - Ride The Lightning
phpBB [video]


Currently, there's no hidden option for the video tag. Hopefully we'll have that in the future, but we're not yet sure if it'll be possible.

Audio

We can also embed sound files from soundcloud. Similar to the youtube and video tags, just paste the URL for the file in between the tags. Many soundcloud pages/players will have a share link you can click to get the URL as well.

Code: Select all
To embed a soundcloud audio file in a page, use the [soundcloud] tag. Example: [soundcloud]https://soundcloud.com/metalbladerecords/cannibal-corpse-hammer-smashed[/soundcloud]

Cannibal Corpse - Hammer Smashed Face


Quotes

It's possible to write text and enclose it in quote tags to indicate that it is a quote. You can either click the quote button on a post.

Image

Or from the posts in the topic review below the editor.

Image

Clicking either of these buttons will put the entirety of their post in the editor, already enclosed in quote tags, and attributed to the author. If you click the quote button from the post review when already in the post editor, it'll add the quote at the current position of the cursor in the editor.

You can also manually type out the quote tags. You can do so with or without attributing the quote to someone. The syntax for each is:

Code: Select all
You can quote a person using the [quote] tag.

Example: To quote someone without attributing it to someone, type: [quote]Carp is nothing but trouble, we need to get rid of him[/quote]

Example: To quote someone with attributing it to someone, type: [quote="Dr. Ambiguous"]I agree, we need to get rid of Carp, and fast. Lest he ruin this whole forum.[/quote]

Carp is nothing but trouble, we need to get rid of him

Dr. Ambiguous wrote:I agree, we need to get rid of Carp, and fast. Lest he ruin this whole forum.


Hyperlinking

There's a couple ways to hyperlink things on the forum. If you just want to leave a link, you can simply paste it into the editor. Chances are, you may want to do a little additional formatting to it. For example, you may want to write a sentence that is a hyperlink.

Code: Select all
To turn text into a hyperlink, use the [url] tag. The syntax for this is [url=URL]]Text that will be a hyperlink[/url]

Example: [url=http://thecommentsection.org/]This will link to the TCS homepage[/url]

Example: This will link to the TCS homepage

When hyperlinking in either of the above two fashions, the link will open in the same tab as your current one. You can force a link to open in a new tab as well. (Personally, I don't like using this one, as I find it obnoxious to have a new tab forced upon me. And I can simply open it in a new tab by holding down the ctrl key when I click the link). Anyway,the syntax for this is similar to the url tag. You can do it with both an unformatted and and formatted link.

Code: Select all
To create a hyperlink that opens in a new tab, us the [tablink] tag.

The syntax for an unformatted new tab link: [tablink]URL[/tablink]

Example: [tablink]http://thecommentsection.org/[/tablink]

The syntax for a formatted new tab link is: [tablink=URL]Text that will be a hyperlink and open in a new tab[/tablink]

Example: [tablink=http://thecommentsection.org/]This link will open the TCS homepage in a new tab[/tablink]

Example: http://thecommentsection.org/
Example: This link will open the TCS homepage in a new tab

So that's basic hyperlinking, but we can also do some fancier things with it. For example, we can make the attribution in a quote a hyperlink. We can also hyperlink an image. So let's cover those.

First up, hyperlinking the quote attribution. This one is a bit tricky since you have to remember to enclose the url tag inside the quotation marks in the first quote tag.

Code: Select all
To hyperlink an attribution in a quote, use the [url] tag inside the quotation marks in the first [quote] tag

Syntax: [quote="[url=URL]Hyerplinked text[/url]"]Quoted text[/quote]

Example: [quote="[url=http://www.metal-archives.com/bands/Black_Sabbath/99]Metal Archives[/url]"]Black Sabbath are generally considered both the first heavy metal and doom metal band.[/quote]

Metal Archives wrote:Black Sabbath are generally considered both the first heavy metal and doom metal band.


Turning pictures into a hyperlink simply requires that enclose the img tag in between the url tags, so it's a bit simpler than making a quote attribution a hyperlink.

Code: Select all
To make a picture a hyperlink, put the [img] tag in between the [url] tag.

Syntax: [url=URL][img]Image URL[/img][/url]

Example: This image will link to the TCS homepage. [url=http://thecommentsection.org/][img]http://i.imgur.com/qkKmuEm.png?1[/img][/url]

Image

Spoilers

Spoiler tags hide text, imges, videos, etc from being seen on a page. There are two types of spoiler tags available on TCS, a basic one that just adds a spoiler, and a more complex one that also lets you add a custom title to the tag, and nest spoiler tags. To few the spoiled items, simply click the "show" button on a basic tag, or the "plus" icon on the advanced tag. There are a few reasons to use spoilers.

1). For the obvious purpose of hiding spoilers about a show, movie, game, etc. When using a spoiler for this purpose, note what you are writing spoilers for. (eg: Nightcrawler, South ParK S4E12, Bioshock ending, etc).
2). When you are writing very large passages of text, it is courteous to hide it beneath a spoiler tag. (eg: Spoilered for length). This is especially true if you are quoting a lot of text. This helps reduce screen space.
3). When posting lots of images, it is courteous to hide them in a spoiler tag. You don't need a separate spoiler for each image, a single spoiler for the whole batch will do.

So let's talk about how to use these tags now. The basic spoiler tag is pretty simple.

Code: Select all
To hide things (text, images, video, etc) under a spoiler, use the [spoiler] tag.

Example: [spoiler]This text will be spoiled.[/spoiler]

Example:
Spoiler: show
This text will be spoiled.

Now, the other type of spoiler tag is a bit more complicated, and it has it's own button on the editor as well. You can use it as a basic spoiler tag with just a title added in. (You MUST include a title). You could add a joke here, or even just leave a note about what it's spoilers for in it. (eg: Fight Club Spoilers). Note: Only letters, numbers, and periods will work in a title, other punctuation and special characters will not work, and will cause the entire tag to not display correctly. (The text will also display in all caps regardless of how you wrote it).

Code: Select all
The other spoiler tag is the [splr] tag. Add the title in the opening tag after an equal sign.

Example: [splr=This will be the title]This text will be spoiled.[/splr]

Example:
This will be the title
This text will be spoiled.

The other neat thing you can do is nest spoilers, this is where this tag gets pretty tricky. You can nest spoilers multiple levels deep, or have multiple sets of spoilers at the same depth, or combine the two. You can even add titles to all of them too. You MUST keep track of the order of your spoiler tags, as whichever the outermost tag will begin first, and must be closed last. The second layer in, will be the second to last one that you close, etc. A few examples will help show this better.

To number the tags, you add the number in between the sp and the lr in the opening AND closing tag. They must match.

Code: Select all
To use nested spoilers, use the [splr] tag.
Example:

[sp0lr=This will be the outermost tag]This is the text in the first layer.
[sp1lr=This will be the second layer]This is the text in the second layer.
[sp2lr=This will be the third layer]This is the text in the third layer.
[sp3lr=This will be the fourth layer.]This is the text in the fourth layer.[/sp3lr][/sp2lr][/sp1lr][/sp0lr]

This will be the outermost tag
This is the text in the first layer.
This will be the second layer
This is the text in the second layer.
This will be the third layer
This is the text in the third layer.
This will be the fourth layer.
This is the text in the fourth layer.

So that's pretty neat. Now let's look at nesting two tags in the same layer.

Code: Select all
[sp0lr=This is the outermost tag]
This is the text in the first layer.

[sp1lr=This is the first nested spoiler tag]
This text is in the first nested spoiler tag[/sp1lr]

More text in the first layer.

[sp2lr=This is the second nested tag on the first layer]
This text is in the second nested tag.[/sp2lr]
[/sp0lr]

This is the outermost tag
This is the text in the first layer.

This is the first nested spoiler tag
This text is in the first nested spoiler tag


More text in the first layer.

This is the second nested tag on the first layer
This text is in the second nested tag.

Now let's just have some fun with this tag. Note, that the numbers for the tags only work with single digit numbers, so if you need more than 10 tags, you need to reuse some, meaning you need to get creative with your tags.

Code: Select all
[sp0lr=Carp is a horrible person for making this tag for us]He really is terrible isn't he? But I can play tagception better than he can.

Care to join me?

[sp1lr=So much better than he can]We'll go so deep. Sooooooooo deeeeeeep. Even deeper than I went in Bert's mom.

[sp2lr=Deep as we can go]Is he down here? Can we go lower? Let's play Find Carp. That fishy motherfucker.

[sp3lr=Deeeep so deeeeeeeep]Join us in here, won't ye?[/sp3lr]

[sp4lr=Another one here]I see you popped in here too.[/sp4lr][/sp2lr]

[sp5lr=Would you kindly click here]I knew you would. You always listen to me so well.

[sp6lr=Deeper into the rabbit hole of your vagina]Mmm yeah baby, keep on going.

[sp7lr=Please baby please keep going]Oh thank you.

[sp8lr=Behind door number 1]What's behind door number 1? Nothing you stupid motherfucker![/sp8lr]

[sp9lr=Care to try door number 2]Door number 2 is a little better, at the least it's got another door behind it.

[sp2lr=Dare to open the secret door]Oh, you did. Pretty boring secret, huh?[/sp2lr][/sp9lr]

[sp2lr=Door number 3]Oh no! You found Carp's porn stash! He'll be so sad to find your jizz on it, you shouldn't use it, but...

[sp4lr=Will you]Oh dear god, you did. I can't wait to rub Carp's face in it. Both literally and figuratively.[/sp4lr][/sp2lr][/sp7lr][/sp6lr][/sp5lr][/sp1lr][/sp0lr]

Carp is a horrible person for making this tag for us
He really is terrible isn't he? But I can play tagception better than he can.

Care to join me?

So much better than he can
We'll go so deep. Sooooooooo deeeeeeep. Even deeper than I went in Bert's mom.

Deep as we can go
Is he down here? Can we go lower? Let's play Find Carp. That fishy motherfucker.

Deeeep so deeeeeeeep
Join us in here, won't ye?


Another one here
I see you popped in here too.


Would you kindly click here
I knew you would. You always listen to me so well.

Deeper into the rabbit hole of your vagina
Mmm yeah baby, keep on going.

Please baby please keep going
Oh thank you.

Behind door number 1
What's behind door number 1? Nothing you stupid motherfucker!


Care to try door number 2
Door number 2 is a little better, at the least it's got another door behind it.

Dare to open the secret door
Oh, you did. Pretty boring secret, huh?


Door number 3
Oh no! You found Carp's porn stash! He'll be so sad to find your jizz on it, you shouldn't use it, but...

Will you
Oh dear god, you did. I can't wait to rub Carp's face in it. Both literally and figuratively.

To Be Added List:

Spoilers
Additional Formatting
Dice
Timers
Lists
Tables
CAH
Code
Pre
Flash
Sarcasm
  • 9

<@Tesseracts> your stalking skills make you the #1 counter-stalker

Not sure how to use the forum? Read the TCS Forum Guide
User avatar
Dr. Ambiguous
TCS Admin
TCS Admin
 
Posts: 2560
Joined: Thu May 02, 2013 8:38 pm
Show rep
Title: Random Pointless Rule Nazi


Who is online

Users browsing this forum: No registered users and 1 guest

cron