Roach

STRONG AND S[TABLE] – Advanced BBCode Hacks 2

▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅

▅▅▅▅▅

4. Things You Can Do
4. Things You Can Do

Assuming that you have now read the previous sections of this guide (or at least the 3rd part on hiding lines), I can now showcase two more advanced techniques: how to use[row]tags to make headers with images, and how to make the closest thing to text wrap that you can on the Guild. There is not much need to demonstrate these in the step-by-step manner used previously. I will give brief descriptions and explanations of a template, but they are more to show you that you can do this thing. If you have any further problems, feel free to message me.

▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅

▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅

A. Custom Table Headers

Three things that should be noted when you put plain text in the[row]tags outside of a[cell]are as follows: It will always be aligned with regular text (rather than slightly indented); It will never be split up according to the cells in the table; It will be closer to the content of the table than text outside of the[table]tags. This means that you can have a header (image and text) that is perfectly centred above a table while covering the line. See the following example:

Image Header

▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅

▅▅▅▅▅▅

Ebony Dark'ness Dementia Raven Way .................................................................	█ █ █ █ █ █ █ █ █ █ █ █ █ █ █ █ █ █ █ █ █ █ █ █ █ █ █ █ █ █ █ █ █ █ █ █ █ █ █ █ █ █ █ █	Hi my name is Ebony Dark’ness Dementia Raven Way and I have long ebony black hair (that’s how I got my name) with purple streaks and red tips that reaches my mid-back and icy blue eyes like limpid tears and a lot of people tell me I look like Amy Lee (AN: if u don’t know who she is get da hell out of here!). I’m not related to Gerard Way but I wish I was because he’s a major fucking hottie. I’m a vampire but my teeth are straight and white. I have pale white skin. I’m also a witch, and I go to a magic school called Hogwarts in England where I’m in the seventh year (I’m seventeen). I’m a goth (in case you couldn’t tell) and I wear mostly black. I love Hot Topic and I buy all my clothes from there. For example today I was wearing a black corset with matching lace around it and a black leather miniskirt, pink fishnets and black combat boots. I was wearing black lipstick, white foundation, black eyeliner and red eye shadow. I was walking outside Hogwarts. It was snowing and raining so there was no sun, which I was very happy about. A lot of preps stared at me. I put up my middle finger at them. “Hey Ebony!” shouted a voice. I looked up. It was…. Draco Malfoy! “What’s up Draco?” I asked. “Nothing.” he said shyly. But then, I heard my friends call me and I had to go away.

Image and Text Header

▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅

▅▅▅▅▅▅

My Immortal 
My Immortal

Ebony Dark'ness Dementia Raven Way .................................................................	█ █ █ █ █ █ █ █ █ █ █ █ █ █ █ █ █ █ █ █ █ █ █ █ █ █ █ █ █ █ █ █ █ █ █ █ █ █ █ █ █ █ █ █ █ █	Hi my name is Ebony Dark’ness Dementia Raven Way and I have long ebony black hair (that’s how I got my name) with purple streaks and red tips that reaches my mid-back and icy blue eyes like limpid tears and a lot of people tell me I look like Amy Lee (AN: if u don’t know who she is get da hell out of here!). I’m not related to Gerard Way but I wish I was because he’s a major fucking hottie. I’m a vampire but my teeth are straight and white. I have pale white skin. I’m also a witch, and I go to a magic school called Hogwarts in England where I’m in the seventh year (I’m seventeen). I’m a goth (in case you couldn’t tell) and I wear mostly black. I love Hot Topic and I buy all my clothes from there. For example today I was wearing a black corset with matching lace around it and a black leather miniskirt, pink fishnets and black combat boots. I was wearing black lipstick, white foundation, black eyeliner and red eye shadow. I was walking outside Hogwarts. It was snowing and raining so there was no sun, which I was very happy about. A lot of preps stared at me. I put up my middle finger at them. “Hey Ebony!” shouted a voice. I looked up. It was…. Draco Malfoy! “What’s up Draco?” I asked. “Nothing.” he said shyly. But then, I heard my friends call me and I had to go away.

▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅

▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅

The code for both of these is pretty much identical. They both derive from the end point of hiding the lines, but have had an image and text inserted inside the[sup][h3]tags that cause overlap to hide the dividing line. Note that any size of image is fine but a width of 870 will match the entire width of the table when it is not being narrowed by[indent]tags. [row][color=181818][sup][h1] [center][img]YOUR IMAGE HERE[/img][/center] [b]▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅ [right]▅▅▅▅▅▅[/right] [center][color=white]YOUR TEXT HERE[/color][/center][/b] [/h1][/sup][/color][/row] This code is ready to replace the first[row][/row]of a table. Here are a couple of ways to customize it to your liking: Changing the colour181818will change the colour of the line. Changing the[h1]to[h2]or[h3]will work fine to change the size of the line and text. Changing the colourwhitewill change the colour of the text. Delete the following line of code if you do not want text: [center][color=white]YOUR TEXT HERE[/color][/center] Insert an image link where it saysYOUR IMAGE HERE or delete the following line of code if you do not want an image: [center][img]YOUR IMAGE HERE[/img][/center] Obviously you can use these principles in a multitude of different ways. This is just one of the most basic – I wholeheartedly encourage experimentation (for masochists).

▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅

▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅

B. Faking Text Wrap

If you have been on the Guild for any length of time, you may know that text wrap for images is one of the most-desired features. Unfortunately, it has been a great many years and we don't have it yet, but once we get[justify]I swear I will begin my campaign. Until then, we can 'make do' with this fake and barely functional method of text wrap using tables. A few caveats: this will basically only work with the image on the left-hand side; you may also need to play around with image sizes to get ones that matches your intended paragraph length; and finally, there are small-ish gaps that are not garish but may bug you all the same. But text wrap, guys!

Text Wrap?

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus at mi mi. In imperdiet porta dolor, at fermentum nulla commodo eu. Suspendisse volutpat et ex tempor suscipit. Nullam tincidunt at nunc vel auctor. Donec venenatis, nisl nec fringilla varius, massa quam porttitor turpis, sed bibendum purus sem id risus. Nullam scelerisque lectus eget diam gravida malesuada. Maecenas consectetur est ac sollicitudin congue. Maecenas interdum erat dignissim lectus sodales, nec ultrices neque egestas. Integer convallis lacus at consequat volutpat.

Aliquam eu rhoncus magna. Vivamus varius, risus quis blandit aliquam, leo est iaculis erat, vel dignissim nulla justo nec purus. Donec sit amet dolor nulla. Maecenas pretium ex eu nisi efficitur sollicitudin. Morbi cursus risus vel semper tincidunt. Curabitur non libero odio. Mauris lectus nisi, scelerisque sed tortor laoreet, semper bibendum nulla.

▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅

▅▅▅▅▅▅

..................................................

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus at mi mi. In imperdiet porta dolor, at fermentum nulla commodo eu. Suspendisse volutpat et ex tempor suscipit. Nullam tincidunt at nunc vel auctor. Donec venenatis, nisl nec fringilla varius, massa quam porttitor turpis, sed bibendum purus sem id risus. Nullam scelerisque lectus eget diam gravida malesuada. Maecenas consectetur est ac sollicitudin congue. Maecenas interdum erat dignissim lectus sodales, nec ultrices neque egestas. Integer convallis lacus at consequat volutpat. Aliquam eu rhoncus magna. Vivamus varius, risus quis blandit aliquam, leo est iaculis erat, vel dignissim nulla justo nec purus. Donec sit amet dolor nulla. Maecenas pretium ex eu nisi efficitur sollicitudin. Morbi cursus risus vel semper tincidunt. Curabitur non libero odio. Mauris lectus nisi, scelerisque sed tortor laoreet, semper bibendum nulla.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus at mi mi. In imperdiet porta dolor, at fermentum nulla commodo eu. Suspendisse volutpat et ex tempor suscipit. Nullam tincidunt at nunc vel auctor. Donec venenatis, nisl nec fringilla varius, massa quam porttitor turpis, sed bibendum purus sem id risus. Nullam scelerisque lectus eget diam gravida malesuada. Maecenas consectetur est ac sollicitudin congue. Maecenas interdum erat dignissim lectus sodales, nec ultrices neque egestas. Integer convallis lacus at consequat volutpat.

