BBCodes List
Re: BBCodes List
Thumbs up x2 
by Doram » November 5th, 2015, 5:26 pm
Oh, ho ho. Just for you, Shade. Properly absolutely positioned images that stay within the given post/sig. I present:
absimg
Usage:
Example:
.
.
.
.
Notes:
Numbers are in pixels. All instances of the BBCode must be all on the same line to make the images line up properly, and there must be something else in the post to extend the "canvas" to be big enough to hold the design. In this case, I used the color code to hide some periods making enough room.
This took a while to figure out too, because I was originally trying to have the relatively positioned anchor be the size of a canvas, and set up with another tag, but the fact that it was another tag was screwing up the effect. phpBB was screwing with my DOM. Doram shakes his fist at phpBB. then I tried to do it with JavaScript, which failed utterly. Doram shakes his fist at JavaScript. So, I got back to basics, and decided to just bruteforce the thing. What I ended up doing was making a 0px by 0px relative anchor for each image, which just stacks on top of each other in the top-left if everything's on the same line, and put it all in the same BBCode, so the BBCode stacking couldn't make the DOM hiccup... Doram celebrates!
absimg
Usage:
- Code: Select all
[absimg top=number left=number]URL[/absimg]
Example:
- Code: Select all
[absimg top=0 left=0]http://i.imgur.com/WSjNauZ.png[/absimg][absimg top=13 left=25]http://i.imgur.com/WSjNauZ.png[/absimg][absimg top=26 left=0]http://i.imgur.com/WSjNauZ.png[/absimg][absimg top=0 left=50]http://i.imgur.com/WSjNauZ.png[/absimg][absimg top=13 left=75]http://i.imgur.com/WSjNauZ.png[/absimg][absimg top=26 left=50]http://i.imgur.com/WSjNauZ.png[/absimg]
[color=#444]
.
.
.
.
[/color]
.
.
.
.
Notes:
Numbers are in pixels. All instances of the BBCode must be all on the same line to make the images line up properly, and there must be something else in the post to extend the "canvas" to be big enough to hold the design. In this case, I used the color code to hide some periods making enough room.
This took a while to figure out too, because I was originally trying to have the relatively positioned anchor be the size of a canvas, and set up with another tag, but the fact that it was another tag was screwing up the effect. phpBB was screwing with my DOM. Doram shakes his fist at phpBB. then I tried to do it with JavaScript, which failed utterly. Doram shakes his fist at JavaScript. So, I got back to basics, and decided to just bruteforce the thing. What I ended up doing was making a 0px by 0px relative anchor for each image, which just stacks on top of each other in the top-left if everything's on the same line, and put it all in the same BBCode, so the BBCode stacking couldn't make the DOM hiccup... Doram celebrates!
Martin Luther King Jr. wrote:Man must evolve, for all human conflict, a method which rejects revenge, aggression, and retaliation.
The foundation of such a method is love.
-
Doram - Global Moderator
- Posts: 1524
- Joined: February 22nd, 2010, 7:37 pm
- Location: Wherever I'm needed.
Cookie - Thumbs Up given: 153 times
- Thumbs Up received: 471 times
Re: BBCodes List
by Doram » December 1st, 2015, 3:11 pm
...and then they wrote:But Doram. That's just for images. I need something that will let me put my text in specific places. And I don't want it too complicated either.
Well, Ok. Here's a spacer that you can set BOTH dimensions on, and make it take up whatever volume you want...
pxspacer
Usage:
- Code: Select all
[pxspacer width={NUMBER1} height={NUMBER2}][/pxspacer]
Example:
- Code: Select all
Text[pxspacer width=50 height=1][/pxspacer]Text[pxspacer width=100 height=1][/pxspacer]Text
text
[pxspacer width=1 height=50][/pxspacer]
text
[pxspacer width=1 height=100][/pxspacer]
text
TextTextText
text
text
text
Notes:
Numbers are in pixels. It creates an empty image that is stretched to whatever dimensions you want, so consider it [spacer] perfected. Instant dramaspace!!!
Also note that this does NOT allow for overlap, unlike absimg. This is an image that takes up the specified volume on the page, and nothing else can exist there. It will let you specify empty space between text or images, horizontally or vertically. (Thus, for example, you can create dramaspace without a ton of blank lines. Simply width=1 height=1000.)
Martin Luther King Jr. wrote:Man must evolve, for all human conflict, a method which rejects revenge, aggression, and retaliation.
The foundation of such a method is love.
-
Doram - Global Moderator
- Posts: 1524
- Joined: February 22nd, 2010, 7:37 pm
- Location: Wherever I'm needed.
Cookie - Thumbs Up given: 153 times
- Thumbs Up received: 471 times
Re: BBCodes List
by Doram » September 23rd, 2016, 10:48 am
I had an idea for our RP bbcodes.... *cough*
I said, I had an idea.... Oh, that's better.
Have fun!
Have fun!
- Code: Select all
[ideabubble]Whatever text you want[/ideabubble]
Martin Luther King Jr. wrote:Man must evolve, for all human conflict, a method which rejects revenge, aggression, and retaliation.
The foundation of such a method is love.
-
Doram - Global Moderator
- Posts: 1524
- Joined: February 22nd, 2010, 7:37 pm
- Location: Wherever I'm needed.
Cookie - Thumbs Up given: 153 times
- Thumbs Up received: 471 times
Re: BBCodes List
Thumbs up x3
by Doram » October 20th, 2016, 11:25 am
Well, I was typing in [sup]TM[/sup] for the millionth time when I thought to myself:
Then I remembered that I was a Glomo....
There's two of them, depending on how hardcore you want to get:
[symbol]
This allows you to use any HTML Entity Name (the text ones) to put an entity symbol into the text. I have also added a couple of extra shortcuts to the thing so you can use just "c" for copyright or "r" for registered.
Basic Format:
Example:
Results in
Well, for you guys, we have this:
[symbolhash]
This allows you to use any decimal or hexadecimal Unicode Character Number to insert a symbol. For hex codes, put an x in front.
Basic Format:
Example:
Results in
Math fans can finally enjoy their 8754 , 8772 , and 8808 .
Music fans can finally enjoy their 9835 , 9837 , and 9838 .
Funposters enjoy your 9760 , 9762 , and 9763 .
And everyone, from to to to can consider themselves because they can sit back and enjoy some and .
(And to look up all these glorious new options, start your search here.)
I wish I had a way to just put HTML entity symbols into a post.
Then I remembered that I was a Glomo....
There's two of them, depending on how hardcore you want to get:
[symbol]
This allows you to use any HTML Entity Name (the text ones) to put an entity symbol into the text. I have also added a couple of extra shortcuts to the thing so you can use just "c" for copyright or "r" for registered.
Basic Format:
- Code: Select all
[symbol]entityname[/symbol]
Example:
- Code: Select all
[size=300][symbol]c[/symbol][symbol]r[/symbol][symbol]copyright[/symbol][symbol]euro[/symbol][symbol]yen[/symbol][symbol]alefsym[/symbol][/size]
Results in
But what if I want to use boxdraw characters because I'm retro AND badass?
Well, for you guys, we have this:
[symbolhash]
This allows you to use any decimal or hexadecimal Unicode Character Number to insert a symbol. For hex codes, put an x in front.
Basic Format:
- Code: Select all
[symbolhash]number[/symbolhash]
Example:
- Code: Select all
[font=Courier][size=189]
[symbolhash]9556[/symbolhash][symbolhash]9552[/symbolhash][symbolhash]9552[/symbolhash][symbolhash]9574[/symbolhash][symbolhash]9552[/symbolhash][symbolhash]x2564[/symbolhash][symbolhash]9559[/symbolhash]
[symbolhash]9567[/symbolhash][symbolhash]x2500[/symbolhash][symbolhash]x2500[/symbolhash][symbolhash]9570[/symbolhash] [symbolhash]x2502[/symbolhash][symbolhash]9553[/symbolhash]
[symbolhash]9562[/symbolhash][symbolhash]9552[/symbolhash][symbolhash]9552[/symbolhash][symbolhash]9577[/symbolhash][symbolhash]9552[/symbolhash][symbolhash]9575[/symbolhash][symbolhash]9565[/symbolhash]
[/size][size=500][symbolhash]9757[/symbolhash][/size][/font]
Results in
Math fans can finally enjoy their 8754 , 8772 , and 8808 .
Music fans can finally enjoy their 9835 , 9837 , and 9838 .
Funposters enjoy your 9760 , 9762 , and 9763 .
And everyone, from to to to can consider themselves because they can sit back and enjoy some and .
(And to look up all these glorious new options, start your search here.)
Awesome new BBCode?
Martin Luther King Jr. wrote:Man must evolve, for all human conflict, a method which rejects revenge, aggression, and retaliation.
The foundation of such a method is love.
-
Doram - Global Moderator
- Posts: 1524
- Joined: February 22nd, 2010, 7:37 pm
- Location: Wherever I'm needed.
Cookie - Thumbs Up given: 153 times
- Thumbs Up received: 471 times
Re: BBCodes List
Thumbs up x1
by Doram » November 1st, 2016, 7:14 pm
Have you ever been roleplaying, and wanted to show a tic-tac-toe board? *cough Astra*
Well, want no more!
And, best of all, this puppy's FUNCTIONAL!
The basic code works like this:
Now, that lovely string of characters can be simply a set of Xs and Os , or whatever you want, like so:
And in that case, it looks mighty nice. You will first notice that "=", and following it is an "l", and that stands for left float. Options there include "l" for left float, "r" for right float", "c" for center, and "n" for normal. This means that you can float your game to the side of text.
You will then notice that I have put placeholders in there for blank spaces with periods, but they could just as easily be stars (*), underscores (_), or spaces ( ). Whatever is easier for you to see or remember. You will also note that the symbols go in order (and can technically be anything).
Now, all of those examples have purely just 9 characters for the 9 positions on the board, but that's not all this puppy can do. You can, in fact, highlight a square - any one of them, and any number of them at the same time. Simply put "h" in front of any position, and that square will be highlighted. It can even be an empty space. For example:
AND, this baby is FULLY Functional. Guess what happens if you try to display a board with a winning move?
Why it highlights the winning squares automatically, AND it doesn't matter what characters you use, it will still recognize three in a row.
So, There you have it. Feel free to play some tic-tac-toe yourselves, and enjoy the little touch of fun that I've always found it to be.
ANNOUNCEMENT: OJ Had a Great Idea - SUDOKU!
Introducing 3 new alignments: "sl", "sc", and "sr" (sudoku left, sudoku center, and sudoku right) Put these puppies together, and stack it all on ONE line!
Well, want no more!
And, best of all, this puppy's FUNCTIONAL!
The basic code works like this:
- Code: Select all
[tictactoe=n]string of characters[/tictactoe]
Now, that lovely string of characters can be simply a set of Xs and Os , or whatever you want, like so:
- Code: Select all
[tictactoe=l]O.O.X...X[/tictactoe] [tictactoe=r]123456789[/tictactoe]
And in that case, it looks mighty nice. You will first notice that "=", and following it is an "l", and that stands for left float. Options there include "l" for left float, "r" for right float", "c" for center, and "n" for normal. This means that you can float your game to the side of text.
You will then notice that I have put placeholders in there for blank spaces with periods, but they could just as easily be stars (*), underscores (_), or spaces ( ). Whatever is easier for you to see or remember. You will also note that the symbols go in order (and can technically be anything).
Now, all of those examples have purely just 9 characters for the 9 positions on the board, but that's not all this puppy can do. You can, in fact, highlight a square - any one of them, and any number of them at the same time. Simply put "h" in front of any position, and that square will be highlighted. It can even be an empty space. For example:
- Code: Select all
[tictactoe=c]X*O*hXOh***[/tictactoe]
AND, this baby is FULLY Functional. Guess what happens if you try to display a board with a winning move?
- Code: Select all
[tictactoe=l]X_O_X_OOX[/tictactoe][tictactoe=l]o_x__xoox[/tictactoe][tictactoe=l]__abbbaa_[/tictactoe]
Why it highlights the winning squares automatically, AND it doesn't matter what characters you use, it will still recognize three in a row.
So, There you have it. Feel free to play some tic-tac-toe yourselves, and enjoy the little touch of fun that I've always found it to be.
Introducing 3 new alignments: "sl", "sc", and "sr" (sudoku left, sudoku center, and sudoku right) Put these puppies together, and stack it all on ONE line!
- Code: Select all
[tictactoe=sl]123456789[/tictactoe][tictactoe=sc]456789123[/tictactoe][tictactoe=sr]789123456[/tictactoe][tictactoe=sl]231564897[/tictactoe][tictactoe=sc]564897231[/tictactoe][tictactoe=sr]897231564[/tictactoe][tictactoe=sl]312645978[/tictactoe][tictactoe=sc]645978312[/tictactoe][tictactoe=sr]978312645[/tictactoe]
Martin Luther King Jr. wrote:Man must evolve, for all human conflict, a method which rejects revenge, aggression, and retaliation.
The foundation of such a method is love.
-
Doram - Global Moderator
- Posts: 1524
- Joined: February 22nd, 2010, 7:37 pm
- Location: Wherever I'm needed.
Cookie - Thumbs Up given: 153 times
- Thumbs Up received: 471 times
Re: BBCodes List
by Doram » October 30th, 2017, 9:08 pm
Remember [info] and [warn]? No? Well, here they are again. And, you will notice, that I have now fixed the styling for it so that you can actually READ [rp] when it is used inside [info] and [warn] (and also inside [quote])
For reference, this is RP outside all that stuff (as compared to regular text).
If all this does not look right at all, please clear your cache. (Hold shift while reloading on Firefox.)
I can read now wrote:You can see an RPOOC: OOC is still fine
And regular text flips appropriately still.
| i | You can see an RP OOC: OOC is still fine And regular text flips appropriately still. |
| ! | You can see an RP OOC: OOC is still fine And regular text flips appropriately still. |
For reference, this is RP outside all that stuff (as compared to regular text).
OOC: ...and ooc.
If all this does not look right at all, please clear your cache. (Hold shift while reloading on Firefox.)
and spoiler needed no updating, of course...: show
Martin Luther King Jr. wrote:Man must evolve, for all human conflict, a method which rejects revenge, aggression, and retaliation.
The foundation of such a method is love.
-
Doram - Global Moderator
- Posts: 1524
- Joined: February 22nd, 2010, 7:37 pm
- Location: Wherever I'm needed.
Cookie - Thumbs Up given: 153 times
- Thumbs Up received: 471 times
16 posts
• Page 2 of 2 • 1, 2