How to post; images, youtube, lists, tables etc.

Please introduce yourself and Celica or ride(s).

How to post; images, youtube, lists, tables etc.

Postby Blaze86Vic » May 5th, 2010, 1:10 pm

For those of you that are new to forum posting, WELCOME! We're glad you decide to join our fair community. There are a lot of cool tools for posting stuff in your threads. These tools can make it a lot easier for people to browse the forum. This thread is here to give a background on how to go about adding these things to your posts.

Contents

  • Text Formatting
  • Creating Links
  • Posting Images
  • Posting YouTube Videos
  • Posting Lists
  • Posting Tables




  • Text Formatting:

    • How to create bold, italic and underlined text.
      BBCode includes tags to allow you to quickly change the basic style of your text. This is achieved in the following ways:

      • To make a piece of text bold, use [b][/b]:

        [b]Hello[/b]
        becomes Hello

      • To make a piece of text underlined, use [u][/u]:

        [u]Good Morning[/u]
        becomes Good Morning

      • To make a piece of text italicized, use [i][/i]:

        This is [i]Great![/i]
        becomes This is Great!

    • How to change the text color or size.
      To alter the color or size of your text the following tags can be used. Keep in mind that how the output appears will depend on the viewers browser and system:

      • Changing the colour of text is achieved by wrapping it in [color=][/color]. You can specify either a recognised colour name (eg. red, blue, yellow, etc.) or the hexadecimal triplet alternative, e.g. #FFFFFF, #000000. For example, to create red text you could use:

        [color=red]Hello![/color]

        or

        [color=#FF0000]Hello![/color]

        Both will output Hello!

      • Changing the text size is achieved in a similar way using [size=][/size]. This tag is dependent on the template the user has selected but the recommended format is a numerical value representing the text size in percent, starting at 20 (very small) through to 200 (very large) by default. For example:

        [size=50]TINY[/size]

        will generally be TINY

        whereas:

        [size=200]HUGE![/size]

        will be HUGE!

    • How to post subscript and superscript.
      If you are posting technical info you may find that you want to post text as a superscript or subscript. Using the following tags you can!

      • To make a piece of text subscript, use [sub][/sub]:

        The water is 90[sub]degrees[/sub].
        becomes The water is 90degrees.

      • To make a piece of text superscript, use [sup][/sup]:

        You have to check the water 1[sup]st[/sup].
        becomes You have to check the water 1st.




  • Creating Links:

    • Linking to another site
      phpBB BBCode supports a number of ways of creating URIs (Uniform Resource Indicators) better known as URLs.

      • The first of these uses the [url=][/url] tag, whatever you type after the = sign will cause the contents of that tag to act as a URL. For example to link to phpBB.com you could use:

        [url=http://www.phpbb.com/]Visit phpBB![/url]

        This would generate the following link, Visit phpBB!

      • If you want the URL itself displayed as the link you can do this by simply using:

        [url]http://www.phpbb.com/[/url]

        This would generate the following link, http://www.phpbb.com/

      • Additionally, phpBB features something called Magic Links, this will turn any syntactically correct URL into a link without you needing to specify any tags or even the leading http://. For example typing http://www.phpbb.com into your message will automatically lead to http://www.phpbb.com being output when you view the message.

      • The same thing applies equally to e-mail addresses, you can either specify an address explicitly for example:

        [email]no.one@domain.adr[/email]

        which will output no.one@domain.adr or you can just type no.one@domain.adr into your message and it will be automatically converted when you view.

        As with all the BBCode tags you can wrap URLs around any of the other tags such as [img][/img] (see next entry), [b][/b], etc. As with the formatting tags it is up to you to ensure the correct open and close order is following, for example:

        [url=http://www.google.com/][img]http://www.google.com/intl/en_ALL/images/logo.gif[/url][/img]

        is not correct which may lead to your post being deleted so take care.



  • Showing Images in Posts:

    • Posting Images
      phpBB BBCode incorporates a tag for including images in your posts. Two very important things to remember when using this tag are: many users do not appreciate too many images being shown in posts and secondly the image you display must already be available on the internet (it cannot exist only on your computer for example, unless you run a webserver!). Read below on how to get your pictures on the internet. To display an image you must surround the URL pointing to the image with [img][/img] tags. The URL has to be directly to the image, and not the page that the image is on. You will know if you have the right URL as it will end in an image extension (ie. '.jpg' '.gif' '.bmp'). For example:

      [img]http://www.google.com/intl/en_ALL/images/logo.gif[/img]

      You can link an image in a post by adding the URL code around the image code if you wish.

      [url=http://www.google.com/][img]http://www.google.com/intl/en_ALL/images/logo.gif[/img][/url]

      would generate:

      Image

    • Posting your own pictures.
      The key to posting picture that you take online, is that they have to be uploaded somewhere. There are free image hosting sites that you can use to upload your images to the web. Once they are online, all you have to do is get the URL for the image. Remember that the URL has to be a direct URL to the image and end in an image extension (ie. '.jpg' '.gif' '.bmp'). Below are are few free image hosting sites.

      http://www.flickr.com
      http://photobucket.com and
      http://imageshack.us



  • Posting YouTube Videos:

    • How to embed a play-able YouTube video inside your post.
      Instead of posting a link to a YouTube video, you can actually post a video directly inside your posts. This is a playable video so that members do not have to travel away from the forum or open a new window to watch the video. Because of multiple methods that you can view a YouTube video on YouTube, just copying the URL does not work. You need to obtain the video ID. But you are in luck, because the Video ID is displayed in the URL! In general the Video ID is the string of characters between watch?v= and &, or it is the last string of characters in the URL. Below are some examples with the Video ID's highlighted.

      http://www.youtube.com/watch?v=EKC5aqv2huw
      http://www.youtube.com/watch?v=EKC5aqv2huw&playnext_from=TL&videos=ciD7SGxdtqw&feature=grec
      http://www.youtube.com/user/15FSP#p/a/u/1/EKC5aqv2huw

      To embed the video into a post, wrap the Video ID in [youtube][/youtube].

      [youtube]EKC5aqv2huw[/youtube]

      Will look like so!




  • Posting Lists:

    • Creating an Unordered list.
      BBCode supports two types of lists, unordered and ordered. They are essentially the same as their HTML equivalents. An unordered list outputs each item in your list sequentially one after the other indenting each with a bullet character. To create an unordered list you use [list][/list] and define each item within the list using [*]. For example to list your favorite colors you could use:

      [list]
      [*]Red
      [*]Blue
      [*]Yellow
      [/list]

      This would generate the following list:

      • Red
      • Blue
      • Yellow

    • Creating an Ordered list
      The second type of list, an ordered list, gives you control over what is output before each item. To create an ordered list you use [list=1][/list] to create a numbered list or alternatively [list=a][/list] for an alphabetical list. As with the unordered list, items are specified using [*]. For example:

      [list=1]
      [*]Go to the shops
      [*]Buy a new computer
      [*]Swear at computer when it crashes
      [/list]

      will generate the following:

      1. Go to the shops
      2. Buy a new computer
      3. Swear at computer when it crashes

      Whereas for an alphabetical list you would use:

      [list=a]
      [*]The first possible answer
      [*]The second possible answer
      [*]The third possible answer
      [/list]

      giving

      1. The first possible answer
      2. The second possible answer
      3. The third possible answer



  • Posting Tables:

    • Creating a table with BBCode.
      The format for creating a table is very similar to HTML code. So if you are familiar with HTML coding for tables, it should be natural transition. If not, well hopefully this is written well enough that you will be able to post tables after reading through it.

      • To have a table you must first define a table with [table][/table]. Inside the table parameters you place the code to add a row with [tr][/tr]. Inside the row parameters you place the code to add a cell with [td][/td]. You can have multiple rows in a table, and multiple cells in a row.

        [table]
        [tr][td]A TABLE![/td][/tr]
        [/table]

        Shows up as
        A TABLE!


        [table]
        [tr][td]Row 1 - Cell 1[/td] [td]Row 1 - Cell 2[/td][/tr]
        [tr][td]Row 2 - Cell 1[/td] [td]Row 2 - Cell 2[/td][/tr]
        [/table]

        Shows up as
        Row 1 - Cell 1Row 1 - Cell 2
        Row 2 - Cell 1Row 2 - Cell 2


      • You can also add a header styled cell to a table with [th][/th]. Use this code in place of the plain cell code [td][/td].

        [table]
        [tr][th]Header - Cell 1[/th] [th]Header - Cell 2[/th][/tr]
        [tr][td]Row 1 - Cell 1[/td] [td]Row 1 - Cell 2[/td][/tr]
        [/table]

        Shows up as
        Header - Cell 1Header - Cell 2
        Row 1 - Cell 1Row 1 - Cell 2


      • Sometimes you may want to have a cell that spans the width of multiple cells. You can do this to plain cells with the code [tdm=#][/tdm], and to header cells with the code [thm=#][/thm]. Where # is the number of cells you want it to span.

        [table]
        [tr][thm=3]The Header[/thm][/tr]
        [tr][tdm=2]Row 1 - Cell 1[/tdm] [td]Row 1 - Cell 2[/td][/tr]
        [tr][td]Row 2 - Cell 1[/td] [td]Row 2 - Cell 2[/td] [td]Row 2 - Cell 3[/td][/tr]
        [/table]

        Shows up as
        The Header
        Row 1 - Cell 1Row 1 - Cell 2
        Row 2 - Cell 1Row 2 - Cell 2Row 2 - Cell 3


      • And you can add all types of formatting inside a table as well, including images and links.

        [table]
        [tr][thm=3][color=yellow][u]The Header[/u][/color][/thm][/tr]
        [tr][tdm=2][url=http://www.google.com]Link to google[/url][/tdm] [td]Row 1 - Cell 2[/td][/tr]
        [tr][td]Row 2 - Cell 1[/td] [td]Row 2 - Cell 2[/td] [td]Row 2 - Cell 3[/td][/tr]
        [tr][tdm=3][img]http://www.google.com/intl/en_ALL/images/logo.gif[/img][/tdm][/tr]
        [/table]

        Shows up as
        The Header
        Link to googleRow 1 - Cell 2
        Row 2 - Cell 1Row 2 - Cell 2Row 2 - Cell 3
        Image
User avatar
Blaze86Vic
 
Posts: 2231
Joined: March 5th, 2008, 7:09 am
Location: Yorktown, VA

Re: How to post; images, youtube, lists, tables etc.

Postby exodus » May 5th, 2010, 1:30 pm

very good info blaze...... thanks...
Foxy:My 1973 Celica-Powered By ITB'd F20c - SOLD 8/13 :(
BUILD THREAD: viewtopic.php?f=4&t=1221
Flyby Video's of Foxy: http://youtu.be/VSXNinaak8o
User avatar
exodus
 
Posts: 4437
Joined: April 21st, 2008, 10:32 am
Location: Modesto, Ca

Re: How to post; images, youtube, lists, tables etc.

Postby ChristobalRocks » May 5th, 2010, 1:46 pm

Yes very nice. I vote for this to be added to the end of the Announcements section.
ChristobalRocks
 
Posts: 1612
Joined: August 17th, 2009, 11:02 am
Location: North of Boston

Re: How to post; images, youtube, lists, tables etc.

Postby Toydocktr » May 7th, 2010, 7:07 am

sOOOOOO MANY questions just got answered --Thanx
ImageImage
Toydocktr
 
Posts: 329
Joined: December 18th, 2009, 11:15 am
Location: Oregon City Oregon

Re: How to post; images, youtube, lists, tables etc.

Postby Blaze86Vic » May 7th, 2010, 8:56 pm

Glad it's helping out!
User avatar
Blaze86Vic
 
Posts: 2231
Joined: March 5th, 2008, 7:09 am
Location: Yorktown, VA

Re: How to post; images, youtube, lists, tables etc.

Postby 75CelicaGT » May 7th, 2010, 10:08 pm

It sure is, I now know a lot of things I only wondered about but always forget to ask. :2thumbs:
User avatar
75CelicaGT
 
Posts: 1195
Joined: March 24th, 2008, 5:36 am
Location: Surrey, BC, CANADA

Re: How to post; images, youtube, lists, tables etc.

Postby armandotjr » August 25th, 2010, 12:13 am

I'm not sure where or how to post my introduction...I don't see a post button
armandotjr
 

Re: How to post; images, youtube, lists, tables etc.

Postby Blaze86Vic » August 25th, 2010, 4:36 am

You need to create a New Topic. The button is right next to the Post Reply button. You can create a new topic while viewing a thread, or while viewing a sub forum list.
User avatar
Blaze86Vic
 
Posts: 2231
Joined: March 5th, 2008, 7:09 am
Location: Yorktown, VA

Re: How to post; images, youtube, lists, tables etc.

Postby 808celicagt » January 21st, 2017, 2:18 am

How do you add links and photos to the bottom of your posts? Like you (Blaze86vic) have a photo and links to your page at the bottom of yours.
808celicagt
 
Posts: 39
Joined: October 11th, 2011, 3:31 am
Location: Maui,HI


Return to Introduction

Who is online

Users browsing this forum: No registered users and 1 guest

cron