Hello everyone, its your friendly neighborhood Super-penguin Yoke with some basic tutorials on BB Codes :3 NOTE: Any periods inside the brackets are there to stop the BB Code from working!!! Spoiler: Tutorial On Spoilers Alright so up first we have spoilers, mainly because the rest of this thread will be using them Ok, so the spoiler without the title is written like this [.SPOILER] and after you finish typing what you wish to be in the spoiler, you put in: [./SPOILER] For spoilers WITH the title, you do this: [.SPOILER=(name)] and you finish it with [./SPOILER] That's it for the spoilers, now time for the next one! Spoiler: Bold, Italics, Underline, and Strike-through! Ok, so these ones are fairly simple. For bold, it is [.B] and then its [/B] For italics, it is [.I] and then its [/I] For underline it is, [.U] and then its [./U] And for strikethrough it is, [.S] and then its [./S] There you have at section! Spoiler: Color, Size, and Font for Text! Ok, this one is /I guess/ a little more difficult than the previous one. For the color it is: [.color=(generic color)] text here [/color] For the size it is: [.size=(#1-7)] text [./size] For the font it is: [FONT=(name of font)] text [/font] That is the basics for this section! Next! Spoiler: URL and E-Mail Linking (Regular) So there are two parts, regular and advanced. I will cover regular here. For URL's and E-Mails you would use the following: [.URL]www.ecocitycraft.com[./URL] Which would appear as: www.ecocitycraft.com And for e-mails: [.EMAIL][email protected][./EMAIL] Which would appear as: [email protected] That's basically it for this area! Time for the next one! Spoiler: URL and E-Mail Linking (Advanced) Alright so this is pretty much a bonus thing if you want to do something a little more unique :3 This will basically allow you to have words, 1 or more, be able to be clicked and take you to the same place, Like So :3 So instead of putting the link/email address outside the text, you put it inside. Kinda like a spoiler but with a link innstead of hiding something. Here's how: URL's: [.URL=www.ecocitycraft.com]Text here [./URL] E-Mail's: [.EMAIL=[email protected]]Text here [./EMAIL] And that's it! Spoiler: Profile Linking Alright, so this BB Code mainly deals with linking users to posts. Here's the example using my name, [.USER=13794]Yokeby52[./USER] That's it... small area... Only issue is finding out there User ID, but normally if you quote someone else tagging them it will show it. Spoiler: Images Alright images you can very easily do with the picture thing on the toolbar, but if you like the old way like m, you do it like this: [.IMG]http://ecocitycraft.com/forum/styles/flexile-dark/xenforo/avatars/avatar_s.png[./IMG] Which would appear as this well known picture: Spoiler: Embedding Media Alright so this is the spot where you get to put in videos. Lets take a generic video site, youtube, and make an example. [.MEDIA=youtube](the end of the link, usually a strain of letters and numbers) [/MEDIA] Which would appear as: So that's video, have fun! Spoiler: Lists So here's where we learn how to make lists. I'm going to list normal Grocery Store items you may buy. The code is: [.list] [*] Eggs [*] Milk [*] Bread [./list] Which would appear as: Eggs Milk Bread You can also switch out the * in between the brackets for numbers! Spoiler: Text Alignment Alright this section will show you how to left, center, or right align text. Basically its like this: [.left] text [./left] [.Center] text [./center] [.right] text [./right] And that's it... are you bored yet? Because I am Spoiler: Quoting Text So quoting text... fun.... Jk. Alright so if you want to quote something without having a specific person quoted, its like this: [.quote] something someone said [./quote] For quoting something someone said, its like this: [.quote=Someone] something they said [/quote] And that's quotes. Spoiler: Codes So basically this spot will handle codes. They look like this: [.CODE] The code to the matrix [./code] And that's basically it. Not much else you can do. And that's basically all the codes you would need! Comment suggestions and/or corrections I can fix! I'm typing this on my tablet so there should be plenty of spelling errors
can i just clarify one thing though, i wouldn't use the dots in each code correct, you only have those to make sure the forum doesn't actually think you're trying to input the code
Spoiler: Click to show tip Code: [I] If you type in a code tag, the BB Code isn't parsed[/I] [B] I would recommend that doing that for the examples instead of using periods.[/B] If you feel that is a bit obtrusive to your formatting, you can just tell it [I]not to[/I] parse the [B]tags[/B] by using the [Plain] [/Plain]tags In addition to the above tips, I would recommend showing examples of what each tag does in all examples, seeing as the person this guide is directed to most likely doesn't know. Hope these help ^_^ Edit: Also, there is a guide on BB Codes found here, which is from the forum help section
Yeah, i would have done it like that if i wasn't on my tablet when i was typing this up xD I will update it when i have the time, thanks general! Oh, and I didn't know there was a help section for the BB Codes until @Maco20047 showed me last night. I was going off the top of my head of what I knew about it from general coding that I've done before
Necro bump because I spent ages looking around for how to create spoiler boxes with custom titles. Something like this should be stickied - basic forum formatting is really useful