Nosebleed Posted January 17, 2015 Posted January 17, 2015 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 TextItalic TextUnderlined TextMilky 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) ExampleRed TextShrek is love, Shrek is lifeBlue 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 ExampleArialヽ༼ຈل͜ຈ༽ﾉ raise your dongers ヽ༼ຈل͜ຈ༽ﾉCourier NewGeorgiaLucida Sans UnicodeTahomaTimes New RomanTrebuchet MSVerdanaSpecial BB CodesHyperlinks [url=http://randomurl.com]Text[/url] Hyperlinks the text or image that's between the code. Example:Only for weebsTwitter linking [twitter]Twitter User[/twitter] Will hyperlink your twitter to your user and add an @ in front. Example@Fuwan0velSpoiler Tags [spoiler]Text[/spoiler] This will spoiler the text ExampleHorizontal Rule [hr] will add a line that extends across the post ExampleLists 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 ExampleKokoro-chanEmbeddingEmbedding images [IMG]Image URL[/IMG] [img]Image URL[/img] Note: Make sure your URL ends in either JPG, JPEG, PNG or GIF Example 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. ExampleEmbedding MP3 All Mp3 URLs are also automatically embedded onto the forums. Note: The URL must end in .mp3 for this to work. Examplehttp://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] ExampleEmbedding 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. Funyarinpa, Delusional, arakura and 8 others 11 Quote
Eclipsed Posted January 17, 2015 Posted January 17, 2015 10/10 vote for pin suggestion: add the emotes! Quote
LinovaA Posted January 17, 2015 Posted January 17, 2015 10/10 would raise Dongers again. I also vote for a pin on this one. Quote
Kendjin Posted January 17, 2015 Posted January 17, 2015 Decided to pin it due to amazing community feedback Quote
Ceris Posted January 17, 2015 Posted January 17, 2015 I'm the cause of two of those examples, I feel special. Btw, for images, you can also do this and it works just the same. [img=url here] Quote
Nayleen Posted January 18, 2015 Posted January 18, 2015 The color tag actually allows for some CSS color names:Aqua [color=Aqua]Aqua[/color] And so on. Silly feature though, since they went with some weird mapping instead of just straight up using CSS values. Quote
Nosebleed Posted January 18, 2015 Author Posted January 18, 2015 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) Quote
Kendjin Posted January 22, 2015 Posted January 22, 2015 New additionsGIFV 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. Quote
MoFried Posted July 4, 2015 Posted July 4, 2015 Thanks for making this. But, does the forum not have inline spoilers? Quote
MoFried Posted July 4, 2015 Posted July 4, 2015 ^Correct. Are there any plans to add them in the future? :3 Also, another suggestion: Tagging users with the @ symbol. Quote
Eclipsed Posted July 4, 2015 Posted July 4, 2015 Are there any plans to add them in the future? :3 Also, another suggestion: Tagging users with the @ symbol. Dunno. As for the tagging users with @ symbol, I think that was also discussed before... somewhere... but yeah nothing ever came out of it Quote
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.