Aliquam eu rhoncus magna. Vivamus varius, risus quis blandit aliquam, leo est iaculis erat, vel dignissim nulla justo nec purus. Donec sit amet dolor nulla. Maecenas pretium ex eu nisi efficitur sollicitudin. Morbi cursus risus vel semper tincidunt. Curabitur non libero odio. Mauris lectus nisi, scelerisque sed tortor laoreet, semper bibendum nulla.

▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅

▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅

The code provided for the above example is going to be devoid of lorem ipsum placeholder text, and therefore will require a bit of jiggery-pokery on the user's end:

Code: Text Wrap?

[table][row]Text 1[sup][h3][color=2e2c2c][b]▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅[right]▅▅▅▅▅▅[/right][/b][/color][/h3][/sup]
[/row][row][cell][sup][h3][color=2e2c2c]..................................................[/color][sup][sup][img]Your Image Here[/img][/sup][/sup][/h3][/sup][/cell][cell]Text 2[/cell][/row][/table]Text 3

▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅

▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅

An explanation of the red parts of the code, which you can customize easily: Text 1 Here you should put in the text that comes before the image. [color=2e2c2c]..................................................[/color] Add or remove dots according to the width of your image to get it to display full-size. [img]Your Image Here[/img] Self-explanatory. Put in your image. You may have to play with the size of the image to get it to sit right with the text beside it. Text 2 Here you should put in the text that rests to the side of the image. It is highly recommended to limit this to the rough height of the image. Text 3 Here you should put in the text that comes after the image. Note that this is a lot of work for an imperfect text wrap, however if you're choking for it (as I am) then hopefully it will provide a useful stop-gap until the day we get it.

STRONG AND S[TABLE] – Advanced BBCode Hacks 2

▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅

▅▅▅▅▅

3. Hiding the Lines
3. Hiding the Lines

One of the main pitfalls of using a[table]in a character sheet is that you will end up with an unavoidable white line forming a header, even if you use the unbordered table tag. Sometimes, it just cramps your style! There are two ways I have found to deal with this: one is easy, but does not work on all browsers; the other is more difficult but hides it in a wider variety of contexts, at the expense of possibly breaking on mobile. Once the code update comes out, the Easy Way will be obsolete, but the Hard Way will still have additional functionality. When this happens, the guide will be revised.

▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅

▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅

A. The Easy Way

Just compress the individual elements of the table –[table],[row]and[cell]– together, end-to-end. As in, leave no line-breaks or spaces between a closing tag and the next opening one, even if it would otherwise make your code prettier or more usable. I mentioned all the way back in Section 1 that good code hygiene resulted in a gap between the top of the hider and the table. Well, it did, but it does more than that. Let's take a borderless table with two rows again, leaving the first row empty. [table] [row] [/row] [row] [cell]Don't[/cell][cell]Open[/cell] [/row] [/table]

Example: Table With Spacing

Don't	Open

▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅

▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅

Behold, a line appears. Now to try to remove it, let's join these tags end-to-end and make it ugly. [table][row][/row][row][cell]Don't[/cell][cell]Open[/cell][/row][/table]

Example: Table Without Spacing

Don't	Open

▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅

▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅

The above example should have no enforced line at the top! Hooray! Unless you are using Google Chrome or you are on a mobile. Just be aware that this does not work for everyone, and it may look a bit goofy if the reader is one of these exceptions. From here, you can fill this out at your leisure with as much meaty content as you want, as long as every table tag ends up back to back. My recommendation would be to write it all out separately and then afterwards go back and join them all up.

▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅

▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅

B. The Hard Way

