Welcome to Pixpet!  Login or  Register Account   Resend Activation Email  Forgot Password? Dark Mode
Posts Overview
BBCode (3 Posts and 310 Views)
Member

Jan 3rd, 2019
Posts: 480
Pixpets: 61
Pixdex: 55
2 Years ago
Mar 22nd, 2019 - 12:47 AM
Nr. 1 #14055 17
The BBCode Guide

Since it's been highly requested... I went ahead and made a visual guide of all the known BBCode for anyone who may be looking for something like this!

Most of the BBCode is universal to all sites that use BBCode, but there are some bits of code used here that may not be available elsewhere. That particular code will be sectioned off accordingly.

Of course, if the site's code is updated, I will do my best to keep this guide up to date. If you see a mistake, or believe certain code isn't working, please feel free to ping me so I can update and leave notes. Hopefully I am as thorough as can be!




➤ The Basics

BOLD
[b]insert text here[/b]


ITALIC
[i]insert text here[/i]


UNDERLINE
[u]insert text here[/u]


STRIKETHROUGH
[s]insert text here[/s]



» Text Effects

You can alter font size.
Size 10 appears to be the smallest font.
Size 99 is the largest font, but this example is Size 20 because Size 99 is simply too big.
[size=INSERT SIZE # HERE]insert text here[/size]



You can also hyperlink text! (My profile is the hyperlink example.)
[url=INSERT LINK HERE]insert text here[/url]

Ensure that you close the text you want to be "clickable" with the [url] tags. Unlike HTML, you will not need to enclose the links in quotes!


» Colors

Red, as red can be.
Blue, as blue can be.
[color=INSERT HEX CODE HERE]insert text here[/color]

You do not need to include the # for this to work! In fact, I believe is breaks the code.


Additionally, you can also make text transparent:
___ex. you can highlight over this! (Highlight over to see.)
I find this very useful for spacing for when I wish to format things a specific way!
[transparent]insert text here[/transparent]



» Text Alignments

This is left-aligned text, which also happens to be the default alignment. I'm not sure when this would be useful, but it is there in case anyone happens to find a use for it!

[left]insert text here[/left]


This is center-aligned text! This is real snazzy.

[center]insert text here[/center]


And finally, this is right-aligned text! One of my favorites.

[right]insert text here[/right]



» Image Codes


[img]insert direct link to image here[/img]

Keep in mind you WILL need to upload an image to a hosting website that can provide a DIRECT LINK to your image in order to use this code! An image hosting site I can recommend is Imgur.


[imge]insert direct link to image here[/imge]

This nifty code is perfect for any large images you might need to upload. Simply click the image to view the original size! One of the reasons this is super useful is simply because the original [img] tags will resize your large image and possibly make the detail difficult to see.




➤ A Little More Advanced



[hr]

This nifty thing is a visual linebreak. Really great for sectioning things off!


    This is a list container.
    - I'm not entirely sure how it qualifies as a "container", but I suppose you can add in your own little symbols for making a list.
    ✿ To be entirely honest, I find this more useful for indenting, if you would ever like to indent!

[ul]insert text here[/ul]


This is the list.
  • list example 1

  • list example 2

  • list example 3

  • [li]insert text here[/li]
    [li]insert text here[/li]

    Keep in mind that the list tags will only work for one line. You will need to open up new tags for a new bulletin point. You can pair this with the list container for the indentation, like so:

    • list item 1!

    • list item 2!

    [ul][li]insert text here[/li]
    [li]insert text here[/li][/ul]



    This is a quote without the use of the name function!

    [quote]insert text here[/quote]


    Quote by: @Jelly

    [quote]Quote by: [b]@USER / TEXT HERE[/b][hr][/quote]

    This is the type of quote you'll see when you "quote" someone on the forums. There's not a big difference in the actual tags, but I will show you the code so you can see the difference!



    [spoiler]insert text here[/spoiler]



    This is used to show off code, which is basically what I've been using all throughout the guide!

    [code]insert text here[/code ]

    DO NOT include the space between the 'e' and the bracket in the closing tag! I had to put that there to show you the example.


    The tags! This is possibly my favorite coding feature in all of Pixpet. This function allows you to build a tag, similar to those titles beneath you username on the side of posts that make it look like a little button.
    You can also change the tag color! Keep in mind that a lighter color tag will make the tag's font harder to read, and you will manually have to edit the color of the text to be readable!
    [tagcolor=INSERT HEX CODE HERE]insert text here[/tagcolor]





    ➤ PixPets Specific Code

    @Jelly
    This is a ping! This will notify a person that you are calling them to specific post, and it will alert them in their Forum Messages.
    @USERNAME HERE




    [icon]the name of the icon will go here. ex. align-center, twitter, bookmark[/icon]

    This is a unique code icon that works exclusively with Font Awesome. This website has a whole catalog of unique icons that you can use here on-site with the above code.


    A custom box in which you can change the border color, AND the background image!

    [boxbordercolor=INSERT HEX COLOR CODE HERE|bgurl=INSERT DIRECT LINK TO IMAGE HERE]insert text here[/box]

    Keep in mind you will need to change the text color manually in order for text to still be readable depending on what background you choose! And do not remove the | symbol!


    This is the column format!

    [col]insert text here[nextcol]insert new text here[/col]

    The code enables column formatting on the site, perfect for anyone with a flair for organization. This will support images as well! I believe the code currently only supports up to two columns.


    [mail]insert email address here[/mail]

    There also exists a code function exclusive to PMs here on Pixpets. It is used to automatically open your email program (if you use one) to begin writing an email to the addressed person. Be advised, do not send your email address to strangers.
    Member
    Administrator

    Dec 5th, 2017
    Posts: 1094
    Pixpets: 80
    Pixdex: 30
    2 Years ago
    Jun 28th, 2019 - 10:19 AM
    Nr. 2 #22907 1
    @jelly
    [col][nextcol][/col]

    Have been added!


    AAA

    BBB

    CCC
    Member

    Jan 3rd, 2019
    Posts: 480
    Pixpets: 61
    Pixdex: 55
    2 Years ago
    Jun 28th, 2019 - 10:25 AM
    Nr. 3 #22909 1
    The guide has been updated to reflect the new column addition!
    Register
    Not Registered Yet?
    Join for free
    Recent Activity
    Pixpet Sponsor Support
    Our Previous/Current Super Sponsors
    Sponsor
    Get your own Sponsor Banner on Pixpet (Rules) + 100 Pixpet Ticket Coupons/Month for Item Commissions!

    Super Sponsor
    Get your own Sponsor Banner on Pixpet (Rules) + Your Own Pixpet after 6 months support (not consecutive) on this tier! (Rules)
    bgyoshi Super Sponsor for 21 Months
    Chicken_Raptor Super Sponsor for 16 Months
    Totodile2064 Super Sponsor for 15 Months
    Dusk Super Sponsor for 8 Months
    Tybaxel Super Sponsor for 6 Months
    Sherrice Super Sponsor for 6 Months
    Ignis Super Sponsor for 6 Months
    Takkju Super Sponsor for 5 Months
    Phoenix Super Sponsor for 4 Months
    Kookaburra Super Sponsor for 2 Months
    Isegard Super Sponsor for 1 Month
    Become Pixpet Sponsor
    Pixpet Chat
    @hyenateef  [jak]dacrowe  Amu  AnimusReach (GreySkyMorning)  Apeiron  Apexicity  Artie  ArtsyAlraune  bgyoshi  blacksapphiredragon  Blazetail  BoofDawg  Caprica  Carpo (ign: CarpoPyronite )  Chicken Raptor  citrinewarrior  CorgisaurusRex  crazonstorm  DarkArtzDragon  DevilDoe  Devilman  Dh3x  DracoDraconis1000  DraconicMusic  DubstepKittenYT  Dynosaur  Electric-Borealis  eura  Fandramon  Fren Derg  Freyhildr  ghost™ | rythec  GivantosaurusBot  Gluebag  Himochi  Hope  HopeSong  horse (CyberneticCaballus)  Hydrix  Intet  issa Pando! [PandosHere]  jaguar  Jyxxie  KarlaOfGlacia  KOS  Leonidas  Leticia  lorang  Lycan || Lycan ._  Mahu | MahuruRaji  MariahKat  MayuriTheTyrogue  Minaline  moon!  Mrs. Ukitake  NightWolfDragon  Niyo  nyx  okzoomies  Oripoke  Owlite  Pandistelle  PauMol  Pikalil  Pikapyon  Poranthes  Psicose  Rackiera  RainbowFox68  RFH  Rizlak  RowanofRohan  Schnecco  scootzzzzzx  shadow!  Silver  skykitten (bunny), ace attorney  Snær  softmio  SomeRandomMightyena  Squidily  Steveni  Syria Sirlay  Tagir  Tangaroa  Tetrispriter  The Spooky Austroraptor  theBurnt  TsuKira  Twin  TwistedGate  Vixen-Skyfront  Wolfarick  Xykriel  Zen00  Zetta  ~Lad~  ~The Mad Lad~  ᛁᚾᚨᚾᛁᛋ  🎀🌟💎Uendo💎🌟🎀 
    Log in to join!
    Social Media
    Also subscribe to our other social media accounts if you want to stay informed!

    19 Users Online (Last 15 Minutes)

    Welcome our newest user: Sewce
    Most Users Online: 126 on Mar 19th, 2019 - 7:07 PM

    Forum Stats: Total 40332 Posts in 2322 Topics.

    Early Adopter Patreon Supporter Sponsor Super Sponsor Site Artist Discord Moderator Forum Moderator Forum Super Moderator Game Moderator Game Super Moderator Administrator