Jump to content

A Guide to BB Codes on Fuwa


Nosebleed

Recommended Posts

I'm extremely bored so I decided to make this. there's really no deeper meaning behind it other than it might be helpful to some people.

This post details all the types of embedding and text formatting you can do on Fuwanovel using BB codes.
I'll be including even the basic stuff you can do on the text editor for people that may use the forum on mobile devices (since there's no editor there).

I hope you may find something of use in some of these though~

Text formatting Codes

Text properties

[b]Text[/b] Makes the text bold
[i]Text[/i] Makes the text italic
[u]Text[/u] Makes the text underlined
[s]Text[/s] Makes the text struck

Example:


Bold Text
Italic Text
Underlined Text
Milky Holmes is a pretty decent anime

 

Font Size

[size=1]Text[/size] Changes to size 8
[size=2]Text[/size] Changes to size 10
[size=3]Text[/size] Changes to size 12 (Normal size)
[size=4]Text[/size] Changes to size 14
[size=5]Text[/size] Changes to size 18
[size=6]Text[/size] Changes to size 24
[size=7]Text[/size] Changes to size 36
[size=8]Text[/size] Changes to size 48

Example


( ͡° ͜ʖ ͡°)
( ͡° ͜ʖ ͡°)
( ͡° ͜ʖ ͡°)
( ͡° ͜ʖ ͡°)
( ͡° ͜ʖ ͡°)
( ͡° ͜ʖ ͡°)
( ͡° ͜ʖ ͡°)
( ͡° ͜ʖ ͡°)



Text alignment

[left]Text[/left] This sets the text to the left
[center]Text[/center] This centers the text
[right]Text[/right] This sets the text to the right

Example



Raise




 

Your

Dongers



Text color

Note: All color values are in hexadecimal so make sure you know your hexadecimals if you're trying to manually set colors.