Step into the dojo, my friends. This is where we find out that the first B in BBCode stands for Broken. First things first: breaking the rules. I mentioned in Section 1 that the content of your table can only* be placed in between[cell]and[/cell]but I did not elaborate on that asterisk. The truth is that you can also put content between[row][/row]tags without wrapping them in a[cell]. When using plain text, this is standard text which is not forcibly bolded by existing in the first row (because it technically doesn't) or forcibly indented by existing in the table (because it technically doesn't). What it looks like, for future reference:

Example: Plain Text in the Row

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras consequat vestibulum leo, a fringilla felis tincidunt non.

Don't	Open

▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅

▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅

To begin, we will be using some interesting interactions with the[sup][h3]overlapping (as detailed in my previous guide here) to allow us to overlap text onto the first white line. The end goal is to cover up the white line for Google Chrome and mobile users for whom the simplest fix doesn't work, so the end result from the Easy Fix will be our starting point. Let's add into this a block character▅that has been put inside a sup tag[sup]and a header[h3]and bolded[b]to see where it lands: Step One [table] [row] [sup][h3][b]▅[/b][/h3][/sup] [/row][row] [cell]Don't[/cell][cell]Open[/cell] [/row] [/table]

Step One: Results

▅

Don't	Open

▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅

▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅

I think you can see where I'm going with this. Now since we know that this one character covers the line in this configuration, let's try to add a lot more of them until we reach the end of the table. Because this text is in the row, and therefore technically not in the table, we don't need to worry about it extending the width of a cell or causing a scroll bar if we put too many. If it expands far enough, it should simply loop over into the next line, but because of the[sup][h3]it will instead overlap onto the start of same line. Step Two [table] [row] [sup][h3][b] ▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅ [/b][/h3][/sup] [/row][row] [cell]Don't[/cell][cell]Open[/cell] [/row] [/table]

Step Two: Results

▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅

Don't	Open

▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅

▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅

Finally, it's covered – except for that tiny frustrating sliver of line on the right-hand side that won't disappear no matter how many blocks we try to add. Fortunately, there is a fix for that, and it's dumb: Step Three [table] [row] [sup][h3][b] ▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅ [right]▅▅▅▅▅▅[/right] [/b][/h3][/sup] [/row][row] [cell]Don't[/cell][cell]Open[/cell] [/row] [/table] This works because adding[right]▅▅▅▅▅▅[/right]will produce a few right-aligned blocks. So long as this bit of code is inside the same sup and header as the rest of the blocks, these will also overlap into the same line, while keeping their alignment. Note that there is no limit to the number of blocks that you can put in these lines, as they will always 'overflow' into the same space. If you see tiny 'pixels' of the wrong colour then just double up on them. Go ham.

Step Three: Results

▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅

▅▅▅▅▅▅

Don't	Open

▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅

▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅

Lastly, and I do swear this is the last step, we can change the colour to match the background colour of the Guild with[color=2e2c2c]– a hex code that has been burnt into my brain from writing this guide – or any other colour that suits your fancy. Look, ma, no lines!

Finished

▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅

▅▅▅▅▅▅

Don't	Open

STRONG AND S[TABLE] – Advanced BBCode Hacks 2

▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅

▅▅▅▅▅

2. Powerhouse of the [Cell]
2. Powerhouse of the [Cell]

Here, we're going to learn a few ways to manipulate what is the most complex part of the table: the[cell]. Both of these techniques are fairly straight-forward, and the first is probably known to those who use tables for character sheets on the regular. They are: Setting the width of an image to display full-size; Making custom vertical dividers.

▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅

▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅

A. Setting the Width

So, I'm going to assume that you have tried to put an image inside a table before, with a paragraph text in an adjacent cell, and it has completely ruined your life. If you already know how to fix it, you can probably skip this section of the guide (unless you want to know how it works). If not, here is a demonstration for table virgins. First, let's take a table: a borderless table with two rows and two cells in each row. This is the standard format for tabled character sheets. Unlike in Section 1, we can also shove a placeholder image and some placeholder text down its throat.

