BBCode Templates

Helpful guides and useful links for roleplayers both old and new!
Post Reply
User avatar
Reyn
BBCode Guru
Posts: 2581
Joined: Sun Jan 22, 2017 10:59 pm
Location: DAIUCHUU☆STAGE
Contact:

BBCode Templates

Post by Reyn » Sun Jul 01, 2018 2:20 am

Hey you! Yeah you! Do you want cool post templates? Do you have cool post templates you want to share? Then this is the thread for you!

This thread is for the posting of BBCode that creates a cool-lookin' post. There are no specific rules as to what type of template can be posted here: it can be something for a CS, an intro, or just general fun little things you can do with what we have here. However, it is not for posting things like basic CS structures; save that for the RP threads they're relevant to.

Helpful Tips:
  • The templates here are for use with credit. Unless you're explicitly told otherwise, let people know who made the template when you use it!
  • Replace the placeholder images with ones of a similar size (if they're not resized in the post) to keep things looking as intended.
  • Modify things if they don't look how you want.
  • Some templates may not look too good on mobile, or if you're using the RPF Dark theme.
  • When posting a template, it would be helpful to include the whole code inside a code block as well as the live version.
  • Use this handy guide if you need help creating your own BBCode things.
Last edited by Reyn on Sun Jul 22, 2018 1:00 am, edited 1 time in total.
Image
BBCode Guide | BBCode Templates | Art Thread | Test House
Yes, my posts look broken on mobile.

User avatar
Reyn
BBCode Guru
Posts: 2581
Joined: Sun Jan 22, 2017 10:59 pm
Location: DAIUCHUU☆STAGE
Contact:

Re: BBCode Templates

Post by Reyn » Sun Jul 01, 2018 2:22 am

Wiki Post Thing (NOT GOOD FOR MOBILE)
Image


SEARCH: [_____________________]🔍
Item Title (Item Type)
---------Item Title---------

Image

Property: Description


---------Other Section---------

Property: Description
Item description. Overview in first paragraph, structure in following paragraphs. Keep quite long. Notable reference Items with external links (can be to other posts within thread). Branded/important names italicised as well. Reference links are smaller and numbered[1].

IMPORTANT: INSURE THAT PARAGRAPHS EXCEED LENGTH OF SIDEBAR BEFORE PUTTING IN A LINE BREAK, OTHERWISE THERE WILL BE A LARGE GAP. Here is some padding: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Section title
You can add another section (e.g. production info, structure, history etc.) for the item under a line break.

References
[1] Put the reference links down here as well, with the names over here.

Code: Select all

[box=transparent][IMG]http://i66.tinypic.com/op4g0i.png[/IMG][float=right][highlight=#EEEEEE][b]
 
 [size=150][color=#666666]SEARCH: [_____________________]🔍[/color][/size][/b][/highlight][/float]

[box=#EEEEEE][align=center][b][size=125][color=#666666][url=http://i67.tinypic.com/2e4x2jk.png]HOME[/url] ❘ [url=http://i67.tinypic.com/2e4x2jk.png]RANDOM[/url] ❘ [url=http://i67.tinypic.com/2e4x2jk.png]ABOUT[/url] ❘ [url=http://i67.tinypic.com/2e4x2jk.png]SUPPORT US[/url][/color][/size][/b][/align][/box]

 [b][size=150]Item Title (Item Type)[/size][/b]
[hr][/hr]
[float=right][highlight=#EFEFEF] [highlight=#BFBFFF][b][i]---------Item Title---------[/i][/b][/highlight]
 
[IMG]http://i65.tinypic.com/2qa4ile.png[/IMG]

[size=85][b]Property:[/b] Description[/size][/highlight]

[highlight=#BFBFFF][b][i]---------Other Section---------[/i][/b][/highlight]

[highlight=#EFEFEF][size=85][b]Property:[/b] Description[/size][/highlight][/float]
Item description.  Overview in first paragraph, structure in following paragraphs.  Keep quite long.  Notable reference [url=https://youtu.be/RNt4SoljALc]Items[/url] with external links (can be to other posts within thread).  Branded/important names [i][url=https://youtu.be/RNt4SoljALc]italicised[/url][/i] as well.  Reference links are smaller and numbered[size=75][super][url=https://youtu.be/RNt4SoljALc][1][/url][/super][/size].

IMPORTANT: INSURE THAT PARAGRAPHS EXCEED LENGTH OF SIDEBAR BEFORE PUTTING IN A LINE BREAK, OTHERWISE THERE WILL BE A LARGE GAP.  Here is some padding: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.  Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

[b][color=#666666]Section title[/color][/b]
[hr][/hr]

You can add another section (e.g. production info, structure, history etc.) for the item under a line break.

[b][color=#666666]References[/color][/b]
[hr][/hr]
[1] [url=https://youtu.be/RNt4SoljALc]Put the reference links down here as well, with the names over here.[/url]
[/box]
Image
BBCode Guide | BBCode Templates | Art Thread | Test House
Yes, my posts look broken on mobile.

User avatar
Reyn
BBCode Guru
Posts: 2581
Joined: Sun Jan 22, 2017 10:59 pm
Location: DAIUCHUU☆STAGE
Contact:

Re: BBCode Templates

Post by Reyn » Sun Jul 01, 2018 2:23 am

Forum-ception
Image

WELCOME User

SEARCH: [_____________________]🔍
Forums > Subforum > Etc.

Thread TItle
[REPLY] [REPORT] [SUBSCRIBE]
Image(01/07/2018, 2:00AM) ExampleUser said:
Post content goes here. Format things just as you would a normal forum post, but keep everything (especially images) within the box tags.
Signature. You can put an image here as well.

Image(01/07/2018, 2:06AM) ExampleUser2 said:
hr tags between everything are optional, but I personally think it looks better.
Signature text size is also optional.

Image(01/07/2018, 2:10AM) ExampleUser3 said:
Keep an enter space between each post section when you're editing/writing with this template. Trust me, it can easily get confusing.
I did it here, see?


Image
i put transparent text here to pad it out
Image(01/07/2018, 2:12AM) ExampleUser4 said:
ExampleUser said:
Post content goes here. Format things just as you would a normal forum post, but keep everything (especially images) within the box tags.
Quote using nested boxes. You have to use the size tags on both the 'User said:' and the body of the post, due to the hr between them.
It's a pain :(

.
[REPLY] [REPORT] [SUBSCRIBE]

< Return to Etc.

Online: User, ExampleUser, Etc.

Forum design by Reyn

Code: Select all

[box=transparent][IMG]http://i66.tinypic.com/30rpi6d.png[/IMG][float=right][highlight=#EEEEEE][b]
WELCOME [i]User[/i]

 [size=150][color=#666666]SEARCH: [_____________________]🔍[/color][/size][/b][/highlight][/float]

[box=#EEEEEE][align=center][b][size=125][color=#666666][url=http://i66.tinypic.com/66xnns.png]HOME[/url] ❘ [url=http://i66.tinypic.com/66xnns.png]BOOKMARKS[/url] ❘ [url=http://i66.tinypic.com/66xnns.png]ABOUT[/url] ❘ [url=http://i66.tinypic.com/66xnns.png]SIGN OUT[/url][/color][/size][/b][/align][/box]

[b][size=85]Forums > Subforum > Etc.[/size]
[/b]
 [b][size=150]Thread TItle[/size][/b]
[hr][/hr]
[b][REPLY]  [REPORT]  [SUBSCRIBE][/b]
[hr][/hr]
[box=transparentf][img]http://i67.tinypic.com/2euk0fr.png[/img](01/07/2018, 2:00AM) [b]ExampleUser[/b] said:
[hr][/hr]
Post content goes here.  Format things just as you would a normal forum post, but keep everything (especially images) within the box tags.
[hr][/hr]
[size=85]Signature.  You can put an image here as well.[/size]
[/box]
[hr][/hr]

[box=transparent][img]http://i67.tinypic.com/2euk0fr.png[/img](01/07/2018, 2:06AM) [b]ExampleUser2[/b] said:
[hr][/hr]
hr tags between everything are optional, but I personally think it looks better.  
[hr][/hr]
[size=85]Signature text size is also optional.[/size]
[/box]
[hr][/hr]

[box=transparent][img]http://i67.tinypic.com/2euk0fr.png[/img](01/07/2018, 2:10AM) [b]ExampleUser3[/b] said:
[hr][/hr]
Keep an enter space between each post section when you're editing/writing with this template.  Trust me, it can easily get confusing.
[hr][/hr]
[size=85]I did it here, see?[/size]
[/box]
[hr][/hr]
 
[url=https://78.media.tumblr.com/9e2365a9788801eac3bedc0719cf3e8d/tumblr_pb1emtfSEX1wl93vuo1_540.png][IMG]http://i64.tinypic.com/28wmatd.png[/IMG][/url]
[color=transparent]i put transparent text here to pad it out[/color]
[hr][/hr]

[box=transparent][img]http://i67.tinypic.com/2euk0fr.png[/img](01/07/2018, 2:12AM) [b]ExampleUser4[/b] said:
[hr][/hr]
[box=transparent][size=85][b]ExampleUser[/b] said:[/size]
[hr][/hr]
[size=85]Post content goes here.  Format things just as you would a normal forum post, but keep everything (especially images) within the box tags.[/size][/box]
Quote using nested boxes.  You have to use the size tags on both the 'User said:' and the body of the post, due to the hr between them.
[hr][/hr]
[size=85]It's a pain :([/size]
[/box]
[hr][/hr]
[color=transparent].[/color]
[b][REPLY]  [REPORT]  [SUBSCRIBE][/b]

[hr][/hr]

[size=85][b]< Return to Etc.[/b][/size]

[hr][/hr]

[b]Online:[/b] [size=85]User, ExampleUser, Etc.[/size]

[hr][/hr]

[align=center][size=50][b]Forum design by Reyn[/b][/size][/align]
[/box]
Image
BBCode Guide | BBCode Templates | Art Thread | Test House
Yes, my posts look broken on mobile.

User avatar
Reyn
BBCode Guru
Posts: 2581
Joined: Sun Jan 22, 2017 10:59 pm
Location: DAIUCHUU☆STAGE
Contact:

Re: BBCode Templates

Post by Reyn » Fri Jul 20, 2018 6:55 pm

this one broke due to the absence of spoiler2
Last edited by Reyn on Mon Aug 06, 2018 5:08 pm, edited 2 times in total.
Image
BBCode Guide | BBCode Templates | Art Thread | Test House
Yes, my posts look broken on mobile.

User avatar
ScorpiBun
Member
Posts: 309
Joined: Sun Dec 24, 2017 11:29 am
Gender: Male
Location: In a galaxy far, far away
Contact:

Re: BBCode Templates

Post by ScorpiBun » Sat Jul 21, 2018 3:36 pm

1
1
1
1
1
1
Just a quick quote that gets me through the day:
"I am Groot"
----------------------------------------- Baby Groot

User avatar
Reyn
BBCode Guru
Posts: 2581
Joined: Sun Jan 22, 2017 10:59 pm
Location: DAIUCHUU☆STAGE
Contact:

Re: BBCode Templates

Post by Reyn » Sun Aug 12, 2018 4:34 pm

The "Reyn found out how to make scrollboxes and this was the result" Computer Template (works with pretty much EVERYTHING inside the scrollbox. You could plausibly put the forum template from here in there and it would still work.)

I imagine this looks disgusting on mobile.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam elementum, ex eget finibus ullamcorper, magna lorem eleifend quam, in egestas elit magna a turpis. Nunc vulputate, mi sit amet laoreet fermentum, neque augue interdum nisi, sed facilisis erat enim fermentum ex. Maecenas vulputate tortor at est rhoncus, ac dapibus neque iaculis. Nullam in felis aliquam, rutrum dui et, convallis nisi. Pellentesque lacinia mi ut nibh sodales, non suscipit libero sollicitudin. Phasellus porttitor purus vel dui tempor finibus. Sed egestas, lacus in semper tristique, quam tortor fringilla odio, ut ultrices nunc turpis ut ipsum. Praesent blandit enim at ante venenatis, malesuada condimentum enim congue. Suspendisse ut egestas nisi.

Fusce suscipit ut lacus ac sodales. Curabitur rutrum purus eget suscipit porttitor. Nam ac mauris eros. Proin ultrices consectetur accumsan. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Morbi lacinia purus eu imperdiet pretium. Pellentesque condimentum porttitor augue, vel pulvinar augue imperdiet sit amet. Fusce fermentum tincidunt diam, nec posuere tellus pretium a.

Fusce ac odio eu neque rhoncus pellentesque eu a nunc. Duis interdum eget purus vel imperdiet. Donec feugiat sed ante ac vestibulum. Praesent luctus eleifend ante, non semper neque lobortis malesuada. Suspendisse et lectus id eros finibus consectetur at nec ipsum. Etiam pretium commodo nulla in porta. Donec magna ante, fringilla ac ullamcorper nec, condimentum non leo. Aenean blandit nunc id orci molestie posuere. Suspendisse potenti.

Vestibulum tempus feugiat metus eget pulvinar. Sed pretium libero mi, gravida sollicitudin ligula molestie vitae. Integer ullamcorper lacus nec nulla mattis, ac rutrum turpis eleifend. Fusce mi libero, fringilla eget lacinia vel, pellentesque eget ante. Vestibulum ex nunc, mollis sed efficitur non, iaculis id mi. Aenean vitae efficitur ipsum, vel maximus eros. Aliquam a sollicitudin risus, ac tristique erat. Sed id mattis mauris. Maecenas vehicula est a dignissim congue. Nulla a justo in orci cursus bibendum.

Nullam malesuada quam ac commodo commodo. Phasellus vitae diam sem. Morbi egestas risus quis dapibus placerat. Phasellus gravida est vel feugiat semper. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Mauris semper tincidunt ex. Aliquam dictum nibh lacus, in facilisis ex volutpat et. Aenean ornare mattis nibh a interdum. Nulla vitae lorem eget mi fermentum fringilla. Aenean eu consequat purus. Morbi sollicitudin massa efficitur sem dictum eleifend. Quisque et nisi tristique, tristique felis vel, rutrum diam. Maecenas interdum mi volutpat enim accumsan facilisis.
x
x
x
x
x
Reyn made this.

Code: Select all

[div="background-image:url(https://images-na.ssl-images-amazon.com/images/I/91nHqZL6TYL._SL1500_.jpg);background-size: 100%;"][div="padding-left:11.5%;padding-right:11.5%;padding-top:5%;"][div="background-color:white;color:black;height:373px;width:100%;overflow:auto;"]Text/images/code/whatever you want goes here.[/div][/div]
[color=transparent]x
x
x
x
x[/color]
[align=center][size=85][color=#00FFFF]Reyn made this.[/color][/size][/align][/div]
Image
BBCode Guide | BBCode Templates | Art Thread | Test House
Yes, my posts look broken on mobile.

Post Reply

Who is online

Users browsing this forum: No registered users and 1 guest