[indent][indent][table][row][sup][h1][color=181818][b]▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅[/b][right][b]▅▅▅▅▅[/b][/right][/color][center][color=black]4. Things You Can Do [/color] [color=7bcdc8]4. Things You Can Do[/color][/center][/h1][/sup][/row][row][cell] 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[code][row][/code]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 [i]can[/i] do this thing. If you have any further problems, feel free to message me.[/cell][/row][/table][table][row][sup][h3][color=181818][b]▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅[/b][right][b]▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅[/b][/right] [center][color=7bcdc8]A. Custom Table Headers[/color][/center][/color][/h3][/sup][/row][row][cell] Three things that should be noted when you put plain text in the[code][row][/code]tags outside of a[code][cell][/code]are as follows: [list][*]It will always be aligned with regular text (rather than slightly indented);[/list][list][*]It will never be split up according to the cells in the table;[/list][list][*]It will be closer to the content of the table than text outside of the[code][table][/code]tags.[/list] 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:[/cell][/row][/table][indent][hider=Image Header][table][row][color=181818][sup][h1][center][img]https://via.placeholder.com/870x200[/img][/center][b] ▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅ [right]▅▅▅▅▅▅[/right] [/b][/h1][/sup][/color][/row][row][cell] [center][img]https://via.placeholder.com/250x250[/img] Ebony Dark'ness Dementia Raven Way[/center] [color=2e2c2c].................................................................[/color][/cell][cell][center][color=181818][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][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][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][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][/center][/cell][cell] 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. [/cell][/row][/table] [/hider] [hider=Image and Text Header][table][row][color=181818][sup][h1][center][img]https://via.placeholder.com/870x200[/img][/center][b] ▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅ [right]▅▅▅▅▅▅[/right][center][color=black]My Immortal [/color] [color=white]My Immortal[/color][/center] [/b][/h1][/sup][/color][/row][row][cell] [center][img]https://via.placeholder.com/250x250[/img] Ebony Dark'ness Dementia Raven Way[/center] [color=2e2c2c].................................................................[/color][/cell][cell][center][color=181818][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][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][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][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][/center][/cell][cell] 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. [/cell][/row][/table] [/hider][/indent][table][row][sup][h3][color=2e2c2c][b]▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅[/b][right][b]▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅[/b][/right][/color][/h3][/sup][/row][row][cell]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 [i]inside[/i] the[code][sup][h3][/code]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[code][indent][/code]tags. [pre][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][/pre] This code is ready to replace the first[code][row][/row][/code]of a table. Here are a couple of ways to customize it to your liking: [list][*]Changing the colour[code]181818[/code]will change the colour of the line.[/list] [list][*]Changing the[code][h1][/code]to[code][h2][/code]or[code][h3][/code]will work fine to change the size of the line and text.[/list] [list][*]Changing the colour[code]white[/code]will change the colour of the text. Delete the following line of code if you do not want text: [pre][center][color=white]YOUR TEXT HERE[/color][/center][/pre][/list] [list][*]Insert an image link where it says[code]YOUR IMAGE HERE[/code] or delete the following line of code if you do not want an image: [pre][center][img]YOUR IMAGE HERE[/img][/center][/pre][/list] 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).[/cell][/row][/table] [table][row][sup][h3][color=181818][b]▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅[/b][right][b]▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅[/b][/right] [center][color=7bcdc8]B. Faking Text Wrap[/color][/center][/color][/h3][/sup][/row][row][cell] 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[code][justify][/code]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 [i]only[/i] 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![/cell][/row][/table][indent][hider=Text Wrap?][table][row]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.[sup][h3][color=2e2c2c][b]▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅[right]▅▅▅▅▅▅[/right][/b][/color][/h3][/sup] [/row][row][cell][sup][h3][color=2e2c2c]..................................................[/color][sup][sup][img]https://via.placeholder.com/250x250[/img][/sup][/sup][/h3][/sup][/cell][cell]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.[/cell][/row][/table]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.[/hider][/indent][table][row][sup][h3][color=2e2c2c][b]▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅[/b][right][b]▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅[/b][/right][/color][/h3][/sup][/row][row][cell]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:[/cell][/row][/table][indent][hider=Code: Text Wrap?][color=7bcdc8][noparse][table][row][/noparse][color=red][noparse]Text 1[/noparse][/color][noparse][sup][h3][color=2e2c2c][b]▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅[right]▅▅▅▅▅▅[/right][/b][/color][/h3][/sup] [/row][row][cell][sup][h3][/noparse][color=red][noparse][color=2e2c2c]..................................................[/color][/noparse][/color][noparse][sup][sup][/noparse][color=red][noparse][img]Your Image Here[/img][/noparse][/color][noparse][/sup][/sup][/h3][/sup][/cell][cell][/noparse][color=red][noparse]Text 2[/noparse][/color][noparse][/cell][/row][/table][/noparse][color=red][noparse]Text 3[/noparse][/color][noparse][/noparse][/color][/hider][/indent][table][row][sup][h3][color=2e2c2c][b]▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅[/b][right][b]▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅[/b][/right][/color][/h3][/sup][/row][row][cell]An explanation of the red parts of the code, which you can customize easily: [list][*][code]Text 1[/code] Here you should put in the text that comes before the image.[/list] [list][*][code][color=2e2c2c]..................................................[/color][/code] Add or remove dots according to the width of your image to get it to display full-size.[/list] [list][*][code][img]Your Image Here[/img][/code] 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.[/list] [list][*][code]Text 2[/code] 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.[/list] [list][*][code]Text 3[/code] Here you should put in the text that comes after the image.[/list] 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.[/cell][/row][/table][/indent][/indent]