Step One: Code (Excuse the Ugliness)

[table][row][cell]Header 1[/cell][cell]Header 2[/cell][/row]
[row]
[cell][img]https://via.placeholder.com/400[/img][/cell]
[cell]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum iaculis urna vel risus rhoncus, et aliquam leo sagittis. Sed at odio sapien. Curabitur sed mi id risus consequat aliquam. Nam porttitor orci eget quam sollicitudin auctor. Quisque et quam sed justo interdum efficitur nec non magna. Donec tristique mi nisi, commodo pulvinar elit sollicitudin et.[/cell]
[/row][/table]

Step One: Results

Header 1	Header 2
	Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum iaculis urna vel risus rhoncus, et aliquam leo sagittis. Sed at odio sapien. Curabitur sed mi id risus consequat aliquam. Nam porttitor orci eget quam sollicitudin auctor. Quisque et quam sed justo interdum efficitur nec non magna. Donec tristique mi nisi, commodo pulvinar elit sollicitudin et.

▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅

▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅

Oof. What is this, an image for ants? The dimensions of the cell have shrunk the image so it is not displaying at its full width or height. Worry not, there is an easy way to fix this. The maximum width of a cell is determined by the longest string of characters (with no spaces between them) that exists within that cell. If we added in a bunch of junk characters, like.........in the background colour of the guild2e2c2cthen we can force it to display image at full size. Any characters can work.

Step Two: Code (Changes in Red)

[table][row][cell]Header 1[/cell][cell]Header 2[/cell][/row]
[row][cell][img]https://via.placeholder.com/400[/img]
[color=2e2c2c]......................................................................................................[/color][/cell][cell]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum iaculis urna vel risus rhoncus, et aliquam leo sagittis. Sed at odio sapien. Curabitur sed mi id risus consequat aliquam. Nam porttitor orci eget quam sollicitudin auctor. Quisque et quam sed justo interdum efficitur nec non magna. Donec tristique mi nisi, commodo pulvinar elit sollicitudin et.[/cell][/row][/table]

Step Two: Results

Header 1	Header 2
......................................................................................................	Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum iaculis urna vel risus rhoncus, et aliquam leo sagittis. Sed at odio sapien. Curabitur sed mi id risus consequat aliquam. Nam porttitor orci eget quam sollicitudin auctor. Quisque et quam sed justo interdum efficitur nec non magna. Donec tristique mi nisi, commodo pulvinar elit sollicitudin et.

▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅

▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅

B. Custom Vertical Dividers

Hey kids, wanna buy some dividers? Jokes aside, everything in this section can take place outside of the confines of a table, but it's most useful inside a table – specifically a borderless table, which do not come with vertical dividing lines. Now, everyone knows that you can make a line of unicode symbols that looks like this just by using the enter key: █ █ █ █ █ █ █ However, those gaps at the top and bottom of the block are really a buzzkill for those who want a proper beefy, solid line to separate the men from the boys, or whatever you have on the left side of the table from the right side. Consider this, using the same unicode character: █ █ █ █ █ █ █ █ █ █ █ █ Inside a table, and given a darker coat of paint, it will look a little something like this:

Example Divider (Thicc)

Ebony Dark'ness Dementia Raven Way .................................................................	█ █ █ █ █ █ █ █ █ █ █ █ █ █ █ █ █ █ █ █ █ █ █ █ █ █ █ █ █ █ █ █ █ █ █ █ █ █ █ █ █ █ █ █	Hi my name is Ebony Dark’ness Dementia Raven Way and I have long ebony black hair (that’s how I got my name) with purple streaks and red tips that reaches my mid-back and icy blue eyes like limpid tears and a lot of people tell me I look like Amy Lee (AN: if u don’t know who she is get da hell out of here!). I’m not related to Gerard Way but I wish I was because he’s a major fucking hottie. I’m a vampire but my teeth are straight and white. I have pale white skin. I’m also a witch, and I go to a magic school called Hogwarts in England where I’m in the seventh year (I’m seventeen). I’m a goth (in case you couldn’t tell) and I wear mostly black. I love Hot Topic and I buy all my clothes from there. For example today I was wearing a black corset with matching lace around it and a black leather miniskirt, pink fishnets and black combat boots. I was wearing black lipstick, white foundation, black eyeliner and red eye shadow. I was walking outside Hogwarts. It was snowing and raining so there was no sun, which I was very happy about. A lot of preps stared at me. I put up my middle finger at them. “Hey Ebony!” shouted a voice. I looked up. It was…. Draco Malfoy! “What’s up Draco?” I asked. “Nothing.” he said shyly. But then, I heard my friends call me and I had to go away.

▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅

▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅

But how do you make one of these for yourself? First of all, you should find a unicode symbol that you happen to like, and that you think might make a continuous line once squished together. Ideally, it should be one that works on all browsers and mobile devices, otherwise it will look a bit silly for a small number of users. For example: █, |, │, etc. Secondly, you should read the precursor to this guide, Advanced BBCode Hacks 1 (wink wink) because it introduces the overlapping text technique used in the following bit of code in more detail: [sup][h3][sup]█[/sup] [sub]█[/sub][/h3][/sup] The outer[sup][h3]tags force all text inside it to overlap. One of the blocks is pushed up by a further[sup]and the second is pushed down by a[sub]– and that's it. That's the code, or the simplest unit of it, at least. This is the stage that you should edit it at. If you want to change the Unicode character or perhaps experiment with the size of the header to an[h2]or an[h1]then now is the time, because next we will be copying this unit a bunch of times to make it longer. When you are pasting it, make sure that the ending[/sup]tag is directly connected to the opening[sup]of the next section. No line breaks or spaces! [color=black] [sup][h3][sup]█[/sup] [sub]█[/sub][/h3][/sup][sup][h3][sup]█[/sup] [sub]█[/sub][/h3][/sup][sup][h3][sup]█[/sup] [sub]█[/sub][/h3][/sup][sup][h3][sup]█[/sup] [sub]█[/sub][/h3][/sup][sup][h3][sup]█[/sup] [sub]█[/sub][/h3][/sup][sup][h3][sup]█[/sup] [sub]█[/sub][/h3][/sup] [/color] Voila. Ready to be inserted into a[cell][/cell]in the middle of a table.

STRONG AND S[TABLE] – Advanced BBCode Hacks 2

▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅

▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅

1. The Basic [Table]
1. The Basic [Table]

This is going to be a tutorial with a lot of moving parts and at least one migraine (yours or mine) so we need to start from square one: how to use the[table]function. There are two possible variants, which I'll provide examples for below with side-by-side comparisons, each with three rows. Tables also display as a single bold white line if they don't have any content in them, so I have added some placeholder text for your amusement.

▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅

▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅

Option 1 - Borderless [table] [row] [cell]Header[/cell][cell]Header[/cell] [/row] [row] [cell]Don't[/cell][cell]Open[/cell] [/row] [row] [cell]Dead[/cell][cell]Inside[/cell] [/row] [/table]		...Option 2 - Bordered... [table=bordered] [row] [cell]Header[/cell][cell]Header[/cell] [/row] [row] [cell]Don't[/cell][cell]Open[/cell] [/row] [row] [cell]Dead[/cell][cell]Inside[/cell] [/row] [/table]

Example: Borderless

Header	Header
Don't	Open
Dead	Inside

Example: Bordered

Header	Header
Don't	Open
Dead	Inside

▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅

▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅

