Current
cunt has positive connotations in my country, so no
1
like
4 yrs ago
AMAB: all mods are bastards
1
like
4 yrs ago
September is PCOS Awareness Month - shout out to all my cysters out there! 1 in 10 women have it and many go undiagnosed for a long time because women's health issues are taken less seriously.
Hello! My name is Roach, the malcontent formerly known as McHaggis, and I've been on this site for a good while now. Wherever I end up, the Guild will always have a special place in my heart because it's where I met some of my very best friends and long-time writing partners. (Seven years strong!) It has absolutely nothing to do with the functional code or the great status bar takes, that much I can assure you.
There's not much to say about me except that I'm a graduate who had a lot of time to kill in lockdown, which is easing up at present. I'm currently trying to tame BBCode or die trying, and I think it's going pretty well. If you are at all interested in this endeavor, please check out my guides (1 & 2) or PM me for a bit of chit-chat about tables so janky you can literally break the site with them.
the old guard, dragon age 2, mass effect, doctor who, the witcher, lore olympus, the devil is a handsome man, avatar: the last airbender, the dragon prince
Abandoned by his team in unfriendly territory β territory called the Forest of the Death no less β should be something to feel scared about. Or, if not scared (because he was a fearless ninja of Konoha and only civilians felt fear) then at least rightfully, understandably apprehensive of the dangers. Around every tree there could be an enemy combatant. In every bush, an enemy combatant. Every fallen log? Enemy combatant.
But the dangers that could lie ahead of him weren't what Mori was thinking about. In fact, he thought about nothing at all as he alighted to the top branches of the trees to minimize risk and maximize sight lines. He was as the leaf on the still pond: serene.
He had a job to do, and that was to make sure his teammates got to the finish line alive, but more importantly, with the scrolls. Since Karu had theirs he couldn't safeguard the one they started with. If he lost it, he lost it. And there was a greater than fifty percent chance he would lose it, knowing the big dumb hero instinct in his friend overpowered any sliver of wisdomββ
Serene, Mori interrupted, stamping down on the annoyance that bubbled up inside him like the fizz in a can of juice. There was no use in making unnecessary predictions, and he could only control the present. And right now, he could only watch and observe.
Down on the forest floor below, a party of three Suna-nin gathered by a fallen opponent, rifling through the unconscious-or-dead ninja's belongings. When they found a scroll, it was unfortunately the same colour as the one Karu held, and evidently the same one as their team's. For a moment, it looked as if the ninja was going to leave it there, but at the last second he passed it off to his teammate in the back, who stowed it away in a bag filled with blank scrolls and left behind an obvious decoy on the body.
Now there was an idea.
When the trio left, conversing in whispers too low to overhear (unlike some people he knew) Mori dropped from the tree he was crouched in, swooped up the decoy and then scampered back into the safety of the canopy in one smooth motion. Beneath his fingers, the paper felt cheap and the seal was only the correct shade if one was colourblind, as if they had been hastily constructed from preexisting supplies.
Nevertheless, he was sure some rube could be fooled by it. Once he slid it into his backpack, he began to move again. Maybe there was even space in it to hide an exploding tag β but that would have to wait until Team 3 was reunited.
Iza had flounced off far ahead of them in the opposite direction to their other teammate, and it was all Mori could do to keep up after his temporary detour. One tree at a time, careful and cautious, expecting an ambush around every corner. His connection to the Princess stretched with the added distance between himself and Karu.
When the trees began to thin out, He returned to the forest floor, following trampled twigs and footprints in the moss. One set of bootprints, then three more in varying sizes. There was no way to know for sure whether or not it was his teammate, but with an educated guess knowing what she was like, he was convinced enough to follow them further.
Drops of red in the undergrowth, and the quiet sounds of a scuffle ahead.
As someone who uses a (private) forum which has the functionality of 'fixing' broken BBCode in a preview pane, I'd be against it.
In that forum's case, it ended up more frustrating than it's worth when autocorrecting anything more complex than simple bolding/italicising/colours, and it's generally not so hard to fix these errors anyway. It would seem to be an unnecessary addition. I'd be down for highlighting errors as a luxury, but automatically fixing them seems like it could cause more problems than it's worth.
A further worry is that it would end up like the previous BBCode update from years back. It may not break current RP threads which rely on these errors until edited, but for some of us with active roleplays who edit/update posts fairly frequently, it could be extremely annoying. As an example, old accounts with posts from before the last update have... considerable glitches, as in you literally cannot save any edits you make/delete the content of them/etc.
And thus, we come to an end. Experimenting with tables has been one of my main hobbies in the past month (sad, I know) and although I was once a sceptic about using them for character sheets or OOCs, I have now seen the light.
Mostly because of sunk cost fallacy, but still.
There are things I have elected not to include in this guide for brevity's sake. How cells affect dividing lines. Tables within tables. Tasteful aesthetics. The broken-ass glitch that allows you to have a selection of bright colours as a cell background. Thanks for telling me about them, @LegendBegins β I can't sleep at night knowing these are out here:
Nevertheless, I hope something from the above list of tips and tricks masquerading as a guide will be useful to someone. Please PM any questions you have as I am more than happy to impart forbidden knowledge as those who have seen the site-breaker table will know.
In the words of every YouTuber ever, remember to like and subscribe, and hit that notification bell if you want to see more, and I'll catch you in the next one.
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.
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.
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.
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).
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!
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:
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.
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.
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.
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.
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:
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras consequat vestibulum leo, a fringilla felis tincidunt non.
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:
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.
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:
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.
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.
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;
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.
[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]
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.
[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]
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.
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:
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.
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!
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.
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.
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.
Festive
rabidbacon
Red Schuhart
Kalas
FernStone
puddingpunter
fledermaus
LetsFly
HeMandaddy
Frettzo
