BBCode Templates

Helpful guides and useful links for roleplayers both old and new!
Post Reply
User avatar
Reyn
Community Mod
Posts: 3655
Joined: Sun Jan 22, 2017 10:59 pm
Location: PARANOiA -respect-
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.

User avatar
Reyn
Community Mod
Posts: 3655
Joined: Sun Jan 22, 2017 10:59 pm
Location: PARANOiA -respect-
Contact:

Re: BBCode Templates

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

Wiki Post Thing (NOT GOOD FOR MOBILE)
Image


SEARCH: [_____________________]πŸ”
HOME ❘ RANDOM ❘ ABOUT ❘ SUPPORT US
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]

User avatar
Reyn
Community Mod
Posts: 3655
Joined: Sun Jan 22, 2017 10:59 pm
Location: PARANOiA -respect-
Contact:

Re: BBCode Templates

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

Forum-ception
Image

WELCOME User

SEARCH: [_____________________]πŸ”
HOME ❘ BOOKMARKS ❘ ABOUT ❘ SIGN OUT
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]

User avatar
Reyn
Community Mod
Posts: 3655
Joined: Sun Jan 22, 2017 10:59 pm
Location: PARANOiA -respect-
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.

User avatar
ScorpiBun
Sr. Member
Posts: 641
Joined: Sun Dec 24, 2017 11:29 am
Gender: Male
Location: Somewhere in the time vortex
Contact:

Re: BBCode Templates

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

1
1
1
1
1
1
The great thing about multitasking is that several things can go wrong at once

User avatar
Reyn
Community Mod
Posts: 3655
Joined: Sun Jan 22, 2017 10:59 pm
Location: PARANOiA -respect-
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]

User avatar
Reyn
Community Mod
Posts: 3655
Joined: Sun Jan 22, 2017 10:59 pm
Location: PARANOiA -respect-
Contact:

Re: BBCode Templates

Post by Reyn » Thu Sep 06, 2018 11:52 pm

:// REYN'S COOL TERMINAL CODE
You can put whatever you want in here. Images, more code, spoilers, literally anything.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sapien leo, finibus eget justo id, condimentum vulputate dolor. Sed ullamcorper nulla vel purus tempus, vitae cursus arcu vestibulum. Proin fringilla ullamcorper dignissim. Etiam sagittis volutpat consectetur. Fusce hendrerit, leo ac tristique cursus, dui ante dictum libero, vel dignissim odio ex nec massa. Phasellus nulla odio, tempus et est sed, faucibus pulvinar metus. Quisque ullamcorper eros quis justo finibus, vel pulvinar urna tristique.

Praesent sit amet ipsum metus. In posuere diam metus, at aliquam dolor tincidunt a. Ut condimentum tincidunt nibh vel finibus. Morbi a arcu egestas, viverra justo et, rutrum leo. Vestibulum placerat, diam ac sodales elementum, justo ipsum placerat augue, eget finibus tortor sem vitae sapien. Nullam arcu turpis, aliquet eget ornare vel, fermentum non enim. Sed quis ante nec velit dapibus sagittis quis ut nulla. Aenean porttitor diam eget lectus finibus, vulputate pretium ligula viverra.
C://put cool computery shit here
FILE THING
FILE THING
FILE THING
FILE THING
Duct Tape and String
PUT WHATEVER YOU WANT
>>EXE
>>TXT
>>EXE
>>EXE
>>DIV
>>EXE
Enter Verification Code:

●●●●●●●●●●
|
This is padding.

Code: Select all

[div="background: linear-gradient(to right, black, #131911, black);background-size:100%;padding-top:20px;padding-bottom:20px;font-family:monospace;color:white;border-radius:10px;"]
[div="box-shadow:0px 0px 20px black;margin:auto;width:90%;background-image:url(https://i.imgur.com/kykOVny.gif);background-size:100%;height:500px;border-radius:40px;padding:10px;"]
[div="width:100%;margin:auto;text-align:center;border-bottom:1px white solid;padding-bottom:10px;"][size=150]:// REYN'S COOL TERMINAL CODE[/size][/div]
[div="height:92%;width:60%;float:right;border-left:1px white solid;"]
[div="height:96%;overflow:auto;padding-left:20px;padding-right:20px;float:right;border-bottom:1px white solid;"]You can put whatever you want in here.  Images, more code, spoilers, literally anything.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sapien leo, finibus eget justo id, condimentum vulputate dolor. Sed ullamcorper nulla vel purus tempus, vitae cursus arcu vestibulum. Proin fringilla ullamcorper dignissim. Etiam sagittis volutpat consectetur. Fusce hendrerit, leo ac tristique cursus, dui ante dictum libero, vel dignissim odio ex nec massa. Phasellus nulla odio, tempus et est sed, faucibus pulvinar metus. Quisque ullamcorper eros quis justo finibus, vel pulvinar urna tristique.

Praesent sit amet ipsum metus. In posuere diam metus, at aliquam dolor tincidunt a. Ut condimentum tincidunt nibh vel finibus. Morbi a arcu egestas, viverra justo et, rutrum leo. Vestibulum placerat, diam ac sodales elementum, justo ipsum placerat augue, eget finibus tortor sem vitae sapien. Nullam arcu turpis, aliquet eget ornare vel, fermentum non enim. Sed quis ante nec velit dapibus sagittis quis ut nulla. Aenean porttitor diam eget lectus finibus, vulputate pretium ligula viverra.[/div]
[div="text-align:center;"][b]C://put cool computery shit here[/b][/div]
[/div]
[div="float:left;width:39%;padding-left:5px;height:72%"][div="width:80%;float:right;border-left:white 1px solid;height:100%"][tab=5][/tab]FILE THING
[tab=5][/tab]FILE THING
[tab=5][/tab]FILE THING
[tab=5][/tab]FILE THING
[tab=5][/tab]Duct Tape and String
[tab=5][/tab]PUT WHATEVER YOU WANT
[/div]
>>EXE
>>TXT
>>EXE
>>EXE
>>DIV
>>EXE[/div]
[div="float:left;width:39.85%;border-top:white 1px solid;padding-top:20px;text-align:center;"]
Enter Verification Code:


[div="border:white 1px solid;padding:5px;display:inline;"]●●●●●●●●●●[div="background-image:url(https://i.imgur.com/izIMHOO.gif);background-position:center;-webkit-background-clip: text;color: transparent;display:inline"][b]|[/b][/div][color=transparent][size=85]This is padding.[/size][/color][/div]
[/div][/div][/div]

reyn made this.
(please credit me if you use this one, i bled for this)

Post Reply

Who is online

Users browsing this forum: No registered users and 1 guest