As we can see, the Borderless table only draws lines horizontally, between the rows, while the Bordered table outlines every single cell (and the table itself). Note that while I have practiced good code hygiene here and spaced out most of the lines in the copy-and-paste code, this will affect your result in a very minor way (because uhhhhh BBCode). This is the reason for that inexplicable gap between the top of the hider and the top of the table. Just join the[row]tags end-to-end and compress them into just a few lines to remove this. As in the last guide, here is a rundown on what all of these tags mean and why they are needed: [table]or[table=bordered]–– Self-explanatory. You need two tags to tango with tables: one of these at the start and a closing tag at the end. [row]–– Inside the[table]tags you must now have at least one of these[row]tags. A table without row tags does not work. The number of them you put in determines how many horizontal fields there are, ie. in a traditional spreadsheet, how many entries. The above tables each have 3 sets of[row][/row]tags, so they go down three lines. The content of the first row is always bolded automatically. See Section 2 for workarounds. [cell]–– These must be contained within a pair of[row]tags. They determine not just how many vertical columns there are, but the height of those columns, the width of the columns, where the content will be positioned relative to other entries within the table, in borderless tables the existence of a line, and a whole lot more. The content of your table can only* be placed in between[cell]and[cell]– for all intents and purposes, your roleplaying goodies don't exist if they're not between those cheeks. Now, neither of the above look like the snazzy character sheets you may have seen on the guild. These are blocky, rectangular, ugly, and undeniably tables. But worry not, dear tablecrafter, we're now going to move onto the Hacks in Advanced BBCode Hacks. Did you notice the hidden tables in this post?

STRONG AND S[TABLE] – Advanced BBCode Hacks 2

STRONG AND S[TABLE]
STRONG AND S[TABLE]

^{Advanced BBCode Hacks II
Advanced BBCode Hacks II}

▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅

▅▅▅▅▅

DISCLAIMER –– now 50% more serious. As with a lot of aesthetics that use tables, sups and subs to cause overlap, Unicode characters and hidden text, parts of this guide will fuck up the formatting on some mobile devices. There may also be differences between web browsers to do with how they display certain characters, lines, and spacing. There is no getting around this elephant in the room, and it would be irresponsible to make this guide without touching on it. I have tried to not make it hateful to read through on a small screen, but cannot confirm that the tips will display properly.

▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅

▅▅▅▅▅

[Table] of Contents
[Table] of Contents

1. The Basic Table 2. Powerhouse of the [Cell] A. Setting the Width B. Custom Vertical Dividers 3. Hiding the Lines A. The Easy Way B. The Hard Way 4. Things You Can Do A. Custom Table Headers B. Faking Text Wrap 5. Conclusion

Ask an Admin, v2.

The Ask an Admin Thread after finding out that Legend is working on a code update:

Fs in chat for Ruby :c

How do YOU do 1x1s?

My experiences in the RP scene have been terrible. By my experiences and attempts, it hasn't gotten any better. Sure what I'm about to say may go off the tracks but at this point, I am fed up with it.
I meant different because of my experience that NO ONE can mesh, let alone me with anyone else. My RP luck sucks. I had 45 dead RP's here in a year, one year!
I tried to take a break when it was in the 20's, came back but it worsened.
Been here three years and it is over 50 dead total in a three-year span. I really don't see anything changing for the better for me. Even in searching for new roleplays, my luck is bad, really bad.
I'm tired of being ghosted on and frequently as now I see it as nothing but dishonorable and cowardly. And I feel like no one literally looks at my side of things as whatever I bring up they want to bury underneath the rug.
I feel like I am up against a stacked deck when I try to find partners and I can't find anyone.

@rebornfan320

Have you considered that your attitude towards 1x1s is making this a self-fulfilling prophecy? You post about it quite often, and I don't know about other people, but the promise of being called 'dishonorable and cowardly' for dropping a roleplay is pretty... disrespectful, and perhaps indicative of how you might view the other player's feelings on a 1x1. It may be putting off more partners than you think, because people do read the off-topic sections.

People dip out all the time from 1x1s, especially with strangers. You're not the only one in the world who has been ghosted several times. Barring catastrophic life changes, it is usually because the player is uncomfortable with continuing the roleplay, whether they can tell that their roleplaying style doesn't gel, the plot isn't grabbing them, they expected a different level of writing or activity, or even because they just ain't feeling it. It can be hard to be honest with someone, especially someone who you don't have a pre-existing rapport with.

