Text Templater
a plain text template to form field generator
As a small side project, I decided to create the Text Templater, a website designed to take plain text with special syntax and generate a form for users to be able to fill out. The idea is that BBCoders will create a template text...
You just had some extraneous tags at the end of the code. The preview looked fine on my end
If there are issues with your players posting inaccessible CS, always feel free to ask them to repost it in plain text. As a GM its well within your authority to do so.
Doesn't sound like character limit issue. Usually that means a bbcode tag forgot to be closed somewhere. I would recommend scanning through carefully to make sure your bbcode tags aren't opening and closing in the wrong order.
You should probably break your character sheets into separate posts...
vertical-align is for aligning things in the same line as normal text, stuff like inline icons.
To get the text center, you'd probably have to add display: flex; flex-flow: column; justify-content: center.
The common method is to get a box and put a div inside and slide it up to the border. something like:
fa-solid fa-scissors fa-2x
fa-solid fa-scissors fa-2x
General recommendation: Avoid clumping multiple CS's into the same post. It makes it difficult to navigate and share the individual characters, and if you want to edit it, can be difficult to find the right section to change. It's also easy to mess up the code somewhere and inadvertently mess...
Here's an old tutorial i made on CSS variables. Resource - CSS Variables and Calc()
You can also search online for CSS variables. MDN has a great guide on it. Using CSS custom properties (variables) - CSS: Cascading Style Sheets | MDN
Mainfa-caret-right fa-fwLayout & Design
fa-cubes fa-fw fa-2x
Line Break
Purpose
The Line Break tag forces a HTML line break in the code. This allows users to decide when a line break occurs instead of via enter. This will override
Examples & Codes
line 1
line 2
line 4
line 5
Lorem ipsum...
Mainfa-caret-right fa-fwLayout & Design
fa-cubes fa-fw fa-2x
No Line Break
Purpose
The No Line Break tag disables the auto conversion of line breaks into actual text breaks. This allows more complex code to be made easier to read when typing while preserving its intended look. This also gives...
oh, you're just missing a [/border] before your text. Your image is being set by the background property, so that's why it is being overlapped by the text. Close off the image to make it its own box and let the height handle it.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut...
With BBCode, you got two routes, stick to the spirit of BBCode and use the tags the way they were intended, or apply jank. The BBCode parser has a lot of gaps to actually just add inline style CSS. So you can apply your CSS skills to it (we call it CSS Injection). Everything is all inline, so...
you can probably just add 100% to it like so:
{slide=Slide 1}
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer aliquam posuere mollis. Vivamus a urna ornare, commodo elit id, ullamcorper risus. Fusce vitae dapibus ex. Nunc consequat ligula vitae magna cursus tincidunt. Sed...