Posts Overview
BBCode (3 Posts and 350 Views) | |||
---|---|---|---|
Member Jan 3rd, 2019 Posts: 480 Pixpets: 60 Pixdex: 56 | 5 Years ago Mar 22nd, 2019 - 12:47 AM Nr. 1 #14055 18The 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] [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!
- 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. [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:
[ul][li]insert text here[/li] 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!
[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: 1145 Pixpets: 81 Pixdex: 30 | 4 Years ago Jun 28th, 2019 - 10:19 AM Nr. 2 #22907 1 | ||
Member Jan 3rd, 2019 Posts: 480 Pixpets: 60 Pixdex: 56 | 4 Years ago Jun 28th, 2019 - 10:25 AM Nr. 3 #22909 1The guide has been updated to reflect the new column addition! | ||
Register
Not Registered Yet?
Join for free
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) |
---|
Totodile2064 Super Sponsor for 41 Months |
bgyoshi Super Sponsor for 33 Months |
Chicken_Raptor Super Sponsor for 16 Months |
Dusk Super Sponsor for 15 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 |
Pixpet Chat
[jak]dacrowe Amu Artie Asio Astrokitty b... BeasRabbit Beebs (Bee) Brisingr12 c... c... Cactuskate Calixita 💕🌺🌈 Captain Owlin cisee citrine ckolb CorgisaurusRex Crackomint DCSA [M.Cat] Dixie Dynosaur FairyForestKing Fren Derg FruitJuiceKomodo ghost™ | rythec Goatly horse (CyberneticCaballus) issa Pando! [PandosHere] Iségard Ixen Jyxxie Kino_Kari Klaora Komodo Kos KyoVyrkai LAV Leonidas (DraconisLeonidas) lil plant Longicaudatus lophius (monkfishlover) LuciDatum LuckyBonsaiTree Lycan || Lycan ._ maggicked MagicSpyglass Melia mercats mysticsun95 Nat Nicol (Uri) nomadic dragon Oripoke PauMol PearlyGirl primerose Psicose PuppyToast Pyromander Queen of Nightmares Queenie Rachel the Raichu Rainbow is an artist RainbowFox68 redfailhawk RedFeatheredReptile Rexsaurus sen ShadowXeldron (Dragon0307) Shinmetsu Silver SirLeonidus (Syn) skykitten (bunny), ace attorney Skylark Starflower Snipe Sokyran SomeRandomMightyena Soulmates4Ever Spamton SpyingEyes Starfire Dragon Steveni Syria Sirlay Tagir Tangaroa Tetrispriter theBurnt Tiffanbrill Totodile2064 TsuKira Tybaxel Val Visionwire w... Zen00 ZnowyOwl zoooooooooooom. 🌹 EVA 🎀🌟💎Uendo💎🌟🎀
Log in to join!
5 Users Online (Last 15 Minutes)
Welcome our newest user: BettaGalaxy94
Most Users Online: 126 on Mar 19th, 2019 - 7:07 PM
Forum Stats: Total 45268 Posts in 2827 Topics.
Early Adopter Patreon Supporter Sponsor Super Sponsor Site Artist Discord Moderator Forum Moderator Forum Super Moderator Game Moderator Game Super Moderator Administrator