Communication is hard and everyone has different styles of it, in real life and in e-life. It is important in a long-running, healthy 1x1, but arguably understanding what a partner wants on a personal level – what motivates them to want to write, and what might prompt them to go dark – is more so. It requires some insight and self-awareness into one's own failures too.

I understood why people ghost the moment I tried to be direct and say 'yeah, sorry fam, this isn't for me' in a polite way and then had to justify, explain and defend my reasoning for dropping in a back-and-forth argument. Ghosting is a learned behaviour, and bad experiences are why people learn to ghost. I am wary of someone who says they are so frequently ghosted because it implies to me that they do not understand why they are being ghosted.

Also... Just because you can't mesh with other people doesn't mean no-one else can, as evidenced by the other incredibly positive responses in this thread.

---

To reply to the topic at hand, I find all the discussion about 1x1ing really exciting to me because it's one of my favourite forms of RP, and @stone is 100% right that 'it's harder to observe trends n stuff with this type of thing too because it's all private'. Loving all the 1x1ers coming out of the woodwork to explain what they're doing behind closed doors.

Right now I am in a RP which uses a player/player collaborative style as others have said, but we write the posts from one POV (to make it easier to read through later). My partner's character is the POV because she writes more convincing internal dialogue than I do and I adore reading it, while I generally try to write around it with action, more 'neutral' observations, scene-setting, and of course, my half of the romantic banter 'cus we are shipping trash.

Also while we're writing (in Google Docs) we're sending a huge back and forth of future headcanons or alternate universe versions of the characters in the OOC or just general chit-chat about roleplaying, usually like 600 messages when we're in the zone. I think this is the most important part of 1x1ing for me. Maybe even more important than getting the actual writing done.

It's amazing how much planning you find reading back, all interspersed with:

what if we did a bad end!au where everyone dies
omg aaaaaaaaaaaaaa
aaaaaaaaa
a n g s t

Weird Spacing Above Table

Hey, resident Table Experimenter here! The space has nothing to do with either of those things @Hero – fortunately it's kind of a simple fix.

Basically when you add spaces/hit the enter key for good code hygeine, spacing out your raw code for a table, that break is reflected at the top of the table. (Because, uhhhhh BBCode). Since what you've done is press the enter key at least once after every row, and I presume you have a lot of rows, all of those breaks have jumped to the top resulting in a huge gap.

To fix this, you should be able to join up all of the[row]and[/row]tags so that they're sitting in the same line with no spaces between them – like[/row][row].

As an example in a simpler table, this:

[table]
[row]
[cell]Header[/cell][cell]Header[/cell]
[/row]
[row]
[cell]Don't[/cell][cell]Open[/cell]
[/row]
[row]
[cell]Dead[/cell][cell]Inside[/cell]
[/row]
[/table]

Produces this:

Table With Too Many Spaces and a Gap at the Top

Header	Header
Don't	Open
Dead	Inside

While this one, with the[row]tags joined end-to-end:

[table][row]
[cell]Header[/cell][cell]Header[/cell]
[/row][row]
[cell]Don't[/cell][cell]Open[/cell]
[/row][row]
[cell]Dead[/cell][cell]Inside[/cell][/row]
[/table]

Produces this:

No Gaps!

Header	Header
Don't	Open
Dead	Inside

Ask an Admin, v2.

On that BBCode update – hopefully you don't mind me tagging the man himself here to get some discussion going:

@LegendBegins

1) What sort of things should we expect from the update? I'm guessing that a fix for the site-breaker table is in the works, but might I see a working[justify]tag in my lifetime?

2) Should I hold back my 4k-word-and-counting guide to doing weird shit with tables to see if you fix the broken stuff I abuse in it first? Or could I get a sneak-peak?

Ask an Admin, v2.

@Ruby

As admirable as the intentions of the Ask an Admin thread are, I think we both know with the current antipathy between some users and the moderation that it'll never fully be used for, 'Chat with your mods, look they're cuddly humans too and not at all feral!' x)

IMO it might be better served in the News section for that reason.