[BBCODE Tutorials] Images, Links, Youtube videos, etc.

Discussion in 'General Discussion' started by EggsLeggs, Nov 9, 2017.

?

Do More BBcode Tutorials

  1. Yes

    100.0%
  2. No

    0 vote(s)
    0.0%
Thread Status:
Not open for further replies.
  1. EggsLeggs

    EggsLeggs Active Member

    This topic part of my BBcode Tutorials section which is a working progress.

    Many people have trouble using BBcode, you do it with BBcode tags. Just go to what you want and click the spoiler button for how to do it.


    Posting Youtube Videos
    Go to the address bar on the Youtube video's page and copy everything after v= and stopping at & if that comes up. Don't include the & or anything after it.

    Put that info in between tags.

    This is how it looks when you write a Youtube code:
    This is how it looks when posted:


    Posting Images
    First, you need to download the image you want to display then upload it to a site like Imgur, Photobucket, Tinypic, or any other photo-hosting site.

    After uploading, it will give you the BBcode link (among other links). This is what you need to paste into your post to have the image show. You can always tell what the BBcode link is because it starts with . For example, click here and see the BBcode link circled in blue after uploading to Imgur:
    https://imgur.com/JoIhs9T


    This is how it looks when you write an image code:
    This is how it looks when posted:
    https://i.imgur.com/XOfJZGV.png


    Adding Links to Text
    In front of the text you want to have a link on, add before it. Where you want the text to stop linking, add after. Now, after the equal sign, paste in the link you want. After you complete your post, the text should turn dark blue since it links now.

    This is how it looks when you write a link into text, before posting:
    This is how it looks when posted (notice it can clicked):
    This is my text linking to the home page.


    Adding Links to Images
    This is how you have your images link to what you want. You just click on the image and it works like a regular text link! Before the image code, you need to put before it. Then after you put . After the equal sign you'l put the link you're linking to.

    This is how it looks when you write a link into an image, before posting:
    Code:
    http://[img][URL]https://i.imgur.com/XOfJZGV.png[/url]



    Put stuff into Spoilers
    This is very easy, just put the spoiler tag
    in front of what you want to conceal. When you want the concealment to end, put
    after it.

    This is how it looks when you want to conceal some text with spoiler, before posting:
    This is how it looks when posted:
    His secret identity is
    a secret.


    Naming Spoilers
    When you post your spoiler tag around what you want to conceal, add ="your text here" after the word spoiler in the first spoiler tag. Your text here can be changed to your own text. See below for an example. Your custom text will follow Show on the spoiler button.

    This is how it looks before posting:
    This is how it looks when posted:
    Her secret identity is
    a secret.



    Customizing Text with color and size, etc
    Just put the text you want to change in between the tags which are in red, and you will get what you see in the example!

    Bold text:
    example:
    RΛZΞR


    Color Text: [color=][/COLOR]
    example:
    RΛZΞR


    Put a color name or number for your color after the equal sign like red, blue, green, etc.

    Italics:
    example:
    RΛZΞR


    Underline:
    example:
    RΛZΞR


    Strike-through:
    example:
    RΛZΞR


    Code:
    Code:
    
    

    example:
    Code:
    RΛZΞR
    
    Resizing text: [size=][/size]
    example:
    RΛZΞR

    note: after the equal sign enter the number of the size you want your text. For example, 150 for larger text as in the example. Not 150px or 150%.
    [/quote]
     
    Last edited: Dec 10, 2017
  2. Hucast

    Hucast Well-Known Member

    I voted yes. I really needed something like this. Now its a matter of forcing myself to read it.
     
  3. EggsLeggs

    EggsLeggs Active Member

    Sorry it's so long but I think it was well worth my time to create, THANK YOU
     
  4. Hucast

    Hucast Well-Known Member

    It's a god send, believe me. The other part is the imp in me! :stuck_out_tongue_winking_eye_:
     
    EggsLeggs likes this.
  5. EggsLeggs

    EggsLeggs Active Member

  6. Hucast

    Hucast Well-Known Member

  7. EggsLeggs

    EggsLeggs Active Member

    @kajira I know your’e probably busy and everything but I was wondering if it’s possible to promote these sort of things. As a new member who came across from MAL I find a lot of people are un aware of these threads which I and others make to inform people of how to use the BBcode as they often don’t know. If it is possible could you make it more obvious to other new users how to use this forum code.
    Thank You, EggsLeggs
     
Thread Status:
Not open for further replies.
Sign In with Razer ID >


Don't have a Razer ID yet?
Get Razer ID >