Tutorial RpNation - BBCode+ Guide

[Dragon Slayer Arcos]

What is the purpose of the username and password input fields/codes the OP can code into their RP?
And on that general thought line, what is the purpose of the Pin function?

While these are cool, I am curious on what they can really be used for so maybe I can incorporate them into my Roleplays if I should so choose.

 

[Lyro]

What is the purpose of the username and password input fields/codes the OP can code into their RP?
And on that general thought line, what is the purpose of the Pin function?

While these are cool, I am curious on what they can really be used for so maybe I can incorporate them into my Roleplays if I should so choose.

I didn't really make these with an objective in mind, but off the top of my head, those could all be used to create a puzzle for players to solve, for example. Or, you could create a utility for a RP, like a random name generator that fits the language of the setting. The point of these examples isn't so much to re-use them in an RP, it's more to show what BBCode+ allows for.

 

[Dragon Slayer Arcos]

I didn't really make these with an objective in mind, but off the top of my head, those could all be used to create a puzzle for players to solve, for example. Or, you could create a utility for a RP, like a random name generator that fits the language of the setting. The point of these examples isn't so much to re-use them in an RP, it's more to show what BBCode+ allows for.

Oh, ok. Cool! I am really excited to work with the CSG! Should make things so much easier instead of C/P and formatting getting messed up

 

[Dragon Slayer Arcos]

Lyro When I code the tabs, it works pretty well..but when I move along the tabs then go back to the default first tab, the information doesn't show even though it was there originally before I clicked on other tabs. Is this a glitch or a did I do something wrong?

 

[Lyro]

Lyro When I code the tabs, it works pretty well..but when I move along the tabs then go back to the default first tab, the information doesn't show even though it was there originally before I clicked on other tabs. Is this a glitch or a did I do something wrong?

It seems to work fine in the provided example; can you send me your code by PM?

I've copied it below again to check:

[class=tabs] background-color: #509cf7; border-radius: 5px; box-shadow: 0px 0px 5px #000088; box-sizing: border-box; color: #e4eeff; font-size: 18px; font-weight: bold; line-height: 1; margin: 20px auto; min-width: 350px; text-align: center; width: 50%; [/class] [class=tab] box-sizing: border-box; cursor: pointer; display: inline-block; padding: 10px 0; width: 33%; [/class] [class name=tab state=hover] background-color: #2b7abb; [/class] [script class=tab on=click] hide tabsContent set currentTab (getText) if (eq ${currentTab} Information) (show tabsContentInformation) if (eq ${currentTab} Rules) (show tabsContentRules) if (eq ${currentTab} Characters) (show tabsContentCharacters) [/script] [div class=tabs][div class=tab style="border-top-left-radius: 5px; border-bottom-left-radius: 5px;"]Information[/div][div class=tab]Rules[/div][div class=tab style="border-top-right-radius: 5px; border-bottom-right-radius: 5px; width: 34%;"]Characters[/div][/div] [div class="tabsContent tabsContentInformation"]Some general information about Generic RP #42.[/div] [div class="tabsContent tabsContentRules" style="display: none;"]A few rules you should follow in this roleplay.[/div] [div class="tabsContent tabsContentCharacters" style="display: none;"]Create your character using the provided character generator.[/div]

 

[Lyro]

Also, an announcement: if all goes well, I will stream an introduction to BBCode+ tomorrow at 14:00 EST (19:00 UTC, 20:00 locally). I will go over the fundamentals of the new system while answering questions and taking requests in chat. I am not sure how long I will be streaming for, but hopefully at least an hour or two.

Twitch Channel below:



(be kind, this will be my first live stream)

 

[ewolf20]

i missed

 

[Alteras]

Lyro Will we ever get boolean logic for our if statements? I figured out how to do AND gates and I think I know how to do OR gates using only inc dec and a lot if statements, but I would love to know if there will be a normal boolean logic gate like &&.

Edit: also, will we get a != logic statement?

 

[Lyro]

i missed

You haven't missed it yet. It's today (Sunday) at 14:00 EST.

Lyro Will we ever get boolean logic for our if statements? I figured out how to do AND gates and I think I know how to do OR gates using only inc dec and a lot if statements, but I would love to know if there will be a normal boolean logic gate like &&.

Edit: also, will we get a != logic statement?

I'd like to implement all that, but I'd need to implement the back-end better for that. So I'll first see how much people use BbScript and then decide, based on my available time. As it stands, it's also limited by its regex parser - for example, you can't nest calls to functions right now.

 

[ewolf20]

Okay then.

 

[Lyro]

The stream recording is up. You can view it below (make sure to skip the first few minutes):