[color=#FF0000]Text[/color] Changes the text color (to red in this case)
[color=#00FF00]Text[/color] Changes the text color (to green in this case)
[color=#0000FF]Text[/color] Changes the text color (to blue in this case)

Example


Red Text
Shrek is love, Shrek is life
Blue Text

 

Alternatively You can also replace "#color" in the following code with one of the preset colors (just copy paste them)
[color=#color]Text[/color] 

List:

 

Black

FireBrick

Red

LightSalmon

LavenderBlush (LavenderBlush)

Maroon

Brown

DarkOrange

Orange

AntiqueWhite (AntiqueWhite)

 

SaddleBrown

GoldenRod

Gold

Yellow

LightYellow (LightYellow)

DarkSlateGray

DarkGreen

Green

Lime

Honeydew (Honeydew)

Teal

Turquoise

Cyan

PaleTurquoise

Azure (Azure)

Navy

MediumBlue

Blue

LightBlue

AliceBlue (AliceBlue)

Indigo

Purple

Violet

Plum

Lavender (Lavender)

DarkGray

Gray

DimGray

LightGray

White (White)

 

Text font

[font=arial]Text[/font] Sets the text to Arial font
[font=comic sans ms]Text[/font] Sets the text to Comic Sans MS font
[font=courier new]Text[/font] Sets the text to Courier New
[font=georgia]Text[/font] Sets the text to Georgia
[font=lucida sans unicode]Text[/font] Sets the text to Lucida Sans Unicode font
[font=tahoma]Text[/font] Sets the text to Tahoma font
[font=times new roman]Text[/font] Sets the text to Times New Roman font
[font=trebuchet ms]Text[/font] Sets the text to Trebuchet MS font
[font=verdana]Text[/font]  Sets the text to verdana font

Example


Arial
ヽ༼ຈل͜ຈ༽ノ raise your dongers ヽ༼ຈل͜ຈ༽ノ
Courier New
Georgia
Lucida Sans Unicode
Tahoma
Times New Roman
Trebuchet MS
Verdana






Special BB Codes

Hyperlinks
[url=http://randomurl.com]Text[/url] Hyperlinks the text or image that's between the code. 

Example:


Only for weebs



Twitter linking

[twitter]Twitter User[/twitter] Will hyperlink your twitter to your user and add an @ in front.

Example


@Fuwan0vel



Spoiler Tags

[spoiler]Text[/spoiler] This will spoiler the text

Example







:Kappa:









Horizontal Rule

[hr] will add a line that extends across the post

Example






Lists

This code will make a list with bullets[list]
[*]One
[*]Two
[/list]

Example

  • Hatsune
  • Miku
  • Pizza



Acronym Code

[acronym='Acronym meaning']Acronym[/acronym] Will give a definition of the acronym when you hover the cursor over it

Example


ヽ(◕‿◕✿)ノ



Member Code

[member='Fuwa user'] Will automatically generate a hyperlink to a user's profile

Example


Kokoro-chan






Embedding

Embedding images
[IMG]Image URL[/IMG] 
[img]Image URL[/img] 
Note: Make sure your URL ends in either JPG, JPEG, PNG or GIF

Example


dUWgun1.gif

 

Embedding .GIFV and .GFYCAT

 

The forum software supports gifv and gfycat format, just paste the video URL and it should auto embedd.

If it doesn't, use the media code.

 

Please make sure to spoiler these in order for them not to auto load/loop on slower devices.

 

Note: Don't hotlink gfycat videos , they will not embed. Just use the regular gfycat page URL (one that doesn't end in .webm)

 

Example:



Embedding videos (only works for youtube and Vimeo at the moment)

All videos from Youtube or Vimeo are automatically embedded on Fuwanovel if you just paste their URL so you don't need a code.

Example





Embedding MP3

All Mp3 URLs are also automatically embedded onto the forums.

Note: The URL must end in .mp3 for this to work.

Example


http://www.myinstants.com/media/sounds/bear-shock.mp3



Note: If you want to just link any type of media in URL form, you can use the hyperlink code.

[url=http://randomurl.mp3]http://randomurl.mp3[/url]

Example





Embedding Flash

[media]http://randomurl.swf[/media] Will embed anything flash

If you want to edit the dimensions you can do so by replacing #width and #height with the desired values
[media]http://randomurl.swf/#width,#height[/media] 

Example


http://thebest404pageever.com/swf/niconiconi.swf/600,300



Remember these are just the basic codes, you can combine them to do all sorts of stuff too but I'm not going to get into that too much.
Just make sure that when you're combining you don't mess up the order of the codes, particularly with Special BB codes

So for example if you want to hyperlink an image, you would use
[url=http://randomurl.com][IMG]http://randomimageurl.jpg[/IMG][/url]

Never
[IMG][url=http://randomurl.com]http://randomimageurl.jpg[/url][/IMG]

Example





And that should cover just about everything you might possibly want to do when formatting a post, though if I missed something, feel free to let me know.

Link to comment
Share on other sites

Oh right, I forgot that, added now because why not.

[color=#color]Text[/color] 

Replace #color with one of the following

 

Black

FireBrick

Red

LightSalmon

LavenderBlush (LavenderBlush)

Maroon

Brown

DarkOrange

Orange

AntiqueWhite (AntiqueWhite)

 

SaddleBrown

GoldenRod

Gold

Yellow

LightYellow (LightYellow)

DarkSlateGray

DarkGreen

Green

Lime

Honeydew (Honeydew)

Teal

Turquoise

Cyan

PaleTurquoise

Azure (Azure)

Navy

MediumBlue

Blue

LightBlue

AliceBlue (AliceBlue)

Indigo

Purple

Violet

Plum

Lavender (Lavender)

DarkGray

Gray

DimGray

LightGray

White (White)

Link to comment
Share on other sites

New additions

GIFV and GFYCAT are now supported on the forum.

Many thanks to Nay for all his hard work again.

Just a quick reminder:

Have fun with these, but they should be included in spoiler tags to prevent them from auto-loading (and auto-playing) for slower devices and people with bandwidth quotas.

Link to comment
Share on other sites

  • 5 months later...

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...