runouw.com

Oh, ho ho. Just for you, Shade. Properly absolutely positioned images that stay within the given post/sig. I present:

---

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!

...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.)

I had an idea for our RP bbcodes.... *cough*

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

---

Introducing: HTML Symbol BBCode!

---

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




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.)

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:

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.

---

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!

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]

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])

I can read now wrote:You can see an RP

OOC: 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).


If all this does not look right at all, please clear your cache. (Hold shift while reloading on Firefox.)