I have also posted the code here: Resource - Character Name Generator

Thank you to all who attended! I hope I was clear and that I managed to clarify some things.

 

[Woebegone]

Quick question: just tried out using transition delays in a workshop post of mine and it worked!

But, when I tried to use "z-index" to overlap the content I want, it simply disappeared. Are z-indexes not supported by bbcode+?

PS: I watched the stream. Thanks for the info!

 

[Lyro]

Quick question: just tried out using transition delays in a workshop post of mine and it worked!

But, when I tried to use "z-index" to overlap the content I want, it simply disappeared. Are z-indexes not supported by bbcode+?

PS: I watched the stream. Thanks for the info!

z-indexes are supported, but there were some z-index changes in the site's CSS, so some adjustments may be necessary. If you send me the code, I can take a look.

 

[Hoax]

Would it be alright if I crept through the code for that sidebar? I'd love to learn to make that sort of thing, but if you're not cool with that I shall stay away~

 

[Lyro]

Would it be alright if I crept through the code for that sidebar? I'd love to learn to make that sort of thing, but if you're not cool with that I shall stay away~

All of my codes and posts are free to use without credit (WTFPL license basically). Go ahead!

 

[Hoax]

All of my codes and posts are free to use without credit (WTFPL license basically). Go ahead!

Yay! Thank ye kindly

 

[vliamint]

Lyro Is there a way to make the tab you clicked on stay a different colour whilst you're on it? If that makes sense. So if I click on the Rules tab in your example, would there be a way to make it red whilst clicked on and revert to normal when you click on a different tab? ;-;;

 

[Lyro]

Lyro Is there a way to make the tab you clicked on stay a different colour whilst you're on it? If that makes sense. So if I click on the Rules tab in your example, would there be a way to make it red whilst clicked on and revert to normal when you click on a different tab? ;-;;

Yes you could do this by defining a class for the active tab (e.g. activeTab) and calling "addClass activeTab" when it's clicked on (and removeClass when you switch tabs).

Currently, however, these two functions are bugged and will not properly add/remove classes. I have fixed this but the fix still needs to be added to RpNation. I will post in this thread once the fix is available. The issue is now fixed.

 

[Lyro]

The bug discovered during the stream has been fixed. You can now use the addClass and removeClass functions as intended.

 

[vliamint]

Lyro would you be able to briefly explain how to use the addClass/removeClass functions, as in their placement within code? I understand what they do, I just don't know how to implement it. Sorry for all the questions!

 

[Lyro]

Lyro would you be able to briefly explain how to use the addClass/removeClass functions, as in their placement within code? I understand what they do, I just don't know how to implement it. Sorry for all the questions!

Here's an example:

[script class=clickme on=click] addClass red setText "Look at me, I'm red now!" [/script] [class=red] color: red; [/class] [div class=clickme style="cursor: pointer; font-weight: bold;"]Click me so that I can be red![/div]

[nobr]
    [script class=clickme on=click]
        addClass red
        setText "Look at me, I'm red now!"
    [/script]

    [class=red]
        color: red;
    [/class]

    [div class=clickme style="cursor: pointer; font-weight: bold;"]Click me so that I can be red![/div]
[/nobr]

 

[Hoax]

I feel a lil' silly asking this, but is there a way to add spaces to tab titles that I'm missing? I'm trying to add extra tabs and I noticed that single or connected words work fine, but adding a space gives me an error and breaks the code.

 

[Lyro]

I feel a lil' silly asking this, but is there a way to add spaces to tab titles that I'm missing? I'm trying to add extra tabs and I noticed that single or connected words work fine, but adding a space gives me an error and breaks the code.

Yes, just use double quotes (") to surround your tab text (e.g. a tab titled Some Information would require that you compare against "Some Information" in your equality test). This is because by default the BBScript parser splits on whitespace; adding double quotes prevents that.

 

[Hoax]

Yes, just use double quotes (") to surround your tab text (e.g. a tab titled Some Information would require that you compare against "Some Information" in your equality test). This is because by default the BBScript parser splits on whitespace; adding double quotes prevents that.

Ahh perfect, thank you! I knew it had to be something simple.

 

[Woebegone]

Lyro , quick question about tabs: I made use of your tab coding on my lore page. I managed to make it functional and all, but when I started moving from tab to tab, it kept displacing itself. It gets higher from tab 1 to tab 10. I tried to manually code it out and it seemed to work at first but I learned that the way it is right now is still not a good fix since in other screens, I can see the displacement still happening.

Is there anyway to make the tabContent to be properly marginalized without manually doing so? Thanks in advance!