BBCODE Suggestions

  • Welcome to Umbra Roleplaying! We are an 18+ multi-genre roleplaying and writing community open to writers of all types. Sign up today to have access to our forums and join our other talented members!

    After signing up, be sure to check your spam folder for our confirmation email. Due to the nature of most email servers' filters, emails from Umbra are often incorrectly marked as spam. Don't forget to check your spam folder and mark our emails as safe so you can continue to receive emails and notifications from your new roleplaying home!
  • Hi there Guest! It looks like you haven't verified your email just yet - you should receive a notification from umbraroleplaying@gmail.com (it may go to your spam) with a link to click. Once you do that, this notice will disappear!
  • Hi there Guest. As a reminder - when you are updating/editing your threads in the Requests areas - it is sent to our approval queue to be checked against our site rules. It will take about 24 max to approve and post. Questions can be sent to Auntie Angel!
  • Hi there Guest! This message is to let you know that leadership is aware there is an error in the posting of badges - that the image links themselves are broken. Rei is working to move the items to a different img host, but it may take a little while for the transition to be complete.
Welcome to Umbra Roleplaying!
We are an 18+ multi-genre roleplaying and writing community open to writers of all types.
Click to sign up!
While pouring through the coding available, I've come up with a list of different coding that would be optimal to add. Most of this is for aesthetics, organization, and some just for preference.

  • Columns ( ability to add up to 4 columns per post. Works similar to how the coding for Tabs work )
  • Float Text/Img ( Allows for text to wrap around an Img )
  • Boarders ( color, thickness, style )
  • Backgrounds ( colors behind text/images. Within boarders )
  • Dividers
  • Scroll bars ( VERY USEFUL )
  • Blocks ( They used to be called something different, but here's a link of what I mean. Click Me )
  • FontAwesome ( Click Me )
  • Tooltips

That's it for now. I'm sure there are more, but I also want to keep things rather simple. I would also like to note, avoiding DIVs at all possible will make this all very user friendly.
 
Last edited:
Thank you for the suggestions, m'dear.

I'm always up for adding more BBCode to the site to improve user experience and options. Do keep in mind that I may not be able to add everything on your list as it depends greatly on the ease of integration and add-on compatibility (assuming I'm sifting through actual add-ons and not just uploading XML files).

Some I may be iffy on adding for my own personal reasons. If there is something I will not be adding to the site, I will let you know in this thread so others can know my reasonings as well.

All that nonsense being said, some of these are already on my "to-do" list. They'll come in time so just be patient with your dear old Nev.
 
  • Like
Reactions: tomuyan and Dao Ma
Columns Testing

[columns=3]Left

Center

Right[/columns]

Code:
[columns=3]Left
 
Center
 
Right[/columns]

Note on Column BBCode:
1. Will not show up properly on "Preview Post." Dunno why, but it does appear correctly once the post is made live so I suppose that is something.​

As for "dividers," I'm not sure quite what you mean, but we already have horizontal line dividers if that's what you're talking about.



If so:

Code:
[hr][/hr]
 
Technically speaking, no BBCode is actually necessary. But I enjoy BBCode quite a bit and I know others do as well, so I want to do what I can to enhance user experience.

It might just take me a minute to get everything (or at least most things) in place, so I hope that's all right. ❤
 
Float Code Testing

3217245.jpg
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.







3217245.jpg
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.





Code:
[float_right][img]IMAGE URL[/img][/float_right]BEGIN PARAGRAPH HERE

Code:
[float_left][img]IMAGE URL[/img][/float_left]BEGIN PARAGRAPH HERE
 
  • Like
Reactions: Candi Cosmo
Thank you. You rock.

As I'm looking at the list, I see we do have background color for text, kinda. I've never tried using it for images so I don't know if it'll work, but for text there's this:

[bcolor=#999999]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.[/bcolor]

Not sure if that's exactly what you're looking for as it's more of a highlight than an actual background. BUT it is really nifty when you want to create "documents" that have redacted information. So. There's that.

...I'll keep doing some research, though.
 
Right, I see what you're saying. We'll go piece by BBCode piece and see what I'm capable of conjuring up, for sure. I did find a few codes for older versions of Xenforo that are now currently incompatible, sadly, so WE WILL SEE. Like I said, I'll let you know if anything isn't possible.

Sweet fucking signature, by the way. Love it.
 
  • Like
Reactions: Genak
The tags themselves don't mean anything if there isn't coding to let the tags know what they're supposed to be doing. Alas, as much as I wish I knew all the things, I'm not a programmer, so I'm dependent upon smarter individuals already having created the coding and then I use the bumpkin knowledge I do have to install it and make it function correctly. I could have the tags be [monkeybone][/monkeybone] if I wanted. It would just be very silly.

Maybe someday I will learn how to make bbcodes myself and then this site will be a gigantic mess of color and awesomeness. I'm just not quite there yet.
 
Testing Scrolling Box (Vertical Scroll)

[BOX=50]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.[/BOX]

Code:
[box=50]INSERT TEXT HERE[/box]

Note on Scrolling Box: Numerical Value must be set. This will determine the height (in pixels) of the box. The greater the number, the bigger the box. The box above has a value of 50, however, if we change the value to 100 it looks like this:

[BOX=100]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.[/BOX]

Further testing suggests scrolling boxes will function on mobile but the scrolling bar will not be immediately visable. Users will have to use their finger to move text within the box.
 
Testing Font Awesome

[fa]camera[/fa]

[fa]tree[/fa]

[fa]arrow-right[/fa]

Notes on Font Awesome:
  • Can be modified using font size and color bbcodes.
  • Supposedly over 500 Font Awesome Icons are available. There is no full list available on Umbra, but can test which icons show up by checking out the Font Awesome Icon list here: https://fontawesome.com/v4.7.0/icons/
Code:
[fa]INSERT NAME OF FONT AWESOME ICON[/fa]
 
Any chance of CSS becoming available?

Hey Quill, I think you're asking if there will ever be an opportunity for CSS to be plugged in directly to the site and then have it rendered in your posts? Apologies if I misinterpreted, feel free to correct me.

If that is what you're asking though, currently the answer is no. Just getting various kinds of BBCode functional is a job all its own, and implementing something that would allow raw CSS on the site is way above my paygrade (meaning I work on this site for free and am not a programmer whatsoever so... yikes on me).

If that were something feasible that I was interested in pursuing, it wouldn't be for a long, long time.