From Attuned to Ascended to Ancient, Kiada Njovu-Reyes has been reborn several times throughout her short life, but her fighting spirit has never once been diminished. With beauty, grace and a quick wit, Kiada is the whole package wrapped in an infectious smile. Recent endeavours have found her in the heart of the Hollowed Grounds, aiding the region and bettering it for her new Ancient kin, and whatever she does next, we know it's sure to pack a punch.
Congratulations, Kiada!
Credits
Court of the Fallen was created in October of 2018 by Odd, Honey, and Crooked.
Skinning and hosting by the epically talented Kaons, and functionality fanciness by the coding magic of Neowulf. If you ever see either of them around, make sure to show them some love!
04-01-2020, 09:20 PM (This post was last modified: 04-02-2020, 02:58 AM by Skylark.)
Gonna start adding some of the templates I use in here with explanations and what not for you all to fiddle with <3 part of coding is breaking things to figure out what they do ;) don't be afraid!
Below you'll see how you can go about changing each part and what each section sort of does! A lot of this is repeated and does the same thing, so just fiddle with it and see where you end up liking things!
This goes at the very top of the table. In this instance I have Libra Baskerville as the body fonts, Cinzel Decorative as the font i use for the character names! You can change these by picking new ones off of google fonts.
Width: Make it larger to make it wider, smaller to make it thinner. Background: linear-gradient, makes the background a gradient. You can make this either linear or radial! When you're using an image, this part will change to a url in which you'll just pop the url link in there and change the background color beside it to match where the background fades! Fading the image you choose will have to be done in some sort of editing software, however, so keep that in mind! Border-left, Border-right: borders for the full table. Can change to solid, double, dashed, etc. Box-shadow: Shadow around the entire table. Border-radius: Top left, top right, bottom left, bottom right. 0px is no curve, 300px is half circle curve. Padding: this changes how much of an indent on the top/bottom/sides there are. Text-Align: for the body text. Font-family: usually I use Libra Baskerville! Color: body font color. Letter-Spacing: how far apart the letters are. Line-height: how far apart the height between the letters are.
Gif/Image Section
Code:
<div style="width: 250px;height: 250px;margin: 0 auto;background: url('https://i.imgur.com/qmD6NSr.png') top right no-repeat;border-radius: 50%;border: 5px solid #888;box-shadow: 0px 0px 25px 0px #dddddd;"></div>
Width & Height: Usually i keep this a square for the circles, a rectangle for the half circles where the width is larger than the height. Background:url: link to the gif/image depending which style you're looking for. Top right no-repeat: Top aligns it to the top, right aligns it to the right (you can also change it to center or left), no-repeat makes it so the gif doesn't repeat. Border-radius: 50% makes it a full circle. Border: 5px is the thickness, solid is how it appears, #888 is the color of it. Box-shadow: Shadow color. 25px is how far it fades out, you can make this bigger or smaller. #ddd is the color of the shadow.
Quote Sections
Code:
<div style="padding-left: 0px;padding-top: 5px;padding-bottom: 5px;font-family: 'Libre Baskerville', serif;font-size: 11px;text-align: center;color: #1a1a1a;text-shadow: 0px 0px 5px #c1c1c1;letter-spacing: 3px;font-weight: bold;text-transform: lowercase;line-height: 8px;"><i>this is me saying that i would set myself on fire</i></div>
Padding: Spacing above and below the quote. Font family: libre baskerville Text-align: center/left/right Text-shadow: color and size of color. Font-weight: font thickness. Text-transform: Lowercase keeps everything lowercase, uppercase keeps it all uppercase as well, etc
Text box background
Code:
<div style="border-top: solid 10px #dddddd;border-bottom: solid 10px #dddddd;background-color: #b3b3b3;border-radius: 25px 25px 25px 25px;box-shadow: 0px 0px 25px 0px #dddddd;"><div style="padding-top: 15px;padding-left: 35px;padding-right: 35px;padding-bottom: 15px;text-shadow: 0px 0px 5px #b3b3b3;">
Border-top/Border-bottom: Width and color. Background-color: libre baskerville Padding: Spacing above and below the quote. Font family: libre baskerville Text-align: center/left/right Text-shadow: color and size of color
04-01-2020, 09:27 PM (This post was last modified: 04-02-2020, 02:44 AM by Skylark.)
CIRCULAR GIF TABLE
this is me saying that i would set myself on fire
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ut faucibus ex. Nulla ut dapibus neque.
"Vivamus mauris nulla, pharetra quis consectetur quis, dignissim vel nunc."
Vestibulum consectetur imperdiet ligula, vel varius turpis finibus sed. Nulla ut tincidunt risus, facilisis auctor felis. Quisque eu nibh semper, tincidunt eros eu, dictum arcu. Donec molestie pellentesque ligula, nec imperdiet nulla vulputate et. Morbi cursus sollicitudin elit, vel euismod neque molestie et. Proin eu lectus nisi. Duis iaculis elit quis enim euismod, quis mollis ligula scelerisque. Morbi et interdum nibh.
Fusce vehicula est at tellus ultrices fringilla. Nulla tincidunt ut diam nec volutpat. Quisque erat eros, dignissim nec imperdiet vel, ullamcorper nec dolor. Proin eu velit mauris. Proin auctor augue at magna vulputate malesuada. Suspendisse ac pretium ex. Vestibulum viverra nibh ut orci pretium, vel luctus massa ornare. Suspendisse dictum elit nec nibh ultrices, vel pellentesque enim iaculis.
to bring light to all of the dark places within you
NAME
Full Table Code
Code:
<link href="https://fonts.googleapis.com/css?family=Libre+Baskerville|Cinzel+Decorative&display=swap" rel="stylesheet">
<div style="width: 70%;box-sizing: border-box;margin: 0 auto;background: linear-gradient(#c9c9c9, #b3b3b3);border-left: double 5px #dddddd;border-right: double 5px #dddddd;box-shadow: 0px 0px 15px #000;border-radius: 300px 300px 75px 75px;padding: 50px 50px 40px 50px;text-align: justify;font-family:'Libre Baskerville', serif;color: #1a1a1a;font-size: 12px;letter-spacing: 1px;line-height: 15px;"><div style="width: 250px;height: 250px;margin: 0 auto;background: url('https://i.imgur.com/qmD6NSr.png') top right no-repeat;border-radius: 50%;border: 5px solid #888;box-shadow: 0px 0px 25px 0px #dddddd;"></div>
<div style="padding-left: 0px;padding-top: 5px;padding-bottom: 5px;font-family: 'Libre Baskerville', serif;font-size: 11px;text-align: center;color: #1a1a1a;text-shadow: 0px 0px 5px #c1c1c1;letter-spacing: 3px;font-weight: bold;text-transform: lowercase;line-height: 8px;"><i>this is me saying that i would set myself on fire</i></div><div style="border-top: solid 10px #dddddd;border-bottom: solid 10px #dddddd;background-color: #b3b3b3;border-radius: 25px 25px 25px 25px;box-shadow: 0px 0px 25px 0px #dddddd;"><div style="padding-top: 15px;padding-left: 35px;padding-right: 35px;padding-bottom: 15px;text-shadow: 0px 0px 5px #b3b3b3;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ut faucibus ex. Nulla ut dapibus neque. <div style="color: #9c3c3c;">"Vivamus mauris nulla, pharetra quis consectetur quis, dignissim vel nunc."</div> Vestibulum consectetur imperdiet ligula, vel varius turpis finibus sed. Nulla ut tincidunt risus, facilisis auctor felis. Quisque eu nibh semper, tincidunt eros eu, dictum arcu. Donec molestie pellentesque ligula, nec imperdiet nulla vulputate et. Morbi cursus sollicitudin elit, vel euismod neque molestie et. Proin eu lectus nisi. Duis iaculis elit quis enim euismod, quis mollis ligula scelerisque. Morbi et interdum nibh.<br>
<br>
Fusce vehicula est at tellus ultrices fringilla. Nulla tincidunt ut diam nec volutpat. Quisque erat eros, dignissim nec imperdiet vel, ullamcorper nec dolor. Proin eu velit mauris. Proin auctor augue at magna vulputate malesuada. Suspendisse ac pretium ex. Vestibulum viverra nibh ut orci pretium, vel luctus massa ornare. Suspendisse dictum elit nec nibh ultrices, vel pellentesque enim iaculis.</div>
<div style="padding-bottom: 30px;font-family: 'Libre Baskerville', serif;font-size: 11.5px;padding-right: 0px;text-align: center;color: #1a1a1a;text-shadow: 0px 0px 5px #b3b3b3;letter-spacing: 2.5px;font-weight: bold;line-height: 11px;"><i>to bring light to all of the dark places within you</i></div></div>
<div style="padding-top: 0px;padding-bottom: 5px;font-family: Cinzel Decorative;font-size: 65px;text-align: center;color: #141414;text-shadow: 0px 0px 10px #dddddd;letter-spacing: 5px;">NAME</div></div>
lions sit in solemn lines, drinking gin and dropping lines
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ut faucibus ex. Nulla ut dapibus neque.
"Vivamus mauris nulla, pharetra quis consectetur quis, dignissim vel nunc."
Vestibulum consectetur imperdiet ligula, vel varius turpis finibus sed. Nulla ut tincidunt risus, facilisis auctor felis. Quisque eu nibh semper, tincidunt eros eu, dictum arcu. Donec molestie pellentesque ligula, nec imperdiet nulla vulputate et. Morbi cursus sollicitudin elit, vel euismod neque molestie et. Proin eu lectus nisi. Duis iaculis elit quis enim euismod, quis mollis ligula scelerisque. Morbi et interdum nibh.
Fusce vehicula est at tellus ultrices fringilla. Nulla tincidunt ut diam nec volutpat. Quisque erat eros, dignissim nec imperdiet vel, ullamcorper nec dolor. Proin eu velit mauris. Proin auctor augue at magna vulputate malesuada. Suspendisse ac pretium ex. Vestibulum viverra nibh ut orci pretium, vel luctus massa ornare. Suspendisse dictum elit nec nibh ultrices, vel pellentesque enim iaculis.
wasting beats in this heart of mine
NAME
Full Table Code
Code:
<link href="https://fonts.googleapis.com/css?family=Libre+Baskerville|Cinzel+Decorative&display=swap" rel="stylesheet">
<div style="width: 78%;box-sizing: border-box;margin: 0 auto;background: linear-gradient(#9e9e9e, #d8d8d8);border-left: double 5px #e7e7e7;border-right: double 5px #e9e9e9;box-shadow: 0px 0px 15px #000;border-radius: 300px 300px 75px 75px;padding: 50px 50px 40px 50px;text-align: justify;font-family:'Libre Baskerville', serif;color: #eaeaea;font-size: 12px;letter-spacing: 1px;line-height: 15px;"><div style="width: auto;height: 295px;margin: 0 auto;background: url('https://i.imgur.com/xzohzIW.gif') top left no-repeat;border-radius: 300px 300px 0px 0px;border-left: 0px solid #263138;border-bottom: 15px solid #9f9f9f;box-shadow: 0px 0px 25px 0px #a8a8a8;">
<div style="padding-left: 0px;padding-top: 299px;font-family: 'Libre Baskerville', serif;font-size: 7px;text-align: center;color: #fff;text-shadow: 0px 0px 4px #a3a3a3;letter-spacing: 3.5px;font-weight: bold;text-transform: uppercase;line-height: 8px;">lions sit in solemn lines, drinking gin and dropping lines</div></div><div style="border-left: double 0px #eff7f7;border-bottom: solid 10px #a8a8a8;background-color: #b5b5b5;border-radius: 0px 0px 25px 25px;box-shadow: 0px 6px 25px 0px #a8a8a8;"><div style="padding-top: 15px;padding-left: 35px;padding-right: 35px;padding-bottom: 15px;text-shadow: 0px 0px 5px #a8a8a8;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ut faucibus ex. Nulla ut dapibus neque. <div style="color: #ffffff;">"Vivamus mauris nulla, pharetra quis consectetur quis, dignissim vel nunc."</div> Vestibulum consectetur imperdiet ligula, vel varius turpis finibus sed. Nulla ut tincidunt risus, facilisis auctor felis. Quisque eu nibh semper, tincidunt eros eu, dictum arcu. Donec molestie pellentesque ligula, nec imperdiet nulla vulputate et. Morbi cursus sollicitudin elit, vel euismod neque molestie et. Proin eu lectus nisi. Duis iaculis elit quis enim euismod, quis mollis ligula scelerisque. Morbi et interdum nibh.<br>
<br>
Fusce vehicula est at tellus ultrices fringilla. Nulla tincidunt ut diam nec volutpat. Quisque erat eros, dignissim nec imperdiet vel, ullamcorper nec dolor. Proin eu velit mauris. Proin auctor augue at magna vulputate malesuada. Suspendisse ac pretium ex. Vestibulum viverra nibh ut orci pretium, vel luctus massa ornare. Suspendisse dictum elit nec nibh ultrices, vel pellentesque enim iaculis.</div>
<div style="padding-bottom: 30px;font-family: 'Libre Baskerville', serif;font-size: 12px;padding-right: 0px;text-align: center;color: #fff;text-shadow: 0px 0px 5px #a8a8a8;letter-spacing: 4.5px;font-weight: bold;line-height: 11px;"><i>wasting beats in this heart of mine</i></div></div>
<div style="padding-top: 0px;padding-bottom: 5px;font-family: Cinzel Decorative;font-size: 65px;text-align: center;color: #e9e9e9;text-shadow: 0px 0px 15px #c1c1c1;letter-spacing: 10px;">NAME</div></div>
04-02-2020, 02:48 AM (This post was last modified: 03-08-2021, 04:13 AM by Skylark.)
IMAGE TABLE
NAME
anyway, you say you're too busy saving everybody else to save yourself
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ut faucibus ex. Nulla ut dapibus neque. "Vivamus mauris nulla, pharetra quis consectetur quis, dignissim vel nunc." Vestibulum consectetur imperdiet ligula, vel varius turpis finibus sed. Nulla ut tincidunt risus, facilisis auctor felis. Quisque eu nibh semper, tincidunt eros eu, dictum arcu. Donec molestie pellentesque ligula, nec imperdiet nulla vulputate et. Morbi cursus sollicitudin elit, vel euismod neque molestie et. Proin eu lectus nisi. Duis iaculis elit quis enim euismod, quis mollis ligula scelerisque. Morbi et interdum nibh.
Fusce vehicula est at tellus ultrices fringilla. Nulla tincidunt ut diam nec volutpat. Quisque erat eros, dignissim nec imperdiet vel, ullamcorper nec dolor. Proin eu velit mauris. Proin auctor augue at magna vulputate malesuada. Suspendisse ac pretium ex. Vestibulum viverra nibh ut orci pretium, vel luctus massa ornare. Suspendisse dictum elit nec nibh ultrices, vel pellentesque enim iaculis.
and you don't want no help, oh well that's the story to tell
Full Table Code
Code:
<link href="https://fonts.googleapis.com/css?family=Libre+Baskerville|Cinzel+Decorative&display=swap" rel="stylesheet">
<div style="width: 67%;box-sizing: border-box;margin: 0 auto;background: url('https://i.imgur.com/pXjquUK.png') top center no-repeat #1a1c1a;border: 5px solid #1b1b1b;box-shadow: 0px 0px 15px #000;border-radius: 300px 300px 50px 50px;padding: 410px 60px 45px 60px;text-align: justify;font-family: 'Libre Baskerville';color: #8a8888;text-shadow: 0px 0px 5px #0b0b0c;font-size: 12px;letter-spacing: 1px;line-height: 17px;"><div style="padding-top: 48px;padding-bottom: 15px;font-family: Cinzel Decorative;font-size: 66px;text-align: center;color: #908e8c;text-shadow: 0px 0px 15px #1b1a1a;letter-spacing: 7px;">NAME</div>
<div style="border-left: solid 0px #000000;border-right: solid 0px #000000;background-color: rgba(0, 0, 0, 0);border-radius: 50px 50px 50px 50px;box-shadow: 0px 0px 25px #000;"><div style="padding-top: 10px;padding-bottom: 5px;font-family: 'Libre Baskerville', serif;font-size: 7px;text-align: center;color: #cac5c0;text-shadow: 0px 0px 4px #000;letter-spacing: 3px;font-weight: bold;text-transform: uppercase;line-height: 11px;">quote line start 1<br>quote line start 2</div>
<div style="padding-top: 0px;padding-left: 20px;padding-right: 20px;padding-bottom: 15px;text-shadow: 0px 0px 4px #000;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ut faucibus ex. Nulla ut dapibus neque. <font color="cac5c0">"Vivamus mauris nulla, pharetra quis consectetur quis, dignissim vel nunc."</font> Vestibulum consectetur imperdiet ligula, vel varius turpis finibus sed. Nulla ut tincidunt risus, facilisis auctor felis. Quisque eu nibh semper, tincidunt eros eu, dictum arcu. Donec molestie pellentesque ligula, nec imperdiet nulla vulputate et. Morbi cursus sollicitudin elit, vel euismod neque molestie et. Proin eu lectus nisi. Duis iaculis elit quis enim euismod, quis mollis ligula scelerisque. Morbi et interdum nibh.<br>
<br>
Fusce vehicula est at tellus ultrices fringilla. Nulla tincidunt ut diam nec volutpat. Quisque erat eros, dignissim nec imperdiet vel, ullamcorper nec dolor. Proin eu velit mauris. Proin auctor augue at magna vulputate malesuada. Suspendisse ac pretium ex. Vestibulum viverra nibh ut orci pretium, vel luctus massa ornare. Suspendisse dictum elit nec nibh ultrices, vel pellentesque enim iaculis.</div>
<div style="padding-top: 0px;padding-bottom: 15px;font-family: 'Libre Baskerville', serif;font-size: 7px;text-align: center;color: #cac5c0;text-shadow: 0px 0px 4px #000;letter-spacing: 3px;font-weight: bold;text-transform: uppercase;line-height: 11px;">quote line end 1<br>quote line end 2</div></div></div>
Feel free to use the code and change the colors and quote and whatever you want!! <3
name here
what if i don't want the monster —
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ut faucibus ex. Nulla ut dapibus neque. "Vivamus mauris nulla, pharetra quis consectetur quis, dignissim vel nunc." Vestibulum consectetur imperdiet ligula, vel varius turpis finibus sed. Nulla ut tincidunt risus, facilisis auctor felis. Quisque eu nibh semper, tincidunt eros eu, dictum arcu. Donec molestie pellentesque ligula, nec imperdiet nulla vulputate et. Morbi cursus sollicitudin elit, vel euismod neque molestie et. Proin eu lectus nisi. Duis iaculis elit quis enim euismod, quis mollis ligula scelerisque. Morbi et interdum nibh.
Fusce vehicula est at tellus ultrices fringilla. Nulla tincidunt ut diam nec volutpat. Quisque erat eros, dignissim nec imperdiet vel, ullamcorper nec dolor. Proin eu velit mauris. Proin auctor augue at magna vulputate malesuada. Suspendisse ac pretium ex. Vestibulum viverra nibh ut orci pretium, vel luctus massa ornare. Suspendisse dictum elit nec nibh ultrices, vel pellentesque enim iaculis.
Feel free to use the code and change the colors and quote and whatever you want!! <3
name here
what if i don't want the monster —
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ut faucibus ex. Nulla ut dapibus neque. "Vivamus mauris nulla, pharetra quis consectetur quis, dignissim vel nunc." Vestibulum consectetur imperdiet ligula, vel varius turpis finibus sed. Nulla ut tincidunt risus, facilisis auctor felis. Quisque eu nibh semper, tincidunt eros eu, dictum arcu. Donec molestie pellentesque ligula, nec imperdiet nulla vulputate et. Morbi cursus sollicitudin elit, vel euismod neque molestie et. Proin eu lectus nisi. Duis iaculis elit quis enim euismod, quis mollis ligula scelerisque. Morbi et interdum nibh.
Fusce vehicula est at tellus ultrices fringilla. Nulla tincidunt ut diam nec volutpat. Quisque erat eros, dignissim nec imperdiet vel, ullamcorper nec dolor. Proin eu velit mauris. Proin auctor augue at magna vulputate malesuada. Suspendisse ac pretium ex. Vestibulum viverra nibh ut orci pretium, vel luctus massa ornare. Suspendisse dictum elit nec nibh ultrices, vel pellentesque enim iaculis.