Author Topic: Advanced Posting [Work in Progress]  (Read 1388 times)

Offline Roanlo Zolo

  • Community Administrator
  • Antares
  • ******
  • Posts: 3500
  • Gender: Male
  • A.K.A. Dylan
  • RS Name: Roanlo Zolo
Advanced Posting [Work in Progress]
« on: June 09, 2009, 11:03:56 pm »
Please note that this guide is still a work in progress, it shall be completely finished in time :).


This will not tell you what each BBC tag does, it will inform you on ways to use them, and how to use them.

If you wish to learn what each tag does, have a look in the Help/Posting Section of the forum. Located HERE.

Did you know that you can mix multiple tags together to create a collage of fonts?
Well, if you did, well done :) For those that don't, or you that don't know how to do it. Read a head.

First off,  certain codes must be before or after other ones.

Quote
EG:
THIS WILL NOT WORK
[/b][/u]
As you can see in that example, the bold and underline codes did not work as the center align tag overrules them.

Try Experimenting with tags and in which order they have to go. Below are a few examples. Below each example, i have placed the code i used for them.

Bold, Underline, Red Glow, Yellow colour and right align tags.
Code: [Select]
[right][color=yellow][glow=red,2,300][u][b]Bold, Underline, Red Glow, Yellow colour and right align tags.[/b][/u][/glow][/color][/right]
Quote
A quote that has text with bold, italics, underline, strike, glow, moving, and colour

Code: [Select]
[quote]A quote that has text with[b] bold[/b],[i] italics[/i],[u] underline[/u], [s]strike[/s], [glow=red,2,300]glow[/glow], [move]moving[/move],
[img]an image[/img] and [color=beige]colour[/color][/quote]



A few things which you will want to do during your time on the forums, is post pictures and Website links. Below i will tell you the codes required and how to post them

Post Merge: June 09, 2009, 11:37:49 am
IMAGES

Posting Images on the forum, is not as hard as it sounds as first.

All you need to learn is two things. First one is:
Code: [Select]
[img][/img]Those tags. All images will need to have those tags surrounding them in order for your picture to work.

The second thing is, you will to have some form of image hosting website for you to store your images.

If you are not interested where you pictures end up, or you do not wish to sign up for a profile (which is free). Then your best bet, would be to use [ur=http://imageshack.us/l]image shack[/url] . You can Upload any image you wish and resize the image to what you prefer.

If you wish to create your own personal profile, then i would recomend you visiting any of these websites.
Photo bucket
Pic doodle
Tiny Pic

If you already use a different website, that is fine. I have only provided a small list of the available websites.

Once you have uploaded your image, it should look SOMETHING like this

or this


Once this has happened. You will need to locate either the direct link, or if the website provides it "IMG Code". If you cannot locate the direct link, right click on the image, and then press "View Image". This will take you to a full page view of the image. Simply copy the url of the image


Once you have copied the direct link, your set. All you have to do is paste the url in {img} tags and your set!

This is some example code of a picture posted
Code: [Select]
[img]www.image.com[/img]
If you wish to shrink or enlarge your image using the forums code. You need to use "width=" and "height="
I have used the same picture 4 times, but in each cause, changed it's height and width. This is how you can do it.

Code: [Select]
[IMG width=300 height=300]http://i239.photobucket.com/albums/ff189/roanlo_zolo/DSC03448.jpg[/img]


Code: [Select]
[IMG width=20 height=50]http://i239.photobucket.com/albums/ff189/roanlo_zolo/DSC03448.jpg[/img]


Code: [Select]
[IMG width=100 height=250]http://i239.photobucket.com/albums/ff189/roanlo_zolo/DSC03448.jpg[/img]

Code: [Select]
[IMG width=500 height=256]http://i239.photobucket.com/albums/ff189/roanlo_zolo/DSC03448.jpg[/img]
« Last Edit: August 03, 2009, 08:21:57 pm by Kieran »

Offline Roanlo Zolo

  • Community Administrator
  • Antares
  • ******
  • Posts: 3500
  • Gender: Male
  • A.K.A. Dylan
  • RS Name: Roanlo Zolo
Re: Advance Posting
« Reply #1 on: June 11, 2009, 05:27:58 pm »
Hyper Links

Well, now that you have learnt about the pictures, now you need to learn about posting URL links.

Hyperlinks, are links that, when click, will take you to a specific website on the internet (as chosen within the code).

You can use hyperlinks to show people where to find a certain thread, where to find a certain guide. Or even, inserted around a image, so people can click on the image to see a larger version of it.

Like when posting images, there is a code.
Code: [Select]
[url][/url]You can get this code, by either typing it, or click on the little globe symbol

The one which is surrounded by a red circle ::)

During this example, the URL i shall use will be http://www.mechstop.com/ , when posting your own urls, you can put whatever url (following the forums' terms and conditions) you wish.

There are three ways to post a url, the first one is simple, and is good for those that want to just quickly post the url to help someone.

The code is:
Code: [Select]
[url]http://www.mechstop.com/[/url]
That is what the code will look like, as you can see, the url is inbetween the opening and closing tags.

Also note, that this method is optional, as simply pasting the Url in, makes it a hyperlink upon posting.

The second way, is if you wish to make it look a little more 'professional'. This way, you can insert a hyperlink in WORDS, so when people click on those words, they will be redirected to the website.

The code is:
Code: [Select]
[url=http://www.mechstop.com/]Type whatever you wish here[/url]
In this code, you will see that i put an '=' sign next to the opening url tag. This is needed so the hyperlink will accept the website and words.
Where as before i put the url, you may put whatever words or phrases you wish.

Note: When using this method, you have to make sure there are no spaces within the code, otherwise, it will not work.


The only other hyperlink you can use, is a image redirect.

An example, is our Mechstop banner

If you hover your mouse over the image, you will see that you can click on it, and it will take you to the Mechstop home page.

The code for this is:
Code: [Select]
[url=http://www.Mechstop.com][img]http://www.mechstop.com/images/banners/Official_Mechstop.png[/img][/url]Now, like the previous way, where you put whatever words you would like. This time the usual image url will stand there (refer to 'how to post images' )
Also like the previous way, you use the '=' sign and insert the url.


That is all there is to know about URLs, i hope this has helped you.