• When posting, please be aware that artistic nudity is still nudity and not allowed under RpNation rules. Please edit your pictures accordingly!

    Remember to credit artists when using work not your own.

Help Need a little help with tables.

Hyde

Princeling
I'm notoriously incredible untalented with BBCode. That hasn't stopped me from trying anyway for some god forsaken reason. Anyway, I'm trying to create an interest check using the following format as a word bank. I was wondering if there was a way to make the table smaller somehow? And possibly remove the border or change the color. Thank you kindly in advance to anyone who can help.

word • word • word • word • word • word
 

Primula

Prim, not proper.
Supporter
I'm notoriously incredible untalented with BBCode. That hasn't stopped me from trying anyway for some god forsaken reason. Anyway, I'm trying to create an interest check using the following format as a word bank. I was wondering if there was a way to make the table smaller somehow? And possibly remove the border or change the color. Thank you kindly in advance to anyone who can help.

word • word • word • word • word • word
Hiya!
I'm not sure if this is what you meant, but here's a non-table alternative to what you described. No borders, small-profile, and you can customize them however you see fit.
Important note: Always have "[comment][font=YourDesiredFontNameHere].[/font][/comment]" before the "[border=0px; somethingsomething;]" part. Otherwise the font you picked might not render.

It should look something like this:
Action • Adventure • Anime • Drama • Fantasy • Political


Code:
[comment][font=Abel].[/font][/comment][border=0px; margin: 10px auto 0; padding: 0; width: 100%; max-width: 1200px; font-size: 0.5em; text-align: center; color: var(--textcolor); font-family: 'Abel'; text-transform: uppercase; opacity: 0.7;]Action • Adventure • Anime • Drama • Fantasy • Political[/border]


Hope this helps!
Your friendly neighbor,
Primula
 

Hyde

Princeling
Hiya!
I'm not sure if this is what you meant, but here's a non-table alternative to what you described. No borders, small-profile, and you can customize them however you see fit.
Important note: Always have "[comment][font=YourDesiredFontNameHere].[/font][/comment]" before the "[border=0px; somethingsomething;]" part. Otherwise the font you picked might not render.

It should look something like this:
Action • Adventure • Anime • Drama • Fantasy • Political


Code:
[comment][font=Abel].[/font][/comment][border=0px; margin: 10px auto 0; padding: 0; width: 100%; max-width: 1200px; font-size: 0.5em; text-align: center; color: var(--textcolor); font-family: 'Abel'; text-transform: uppercase; opacity: 0.7;]Action • Adventure • Anime • Drama • Fantasy • Political[/border]


Hope this helps!
Your friendly neighbor,
Primula
This looks lovely. Thank you for the fix!
 

weldherwings

(^∀^●)ノシ
Supporter
Just also throwing it out there!
if you're looking to change the color of the border, then you'd add in a width stroke + color.
for example, instead of border=0you might do border=1px solid red which would make this;



or if you did border=10px solid #e2e2e2



To make the table smaller, you'd need to change the width and height. you do this by simply adding width:px amount and height: px amount
for example, this is what a 100px by 100px with a red 1px border looks like;

[border=1px solid red; width:100px; height:100px][/border]



if you're unsure of the height of the table as you have a fair amount of text, you can simply add height:fit-content.

In addition, if you're changing the font colour of your text, remember to put in a background color as some users might not be able to see the font otherwise (for example, I use light mode and couldn't see anything you wrote in your table). you can do this by adding background:colour here

so, for an example; this will be a 100px x 100px box with a pink background, with a 10px grey border and white font;

[border=10px solid #e2e2e2; width:100px; height:100px; background:pink; color:white]hello there![/border]

hello there!


i hope this also helps in some way!
 

weldherwings

(^∀^●)ノシ
Supporter
Oh! and a final addition even though I know you didn't ask but it'll be handy -- to center the table in the page, add margin:auto
for example; [border=10px solid #e2e2e2; width:100px; height:100px; background:pink; color:white; margin:auto]hello there![/border]

hello there!
 

Users who are viewing this thread

Top