• When posting, please be aware that artistic nudity is still nudity and not allowed under RpNation rules. Please edit your pictures accordingly!

    Remember to credit artists when using work not your own.

Resource  ×× LOVEWORDS 「♡workshop」

not mobile compatible, just a neato thing i wanted to test if it would actually work. turns out it does. for a 1x1, although I may end up using the same format for other things. tarot image is from the vachetta deck.



NOTHING
.
NOTHING
.
NOTHING
.
aila yustov
As the first in many Yustov generations to pull a major arcana, the expectations placed on Aila's shoulders are no small burden. If she doesn't take the throne, the least she could do was secure a position of power. The many pressures that surround her current position in life is enough to break a lesser person, but the young woman is able to bear it with a smile and laugh, even if it may occasionally come off as forced.

However, her lack of true resolution worries her more than she cares to admit, the least of which are her ambivalent feelings towards her engagement. Is she truly in love with her best friend, or is this a lie she feeds herself to find comfort in the arranged marriage? She doesn't want to look at it closely, instead carelessly throwing words of adoration towards her betrothed in an effort to cover up her less than true feelings.

Quite frankly, she doesn't want to graduate from the Academy; running the household and the political niceties involved in being an aristocrat are ill-suited for someone as go-with-the-flow as she is. Not to mention, there was a possibility that the World Arcana may manifest for her, as small as it seemed. Surely anyone else but her was better-suited, but the fact remained that it was possible. She'd take this one step at a time, and maybe one day she'd learn why she'd pulled the Star during her 8th birthday.
her magic is in defense and charm, winning the battle before the first strike. making a wish of protection, she painstakingly carves her words into both armor and weapon. the wind hears her hopes and carries them to the fight, where they aid whoever had been blessed with her power.
.
NOTHING
.
NOTHING
.
giles lexington
Giles struggles in the Academy, teaching the young hopefuls the art of combat. He's stuck dodging pitiful blows, extricating himself from student affections and navigating political waters. Truthfully, he'd much rather join the Royal Guard, but with the family coiffeurs empty, it's up to the young swordsman to line them. Certainly, gaining a position there would provide some, but with no war to win there was little reason for him to rise the ranks.

As a person, Giles is a charming individual with a smile as quick as his blade. He has little patience for people who try to goad him into battle; you either challenge him directly, or he simply walks away. And that's just it; he's forever seeking a fresh challenge, a new frontier. He makes no real secret of his restlessness, though he's much more hesitant to share the reasons for his shackles. His direct and straightforward nature makes him a likeable individual, if a bit frustrating to have as an instructor.
his magic is the quiet and subtle, to make his steps no louder than the breeze. in this same wind he hears what others would often not; it breathes in his ear where an enemy might lurk.
 
Last edited:
I did not even notice the panels! Are those Lyro's BBXML stuff or are you messing around with something else entirely?
 
For a private roleplay. No part of this layout may be reproduced!

  • city of sapporo
    Our stories occur in the bustling city of Sapporo, where summers are mild and winters are wonderland. The grid-like streets are a source of comfort to the many of the foreigners who live or visit the area, while for the locals it's a convenience they appreciate. Unsurprisingly, many gaijin have made their home here, the mix of culture enough to satiate a thirst for adventure and ease homesickness.

    blame shift
    When the sun sets and people have the urge to unwind, there are many options to accomodate your wishes. Susukino is the local equivalent of Tokyo's Shinjuku, though the first businesses that come to mind aren't exactly of the most appropriate nature. Fortunately, those looking for something more along the lines of music will be pleased to learn that it also sports a thriving underground scene, with many livehouses hosting local acts.

    One of the more popular homebrews is 'blame shift', a rock band still trying to find their identity in the ever-shifting music scene. On online forums, they've created quite a buzz, although it has less to do with their music and more with the band's most recent addition to the team: a pink-haired ikemen capturing the audience's hearts with his looks and voice.

    Not ones to be deterred by the rather shallow reaction, they've decided to take the unexpected popularity in stride. They hope to get a new CD out by the end of the season, riding the wave of people's curiosity before it inevitably gets replaced by the newest fad.

    pups and cups
    Unsurprisingly, many cafes dot the landscape as people flock to them in hopes of finding something to chase away the city's chill. At Pups and Cups, they do more than warm your body - they warm your heart with their cuddly canine friends. In an effort to raise awareness about the local shelter and adoption center, the cafe usually has two ready-for-adoption dogs available for a week so that they might find a good home.
STORYLINE
MEMBERS
OTHER
 
CS for a roleplay. No part of this layout may be reproduced!


CYRUS XAVIER MCCALL
  • BASICS
    Look straight into my eyes
    NAME....cyrus xavier mccall
    AGE.....twenty-one (21)
    GENDER..identifies as male
    APPEARANCE
    and tell me everything about yourself
    HAIR COLOR..blonde
    EYE COLOR...cyan
    HEIGHT..5'9" / 1.75 m
    WEIGHT..141 lbs / 64 kg

    Cyrus is comfortable in his rather gender-neutral appearance, unfazed should one mistake him for the wrong gender. He tends to wear androgynous outfits, typically in his trademark black and white. It's rare to see him in non-neutral colors, and if he is, it's an accent rather than a statement.
    PERSONALITY
    I shall give it water ever so quietly
    Strangers and acquaintances will oft describe the blond as a cool and aloof persona, his answers monosyllabic and sighs frequently the ending punctuation. The truth is much sadder than that: Cyrus is simply an undernourished and sleep-deprived individual. Many of his fellow art and design majors only see the responsible student who's one of the few to submit their work on a consistent basis. They don't see him cramming at 4AM day of submission, churning out content at the speed of light simply because he'd forgotten about it. The reason? His time and attention were previously occupied by a game of his choice.

    He's not the most responsible young adult out there, a product of being born with a silver spoon in his mouth. This extends past his academic duties, namely monetarial matters. Cyrus is still financially dependent on his parents, his rent and utilities paid for in addition to a monthly allowance for food and other fees. He learnt the hard way not spend the latter on his frivolities. Thankfully, living alone has taught him some common sense, and now he only goes hungry during the last few days before allowance or pay day.

    It wouldn't be a surprise to find out that he loses most of his money in two things: art supplies and games. The blond only wants the best in both function and fashion, whether it's his tablet for drawing class or that powerful scorer card in one of his games. He has a driving need for perfection; if something seems the slightest bit off, he'll go through great lengths to fix it. So if that means spending extra to do it, he'll bite the bullet without much fuss. This extends to his own output as well, willing to burn the midnight oil several days in a row to present a result he'd be proud of.

    Unfortunately, Cyrus is not comfortable admitting to imperfections. While he's fine hearing it from people he respects, like his professors, hearing flaws pointed out by fellow classmates puts his back up. Tell him the strategy he's using is inefficient? He'll probably passive aggressively point out your own plan's pitfalls. Petty? Yes. If there's one fault he doesn't mind admitting to, it's being vindictive.
    HISTORY
    so that it won’t end up withering
    While it's difficult to deny that Cyrus' family is well-off, his parents the founders and managing partners of a top law firm, they were not ostentiously rich so as to create a child far removed from the realities of life. They were simply busy parents who compensated for lost time with what their money could buy, and considering their bank accounts, that was quite a standard. It's pretty safe to say that this is where the blond's penchant for the best delights began.

    Frankly, Cyrus had little interest in games at first. Art and design had always been his passion even at 10 years, and it was only by chance that he stumbled upon a game's artbook, piquing his curiosity. Then it was all a downward spiral from there, buying game after game until he'd amassed quite a collection. And that still wasn't enough; eventually mobile games became a thing and he was hooked.

    This did not go unnoticed by his parents, who'd tried to control him but were simply too inconsistent to make an effect. So the summer before college, his parents told him he'd be living alone. They weren't throwing him to the wolves; they'd be paying for his basic needs. But they definitely hoped that he'd learn to stand on his own two feet.

    The first couple of months were... rough to say the least. Cyrus kept going over his monthly budget, and his parents refused to give him anymore. It's fortunate he didn't have to pay attention to rent, or he'd have been evicted during those dark times. His friends were frequent features, advising him on independent living and feeding him when he spent his money on that new gacha. At their suggestion, he took on a part-time job as flowershop's general helper, using the money he earned there instead for his many frivolities. It's worked out far better, and he's been seeing fewer leaner days.

    Cyrus was one of the first in his friend group to pick up a VR set. When Agents Temporalis came out with a call for beta, he was quick to yell at his friends to reserve a spot. He's proud to be one of the few to go from the start to the release... or so he claims. Truthfully, he's raring to flaunt his superior game knowledge and shiny beta tester badge.
 
Last edited:
CS for a roleplay. No part of this layout may be reproduced!

also just kind of ignore all the typos/wrong grammar on the 4th tab i'm too tired to care anymore :^)

  • .
    牛頭
    名前
    GOZU
    年齢
    UNKNOWN
    ラーンク
    A
    .
    Gozu is one of the two demon generals that guard the gates of hell, bearing the head of an ox. He is one of the many animal-headed oni that serve the Great King Enma. Upon entering hell, Gozu and Mezu are the first two demons you meet. They are amongst the most powerful within his employ and the chief torturers of the wicked. Should anyone escape hell, they are the ones tasked to drag them back.
    牛頭
    Legends speak of Gozu as an extremely powerful being, though the exact powers vary depending on who you ask. However, in sheer brute force it's difficult to deny that his physical strength is close to no equal. He needs no weapons or armor to fight. Some people say he has the power to move mountains, though he has neither confirmed nor denied the accusation.

    He does admit, however, that the power he uses is not just his own. Without his mask, Gozu is unable to cross realms, which he needs to do to take back to hell those who've escaped. At the moment, King Enma has bound the abilities so he's unable to attain majority of the power accessible to him if he'd not been contracted by a human. But he is noticeably much stronger when fighting with the ox mask on, even with its capabilities nerfed.

    Alongside his superior strength is tough skin that lesser blades will find difficult to cut through. And when metal manages to pierce through, his rapid regeneration will often heal the wound before he feels it. Much of Gozu's power lies in his physical traits, so he's someone you'll want to send to the frontline rather than skulk in the shadows.

    While physically it's difficult to find fault in Gozu, he has no other weapon other than his body... and his brain to an extent. Yes, he could certainly learn to shoot with a bow to add some distance to his repertoire, but what's the point when you've got built-in armor and stamina to boot? Any magical abilities typically associated with Ayakashi are non-existent with Gozu, though he does claim to have some of them if King Enma hadn't nerfed his mask.
    見え
    LIGHT ASHEN BROWN
    PALE GREEN
    身長
    205cm
    体重
    102kg
    カラー
    #273027
    .
    At first meeting, Gozu will often have his half-starved ox head on, scaring the daylights out of anyone as he speaks in a voice better suited for the bowels of hell. Then again, that is his home, so that might just be normal for him. He does admit that wearing the mask lends him the power of his King, but it's rare he's actually needed it. Outside pranks and duties, he isn't particularly fond of donning it.

    Like most oni, he doesn't really care much for his appearance, though most corporeal troubles like bed hair or mud and dirt don't affect him. Truthfully, when he's in his usual state, the only particularly intimidating thing about Gozu is his size. Though his ears and unnaturally fit physique are points of interest, people tend to fixate on the fact he's around two meters tall.

    Gozu's outfit is rather lightly armored with many parts exposed, but what piques people's curiosity is the vial around his neck. He often states that it's Akito's blood; most aren't sure if he's joking or not, because even around his human he says that he drew it during one of the times Akito got injured.
 
not free for use. you may learn from it, but not use it as a template. be your own goddamn creative


GM
GENRES
INSPO

ART
CODE
SUGARVINE
ACTION, REALISTIC
KIKANJUU, ESPORTS

REDJUICE
SUGARVINE
Etiam faucibus, ex eget bibendum fermentum, lectus ipsum placerat odio, nec ultrices diam libero eu turpis. Quisque in semper sapien. Maecenas sed aliquet leo. Donec sit amet leo risus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Integer eget leo ligula. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam quis arcu velit. Aliquam venenatis tristique lacinia. Maecenas lobortis mi sed arcu finibus luctus.

Aliquam erat volutpat. Phasellus at nibh nisl. Aenean vestibulum elit massa, id ultrices ex semper vel. Nullam porttitor quis est vitae condimentum. Quisque convallis nunc eu diam gravida consequat. Sed porttitor, arcu ac venenatis mattis, libero nisl egestas mi, eget tempus ante dui ut nisi. Vivamus ornare purus lorem, eu ultrices massa rhoncus tempor. Nullam maximus vel sem sit amet ultricies. Pellentesque sollicitudin nisi sed mauris faucibus euismod. Vivamus sed orci id urna rutrum viverra.

Etiam faucibus, ex eget bibendum fermentum, lectus ipsum placerat odio, nec ultrices diam libero eu turpis. Quisque in semper sapien. Maecenas sed aliquet leo. Donec sit amet leo risus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Integer eget leo ligula. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam quis arcu velit. Aliquam venenatis tristique lacinia. Maecenas lobortis mi sed arcu finibus luctus.

 
Last edited:
uhh, may make this a freebie if there's enough interest in it? /shrug just ask first for this one. fully mobile compatible unless your phone is super skinny.


cH8a2aJ.jpg
CYRIL MAGNOLIA
SEVENTEEN | PIANO | JAZZ STUDIES
personality
AUT VIAM INVENIAM AUT FACIAM
Cyril is a single-minded individual, forging his own path where there are none. Compromise is a foreign concept; he's rigid in his views and unyielding on his opinions. He'd rather work alone than bend to another's leadership, and so he often finds himself working as an individual, even in situations where it should be otherwise. He simply accepts this as his lot in life. He finds that any sort of disadvantage is no excuse for not performing at his best, and his personal standards are always just shy of perfection.
Ad amussim
Details are the brunette's best friend, finding pleasure in the subtleties and nuances of music. But this same friendship is a source of discord and dissatisfaction in himself; the smallest mistake is met with rigorous correction and imperfections are searched for and repeatedly snuffed. Many find his meticulousness ironic in a genre known for its improvisation, but Cyril argues that most of the improvisation he sees from fellow students are mere bandaids for their mistakes.
De lana caprina rixari
Cyril finds himself arguing a lot, period. His detail-oriented nature has him blowing up small problems into bigger issues, creating unnecessary tension. His social life is constantly filled with strife; it's considered a peaceful week in class if he fails to exchange words with anyone. He's taken to keeping to himself to avoid the stress of fighting, but he's not one to back down when others challenge him.
history
alba avis
Cyril wasn't born a musical prodigy; his skill may have its roots in talent, but only sheer hard work could've brought it to its current ability. Much of his childhood was spent fascinated with the piano, and while his curiosity in it has somewhat diminished over time, his love for the instrument has not abated. Much of his free time was spent in the confines on his house's living room, where his original upright piano was located, which would be followed by a grand piano in the coming years. While he grew more skilled in his chosen instrument, his social skills went down the drain and the expectations set by the people around him grew ever higher. As someone whose pride needed its own room plus a walk-in closet, he always sought to reach the results that would earn him the praise and admiration of others.
felix culpa
His interest in jazz was an accident rather than an intentional choice. Cyril originally enrolled in Lorania as a classical music studies major; he entered the wrong classroom and wound up in a senior's jazz theories class. He found himself staying even after realizing the mistake, and spent the next few days researching the genre. Halfway through his freshman year, he changed his focus to jazz. Cyril's never found himself looking back on the decision even once.
 
Gosh, these layouts are so professional. I hope I'll be able to code like that one day. I can barely figure out accordions, even though I've been coding both at school and as a hobby for a couple years. It's truly amazing.
 
Lightna Lightna
thanks for the kind words! a lot of it is just familiarizing yourself with basic CSS/HTML, and then recognizing good/bad design.
the very first step would be to turn off rich text editor if you plan on making anything fancy on RPN tho lol
 
not free for use! a fully mobile compatible layout using flexboxes. there's a weird 1px thing in the image accordion, but it's only on mobile and i only noticed it after I posted the roleplay rip (i think it's one of those things that change between the private workshop and public threads, because when i tested it on my PW it was fine). Check out the rest of the thread here


inoue academy
Hello and welcome to Inogaku, a detailed high school roleplay with a very casual vibe. It's primarily character-driven rather than plot-driven; OOC conversation is a must, so having a discord is practically a prerequisite on my end. You can navigate to the other sections of the roleplay via the links to the left, including our discord server. Please be advised that an expanded version of the roleplay rules are located there. Do note that we're operating on a roleplayer-cap system, not a character-cap system.
about inogaku
honor and excellence; country and self
introduction
Inoue Gakuen is a relatively new school, a sort of flagship prototype formed from the combined efforts of the Japanese government and private institutions. Founded 11 years ago by Inoue Isamu, the school's mission remains the same until now. Its goal is simple: it aims to emulate a college-like academic environment while still keeping the core experiences associated with being a high school student. Though it's a little early to tell if it will become the high school equivalent of Toudai, many of its students eventually came to be household names in Japan, and most of its alumni cite the academy as one of their greatest influences.

Academically speaking, most, if not all, of Inogaku's students are at the very least above average. An initial entrance exam is required, followed by an interview by the faculty of a student's department of choice, as well as talent tests for relevant majors, such as those under sports or arts. It's possible to apply for a scholarship once accepted, however it's very rare that someone from the General Education department (that isn't a sports representative) receives one. They give priority to those who go under specific majors.

Much like a typical college or university, the academy is divided into three main departments catering to the main interests of its students. These are the Sports and General Education Department, the STEM Department, and finally the Performing and Fine Arts Department. Each department has a slightly different curriculum from the others, focusing on their intended subject. People who belong to the STEM program have a higher priority on science and mathematics subjects than, say, someone from the Arts Department, although the latter is still required to learn the basics.

Unlike most magnet schools with specific interests, Inogaku aims to give its students a holistic experience. An unfortunate side-effect is that the diversified interests make it difficult for the Academy to be the best at any particular field. Locally however, they've gained traction as the top school junior high students want to enroll in.
inogaku life
The school grounds are vast, in contrast to many of the schools that reside in Tokyo. This is because Inogaku is located away from metropolitan areas and rather isolated, with the nearest city being a bus ride away. It sits on a partial nature reserve in order to educate its students about the value of conservation.

Each department has its own complex of buildings, with the largest belonging to the Sports and Gen Ed students to accomodate the former's necessary equipment. Most of the school is shared ground however; it's not uncommon to see an Art student in the STEM department, or a Gen Ed student hanging out in the music rooms.

Many of Inogaku's students are from out of prefecture, and so it has on-campus accommodations for such situations. The dorm buildings are on opposite ends of the school, separated by gender, with three students per room. There's a common livingspace on the first floor of each dorm building, and each floor has a shared bathroom area comprising of six shower stalls and six toilets. Living in a dorm isn't required if your house is near enough, and it's encouraged to give priority to those who need it more.

Much of the school relies on a student's ID card; it acts as your meal ticket, your library card, your dorm key and your computer lab log, as well as a number of other uses. The staff advises heavily not to lose it; while the first loss is free, any subsequent replacements have a fine in addition to the processing fee.
uniform: male
WJV7z9P.jpg
aLIogHk.jpg
wxs5IWT.jpg
2BQMn6r.jpg
Inogaku has a very relaxed dress code, with students free to make alterations to their uniform provided that the core remains the same. For male students, the iconic striped black blazer is required during important events such as commencement exercises, and during the winter term. The button-down inside has the school emblem on on the pocket, and can be short-sleeved when not wearing the blazer such as during summer months. The pants are black slacks, paired with dark-colored socks and any dark shoes, although most prefer wearing black with the uniform.

The male and female PE uniform are identical; white track suites with parallel black lines running along the seams. Students should wear sneakers or whatever appropriate footwear. During summer students are required to take swimming classes, so the school has swimwear, with an optional rashguard.
uniform: female
JMvXrkx.jpg
QLfwsor.jpg
DcyFnGO.jpg
Xf5bJaf.jpg
Much like the male uniform, the women's blazer is typically only worn during special ceremonies and the winter term. Unlike the men's however, the blazer is left unadorned as the pattern is on the school skirt for contrast. The white button-down should be long-sleeved when wearing the blazer, otherwise, students are free to pick between the two styles depending on what they're comfortable with. The skirt itself can be worn at any length as long as it's at least two inches above the knee minimum. Students may wear socks or tights, depending on the weather. Shoes can be flat or have a heel; it only needs to be a dark color.

The male and female PE uniform are identical; white track suites with parallel black lines running along the seams. Students should wear sneakers or whatever appropriate footwear. During summer students are required to take swimming classes, so the school has swimwear, with an optional rashguard.
 
Hi! I love your coding btw. It's beautiful. Just out of curiosity, how long do you usually spend making your designs? And what's your process? Like, do you come up with the layout, then the color scheme, etc, etc?
 
PrinceOfMilk PrinceOfMilk
thank you for the kind words! Hmm, that's a tough one as it varies from design to design when it comes to general time spent. For my most recent one (inogaku), it took me a total of 50~ hours? It is a thread however, so it's unsurprising that it took me a while to finish. The Cyril CS took me around four hours from mock-up to coding, as it's a very simple design.

However, my workflow generally doesn't vary. I initially decide on a general aesthetic I want to go for. It can minimalist, colorful, or just picking an artist to use in my designs (in inogaku's case, I decided on using Kazuaki's starry sky artbook). Next step is creating a mock up, which can start out as a sketch on my notebook or I can head straight for my desktop. Either way though, I generally make finished mock-ups on Photoshop.

Color schemes aren't really my forte unfortunately, though I will say I hate using washed out colors. Thematic CS designs are easier, as they're reliant on the base thread's themes and overall feel. Examples of these would be God Eater and Gozu. For non thematic CS designs, such as Cyril or Noel, I tend to gravitate towards monochromatic + an accent color, as I can then change the accent to fit whatever image I plan on using.

Afterwards it's coding time. I tend to have a CSS reference handy + any of my old designs where I can look up how I did a certain code (I tend to do this a lot for my cover-up accordions). I prefer using Lyro Lyro 's bbcoder as the way it's formatted is much more familiar to me than the inline-styling used in normal bbcodes.

I hope this helped! If you have any other questions feel free to ask. u w u /
 
PrinceOfMilk PrinceOfMilk
thank you for the kind words! Hmm, that's a tough one as it varies from design to design when it comes to general time spent. For my most recent one (inogaku), it took me a total of 50~ hours? It is a thread however, so it's unsurprising that it took me a while to finish. The Cyril CS took me around four hours from mock-up to coding, as it's a very simple design.

However, my workflow generally doesn't vary. I initially decide on a general aesthetic I want to go for. It can minimalist, colorful, or just picking an artist to use in my designs (in inogaku's case, I decided on using Kazuaki's starry sky artbook). Next step is creating a mock up, which can start out as a sketch on my notebook or I can head straight for my desktop. Either way though, I generally make finished mock-ups on Photoshop.

Color schemes aren't really my forte unfortunately, though I will say I hate using washed out colors. Thematic CS designs are easier, as they're reliant on the base thread's themes and overall feel. Examples of these would be God Eater and Gozu. For non thematic CS designs, such as Cyril or Noel, I tend to gravitate towards monochromatic + an accent color, as I can then change the accent to fit whatever image I plan on using.

Afterwards it's coding time. I tend to have a CSS reference handy + any of my old designs where I can look up how I did a certain code (I tend to do this a lot for my cover-up accordions). I prefer using Lyro Lyro 's bbcoder as the way it's formatted is much more familiar to me than the inline-styling used in normal bbcodes.

I hope this helped! If you have any other questions feel free to ask. u w u /

Thank you so much! This really helped (I've literally never thought of making a mock up oops). And wowie, that's pretty long! It really does pay off though, these designs are amazing TwT
 
lmao stalking your gorgeous coding again and realizing (again) we never even started this rp *cries*
super smol and short cs code for a 1x1 pokemon rp i have with a friend. not open for use! tested and it's completely mobile compatible so yay for me.






.
.
Rue is a young girl who enjoys adventure, pretty things, and competition. That sounds like a perfect combination for an aspiring coordinator... if only they weren't Rue. Unfortunately, the girl doesn't have a single artistic bone in her body. A fact which she's reluctantly come to accept after three years of not moving past the normal contests.

Fortunately for all involved, she does possess a knack for something else: battling. If she couldn't release all that pent-up energy somewhere, the trainer's liable to destroy something. So she channels her passions into pursuing the eight badges, eventually aiming to win the league of her respective region.

While not the most meticulous person, Rue adores her Pokémon and takes care of them as best as she can. Maybe it's thanks to growing up near a daycare center, or just a natural propensity towards it, but she's quick to understand a creature's personal nuances. And she enjoys a challenge; the more capricious the Pokémon, the more desirable it is for her. "Beauty is fickle"; Rue doesn't understand why the vice versa can't be true.
.
.
.
.
.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse quis lobortis velit, at ornare dolor. Donec convallis interdum tellus id convallis. In consectetur dui pretium mauris rhoncus congue. Quisque mollis nunc purus, et dictum felis rutrum a. Ut commodo lorem erat, ut tempus ligula suscipit sit amet. In ac venenatis justo, et tempus leo. Nam dapibus ac nunc quis pulvinar.

Cras feugiat justo libero, a scelerisque quam auctor quis. Curabitur maximus tortor sit amet ante mollis dictum. Nunc purus mi, pretium sit amet pulvinar ac, lobortis non sapien. Nulla facilisi. Aenean enim enim, condimentum ut mauris eu, lacinia mattis nisi. Nulla et pellentesque lacus. Donec pretium quam sed placerat placerat. Nam tincidunt in eros at scelerisque. Aenean blandit nulla purus, et maximus dui blandit sit amet. Integer et purus lectus. Nulla in egestas neque, quis pharetra arcu. Integer eleifend gravida tincidunt.
.
.
.
.
.
.


 
Not my best color distribution, but I'm honestly too tired to care. :'D;; This was made to show the personalization options for my freebie code I-No! Check out the code in my freebie thread. c:




xxxx
  • 5II0h8q.gif
    BASICS
    NINETEEN | CISFEMALE | PISTOL
    RUAN QUANTS
    ATTACK
    /*atk*/
    DEFENSE
    /*defense*/
    WEAPON PROFICIENCY
    /*magic*/
    AGILITY
    /*resistance*/
    FIRE
    /*agility*/
    LIGHTNING
    /*dexterity*/
    ICE
    /*luck*/
    DEFENSE MAGIC
    /*luck*/
    The representatives of Aries have always proven to be aggressive go-getters, and Ruan is no exception to the trend. Many find her overexcitable behavior childish and too simplistic for one who should be keeping the peace, but that's just how the young woman is. Thinking things through's never been her strong point; she's not afraid to admit that. All she prides herself in is her bravery... although she may even have too much of that, given the many reckless decisions she's made in her admittedly short tenure as a Tala.

    Despite her inexperience compared to other members, she's not afraid to speak her mind, going head to head with the leader herself. It's not that she means to be disrespectful; Ruan just wants others to listen to her opinions as well. She knows she's much stronger than many of the other Tala, and isn't afraid to flaunt that strength when she feels challenged or underestimated. Her view of the world is very black and white and her means of solving its problems even simpler. If you do bad things, you're a bad person, and you deserve to be punished whether that's jail time or a uppercut to the jaw. The gray area simply doesn't exist.
    3G2mIvt.png
    ARIES
01
02
03
 
Created with a lot of BBCode+ for my future roleplay, ENDGAME. This one is not free as a resource; it's a showcase. It should be fully mobile compatible if I'm not mistaken. o: Still need to do a lot of editing/clean up (like that weird blink whenever you try to open any team other than LOUDER's tabs), but at this point i'm too tired since it's 15 minutes to 3am laughs @ self


[class name=body] position: relative; box-sizing: border-box; width: 100%; max-width: 1200px; min-height: 600px; height: 75vh; max-height: 900px; overflow: hidden; margin: auto; background: #10151f; [/class] [class name=top] background: #10151f url(https://i.imgur.com/lF5I7vK.jpg) no-repeat center center; position: relative; height: 100%; width: 100%; [/class] [class name=verticalLine] background: #FFF; position: absolute; height: 85%; width: 1px; right: 8%; bottom: 8%; mix-blend-mode: overlay; font-size: 0px; [/class] [class name=horizontalLine] background: #FFF; position: absolute; height: 1px; width: 85%; right: 5%; bottom: 13%; mix-blend-mode: overlay; font-size: 0px; [/class] [class name=imageMenuBar] position: absolute; right: 10%; bottom: 15%; width: 80%; text-align: right; max-height: 350px; overflow-x: hidden; overflow-y: auto; z-index: 2; [/class] [class name=imageMenuItem] display: inline-block; width: 100px; height: 100px; outline: 15px solid rgba(16, 21, 31, 0.65); font-size: 0px; margin: 20px; background: #10151f; cursor: pointer; filter: none; [/class] [class name=imageMenuStory] display: inline-block; width: 100px; height: 100px; outline: 15px solid rgba(16, 21, 31, 0.65); font-size: 0px; margin: 20px; background: #10151f url(http://fakeimg.pl/140x141/10151f/10151f/?text=+) center center; cursor: pointer; -o-transition: background .5s ease-in-out; -ms-transition: background .5s ease-in-out; -moz-transition: background .5s ease-in-out; -webkit-transition: background .5s ease-in-out; transition: background .5s ease-in-out; [/class] [class name=imageMenuStory state=hover] background: #10151f url(https://i.imgur.com/A5OWTn0.jpg) center center; [/class] [class name=imageMenuMechanics] display: inline-block; width: 100px; height: 100px; outline: 15px solid rgba(16, 21, 31, 0.65); font-size: 0px; margin: 20px; background: #10151f url(http://fakeimg.pl/140x141/10151f/10151f/?text=+) center center; cursor: pointer; -o-transition: background .5s ease-in-out; -ms-transition: background .5s ease-in-out; -moz-transition: background .5s ease-in-out; -webkit-transition: background .5s ease-in-out; transition: background .5s ease-in-out; [/class] [class name=imageMenuMechanics state=hover] background: #10151f url(https://i.imgur.com/7YT7Olq.jpg) center center; [/class] [class name=imageMenuTeams] display: inline-block; width: 100px; height: 100px; outline: 15px solid rgba(16, 21, 31, 0.65); font-size: 0px; margin: 20px; background: #10151f url(http://fakeimg.pl/140x141/10151f/10151f/?text=+) center center; cursor: pointer; -o-transition: background .5s ease-in-out; -ms-transition: background .5s ease-in-out; -moz-transition: background .5s ease-in-out; -webkit-transition: background .5s ease-in-out; transition: background .5s ease-in-out; [/class] [class name=imageMenuTeams state=hover] background: #10151f url(https://i.imgur.com/ZlELgbc.jpg) center center; [/class] [class name=imageMenuRules] display: inline-block; width: 100px; height: 100px; outline: 15px solid rgba(16, 21, 31, 0.65); font-size: 0px; margin: 20px; background: #10151f url(http://fakeimg.pl/140x141/10151f/10151f/?text=+) center center; cursor: pointer; -o-transition: background .5s ease-in-out; -ms-transition: background .5s ease-in-out; -moz-transition: background .5s ease-in-out; -webkit-transition: background .5s ease-in-out; transition: background .5s ease-in-out; [/class] [class name=imageMenuRules state=hover] background: #10151f url(https://i.imgur.com/g7bKT3X.jpg) center center; [/class] [class name=tabWrap] display: flex; flex-flow: column wrap; height: 100%; width: 100%; overflow: hidden; background: url(https://i.imgur.com/25fEuHc.jpg) no-repeat center center; [/class] [class name=navBar] display: block; height: auto; width: 100%; flex: 0 0 auto; background: rgba(16, 21, 31, 0.6); box-sizing: border-box; padding: 15px; [/class] [class name=navItem] display: inline-block; margin: 0px 15px; color: #e2e2eb; pointer-events: normal; font-weight: bold; font-size: .8em; font-family: Raleway, sanserif; -o-transition: color .4s ease-in-out; -ms-transition: color .4s ease-in-out; -moz-transition: color .4s ease-in-out; -webkit-transition: color .4s ease-in-out; transition: color .4s ease-in-out; cursor: pointer; [/class] [class name=navItem state=hover] color: #4ca2f9; [/class] [class name=selectedTab] color: #4ca2f9; [/class] [class name=tabContent] display: block; width: 100%; flex: 1 0 300px; overflow: hidden; position: relative; [/class] [class name=scrollbox] display: block; height: 100%; width: 100%; padding-right: 300px; text-align: left; overflow-x: hidden; overflow-y: scroll; [/class] [class name=textbox] text-align: left; display: inline-block; width: 80%; margin: auto; background-color: rgba(5, 9, 18, 0.6); background-image: url(https://i.imgur.com/zb7OyiH.gif); background-blend-mode: soft-light; margin: 30px 0px; box-sizing: border-box; padding: 20px; font-family: Roboto Mono, monospace; font-size: .7em; color: #e2e2eb; max-width: 800px; [/class] [class name=teamInfoBox] position: absolute; z-index: 3; background-color: rgba(5, 9, 18, 0.6); background-image: url(https://i.imgur.com/zb7OyiH.gif); background-blend-mode: soft-light; width: 88%; height: 88%; top: 6%; left: 6%; display: none; [/class] [class name=boxLabel] display: block; background: #e2e2eb; height: 34px; width: 100%; box-sizing: border-box; padding: 7px 7px 7px 14px; font-size: .7em; line-height: 1.9em; color: #05060b; font-family: Roboto Mono, monospace; text-align: left; position: relative; white-space: nowrap; overflow: hidden; [/class] [class name=closeButton] display: inline-block; background: #c2171f; cursor: pointer; height: 20px; width: 20px; position: absolute; right: 7px; top: 7px; font-size: 0px; line-height: 0px; [/class] [class name=tabBox] display: inline-block; height: 10px; width: 10px; box-sizing: border-box; border: 1px solid #e2e2eb; margin: 5px 10px 26px 10px; cursor: pointer; font-size: 0px; -o-transition: background .5s ease-in-out; -ms-transition: background .5s ease-in-out; -moz-transition: background .5s ease-in-out; -webkit-transition: background .5s ease-in-out; transition: background .5s ease-in-out; [/class] [class name=tabBox state=hover] background: #e2e2eb; [/class] [class name=tabBoxSelect] background: #e2e2eb; [/class] [class name=boxContent] display: block; box-sizing: border-box; padding: 15px; height: calc(100% - 75px); position: relative; [/class] [class name=infoContent] display: flex; height: 100%; width: 100%; flex-flow: row wrap; [/class] [class name=founderImage] flex: 1 0 200px; max-width: 500px; background-size: cover; font-size: 0px; [/class] [class name=center] position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); [/class] [class name=infoText] display: flex; flex-flow: column wrap; flex: 3 0 200px; height: 100%; overflow: hidden; font-family: Roboto Mono, monospace; font-size: .7em; color: #e2e2eb; text-align: left; padding: 10px 20px; box-sizing: border-box; [/class] [class name=stats] display: block; flex: 0 0 auto; text-align: center; [/class] [class name=statWidth] width: 20%; display: inline-block; min-width: 90px; [/class] [class name=infoParagraph] flex: 1 0 100px; text-align: left; overflow: hidden; width: 100%; display: block; box-sizing: border-box; padding-top: 10px; [/class] [script class=imageMenuStory on=click] hide tabContent hide teamInfoBox fadeOut 400 top fadeIn 400 tabWrap addClass selectedTab navItemStory fadeIn 400 tabContentStory [/script] [script class=imageMenuMechanics on=click] hide tabContent hide teamInfoBox fadeOut 400 top fadeIn 400 tabWrap addClass selectedTab navItemMechanics fadeIn 400 tabContentMechanics [/script] [script class=imageMenuTeams on=click] hide tabContent hide teamInfoBox fadeOut 400 top fadeIn 400 tabWrap addClass selectedTab navItemTeams fadeIn 400 tabContentTeams [/script] [script class=imageMenuRules on=click] hide tabContent hide teamInfoBox fadeOut 400 top fadeIn 400 tabWrap addClass selectedTab navItemRules fadeIn 400 tabContentRules [/script] [script class=navItem on=click] removeClass selectedTab navItem hide tabContent hide top hide teamInfoBox set currentnavItem (getText) if (eq ${currentnavItem} TOP) (hide tabWrap) if (eq ${currentnavItem} TOP) (fadeIn 1000 top) if (eq ${currentnavItem} STORY) (fadeIn 800 tabContentStory) if (eq ${currentnavItem} STORY) (addClass selectedTab navItemStory) if (eq ${currentnavItem} MECHANICS) (fadeIn 800 tabContentMechanics) if (eq ${currentnavItem} MECHANICS) (addClass selectedTab navItemMechanics) if (eq ${currentnavItem} TEAMS) (fadeIn 800 tabContentTeams) if (eq ${currentnavItem} TEAMS) (addClass selectedTab navItemTeams) if (eq ${currentnavItem} RULES) (fadeIn 800 tabContentRules) if (eq ${currentnavItem} RULES) (addClass selectedTab navItemRules) [/script] [script class=imageMenuItemLouder on=click] removeClass tabBoxSelect tabBox hide boxContent hide teamInfoBox fadeIn 600 teamInfoBoxLouder addClass tabBoxSelect tabBoxLogo show boxContentLogo [/script] [script class=imageMenuItemZer0 on=click] removeClass tabBoxSelect tabBox hide boxContent hide teamInfoBox fadeIn 600 teamInfoBoxZer0 addClass tabBoxSelect tabBoxLogo show boxContentLogo [/script] [script class=imageMenuItemGalahad on=click] removeClass tabBoxSelect tabBox hide boxContent hide teamInfoBox fadeIn 600 teamInfoBoxGalahad addClass tabBoxSelect tabBoxLogo show boxContentLogo [/script] [script class=imageMenuItemMadMarch on=click] removeClass tabBoxSelect tabBox hide boxContent hide teamInfoBox fadeIn 600 teamInfoBoxMadMarch addClass tabBoxSelect tabBoxLogo show boxContentLogo [/script] [script class=closeButton on=click] fadeOut 300 teamInfoBox [/script] [script class=tabBox on=click] removeClass tabBoxSelect tabBox hide boxContent set currenttabBox (getText) if (eq ${currenttabBox} LOGO) (fadeIn 800 boxContentLogo) if (eq ${currenttabBox} LOGO) (addClass tabBoxSelect tabBoxLogo) if (eq ${currenttabBox} INFO) (fadeIn 800 boxContentInfo) if (eq ${currenttabBox} INFO) (addClass tabBoxSelect tabBoxInfo) [/script]
font callfont call
[div class=body] [div class=top] [div class=verticalLine]help[/div] [div class=horizontalLine]help[/div] [div class=imageMenuBar][div class=imageMenuStory]story[/div][div class=imageMenuMechanics]mechanics[/div][div class=imageMenuTeams]teams[/div][div class=imageMenuRules]rules[/div][/div] [/div] [div class=tabWrap] [div class=navBar][div class="navItem navItemTop"]TOP[/div][div class="navItem navItemStory"]STORY[/div][div class="navItem navItemMechanics"]MECHANICS[/div][div class="navItem navItemTeams"]TEAMS[/div][div class="navItem navItemRules"]RULES[/div][/div] [div class="tabContent tabContentStory"] [div class=scrollbox style="text-align: center;"] [div class=textbox] Etiam faucibus, ex eget bibendum fermentum, lectus ipsum placerat odio, nec ultrices diam libero eu turpis. Quisque in semper sapien. Maecenas sed aliquet leo. Donec sit amet leo risus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Integer eget leo ligula. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam quis arcu velit. Aliquam venenatis tristique lacinia. Maecenas lobortis mi sed arcu finibus luctus.
Aliquam erat volutpat. Phasellus at nibh nisl. Aenean vestibulum elit massa, id ultrices ex semper vel. Nullam porttitor quis est vitae condimentum. Quisque convallis nunc eu diam gravida consequat. Sed porttitor, arcu ac venenatis mattis, libero nisl egestas mi, eget tempus ante dui ut nisi. Vivamus ornare purus lorem, eu ultrices massa rhoncus tempor. Nullam maximus vel sem sit amet ultricies. Pellentesque sollicitudin nisi sed mauris faucibus euismod. Vivamus sed orci id urna rutrum viverra.
Etiam faucibus, ex eget bibendum fermentum, lectus ipsum placerat odio, nec ultrices diam libero eu turpis. Quisque in semper sapien. Maecenas sed aliquet leo. Donec sit amet leo risus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Integer eget leo ligula. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam quis arcu velit. Aliquam venenatis tristique lacinia. Maecenas lobortis mi sed arcu finibus luctus. [/div] [/div] [/div] [div class="tabContent tabContentMechanics"] [div class=scrollbox style="text-align: center;"] [div class=textbox] Etiam faucibus, ex eget bibendum fermentum, lectus ipsum placerat odio, nec ultrices diam libero eu turpis. Quisque in semper sapien. Maecenas sed aliquet leo. Donec sit amet leo risus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Integer eget leo ligula. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam quis arcu velit. Aliquam venenatis tristique lacinia. Maecenas lobortis mi sed arcu finibus luctus. [/div] [/div] [/div] [div class="tabContent tabContentRules"] [div class=scrollbox style="text-align: center;"] [div class=textbox] Etiam faucibus, ex eget bibendum fermentum, lectus ipsum placerat odio, nec ultrices diam libero eu turpis. Quisque in semper sapien. Maecenas sed aliquet leo. Donec sit amet leo risus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Integer eget leo ligula. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam quis arcu velit. Aliquam venenatis tristique lacinia. Maecenas lobortis mi sed arcu finibus luctus. [/div] [/div] [/div] [div class="tabContent tabContentTeams"] [div class=imageMenuBar]
help
[div class="imageMenuItem imageMenuItemLouder" style="background: url(https://i.imgur.com/Cz6eLWh.jpg) center center;"]LOUDER[/div][div class="imageMenuItem imageMenuItemZer0" style="background: url(https://i.imgur.com/Hkkg5r5.jpg) center center;"]ZER0[/div][div class="imageMenuItem imageMenuItemGalahad" style="background: url(https://i.imgur.com/4i3J3uL.jpg) center center;"]GALAHAD[/div][div class="imageMenuItem imageMenuItemMadMarch" style="background: url(https://i.imgur.com/JI0Tkwr.jpg) center center;"]MADMARCH[/div][/div] [div class="teamInfoBox teamInfoBoxLouder"] [div class=boxLabel] [div class=closeButton].[/div] TEAM INFORMATION: LOUDER [/div] [div class="boxContent boxContentLogo"] [div class=center]
9rc4AfM.png
[/div] [/div] [div class="boxContent boxContentInfo" style="display: none;"] [div class=infoContent] [div class=founderImage style="background: url(https://i.imgur.com/yKddjjg.jpg) center center;"]sugarvine[/div] [div class=infoText] [div class=stats] [div class=statWidth] 29
WORLD RANKING [/div] [div class=statWidth] 1.03
WIN/LOSS RATIO [/div] [div class=statWidth] 16
SEASONS [/div] [div class=statWidth] 184
OFFICIAL MATCHES [/div] [/div] [div class=infoParagraph] [div class=scrollbox] Etiam faucibus, ex eget bibendum fermentum, lectus ipsum placerat odio, nec ultrices diam libero eu turpis. Quisque in semper sapien. Maecenas sed aliquet leo. Donec sit amet leo risus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Integer eget leo ligula. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam quis arcu velit. Aliquam venenatis tristique lacinia. Maecenas lobortis mi sed arcu finibus luctus. Aliquam erat volutpat. Phasellus at nibh nisl. Aenean vestibulum elit massa, id ultrices ex semper vel. Nullam porttitor quis est vitae condimentum. Quisque convallis nunc eu diam gravida consequat. Sed porttitor, arcu ac venenatis mattis, libero nisl egestas mi, eget tempus ante dui ut nisi. Vivamus ornare purus lorem, eu ultrices massa rhoncus tempor. Nullam maximus vel sem sit amet ultricies. Pellentesque sollicitudin nisi sed mauris faucibus euismod. Vivamus sed orci id urna rutrum viverra. [/div] [/div] [/div] [/div] [/div]
[div class="tabBox tabBoxLogo"]LOGO
[div class="tabBox tabBoxInfo"]INFO[/div][/div] [/div] [div class="teamInfoBox teamInfoBoxZer0"] [div class=boxLabel] [div class=closeButton].[/div] TEAM INFORMATION: ZER0 [/div] [div class="boxContent boxContentLogo"] [div class=center]
YFQTXar.png
[/div] [/div] [div class="boxContent boxContentInfo" style="display: none;"] [div class=infoContent] [div class=founderImage style="background: url(https://i.imgur.com/a86vIuZ.jpg) center -15px;"]sugarvine[/div] [div class=infoText] [div class=stats] [div class=statWidth] 29
WORLD RANKING [/div] [div class=statWidth] 1.03
WIN/LOSS RATIO [/div] [div class=statWidth] 16
SEASONS [/div] [div class=statWidth] 184
OFFICIAL MATCHES [/div] [/div] [div class=infoParagraph] [div class=scrollbox] Etiam faucibus, ex eget bibendum fermentum, lectus ipsum placerat odio, nec ultrices diam libero eu turpis. Quisque in semper sapien. Maecenas sed aliquet leo. Donec sit amet leo risus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Integer eget leo ligula. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam quis arcu velit. Aliquam venenatis tristique lacinia. Maecenas lobortis mi sed arcu finibus luctus. Aliquam erat volutpat. Phasellus at nibh nisl. Aenean vestibulum elit massa, id ultrices ex semper vel. Nullam porttitor quis est vitae condimentum. Quisque convallis nunc eu diam gravida consequat. Sed porttitor, arcu ac venenatis mattis, libero nisl egestas mi, eget tempus ante dui ut nisi. Vivamus ornare purus lorem, eu ultrices massa rhoncus tempor. Nullam maximus vel sem sit amet ultricies. Pellentesque sollicitudin nisi sed mauris faucibus euismod. Vivamus sed orci id urna rutrum viverra. [/div] [/div] [/div] [/div] [/div]
[div class="tabBox tabBoxLogo"]LOGO
[div class="tabBox tabBoxInfo"]INFO[/div][/div] [/div] [div class="teamInfoBox teamInfoBoxGalahad"] [div class=boxLabel] [div class=closeButton].[/div] TEAM INFORMATION: GALAHAD [/div] [div class="boxContent boxContentLogo"] [div class=center]
MUdXTbA.png
[/div] [/div] [div class="boxContent boxContentInfo" style="display: none;"] [div class=infoContent] [div class=founderImage style="background: url(https://i.imgur.com/DI3qAl0.jpg) right top;"]sugarvine[/div] [div class=infoText] [div class=stats] [div class=statWidth] 29
WORLD RANKING [/div] [div class=statWidth] 1.03
WIN/LOSS RATIO [/div] [div class=statWidth] 16
SEASONS [/div] [div class=statWidth] 184
OFFICIAL MATCHES [/div] [/div] [div class=infoParagraph] [div class=scrollbox] Etiam faucibus, ex eget bibendum fermentum, lectus ipsum placerat odio, nec ultrices diam libero eu turpis. Quisque in semper sapien. Maecenas sed aliquet leo. Donec sit amet leo risus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Integer eget leo ligula. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam quis arcu velit. Aliquam venenatis tristique lacinia. Maecenas lobortis mi sed arcu finibus luctus. Aliquam erat volutpat. Phasellus at nibh nisl. Aenean vestibulum elit massa, id ultrices ex semper vel. Nullam porttitor quis est vitae condimentum. Quisque convallis nunc eu diam gravida consequat. Sed porttitor, arcu ac venenatis mattis, libero nisl egestas mi, eget tempus ante dui ut nisi. Vivamus ornare purus lorem, eu ultrices massa rhoncus tempor. Nullam maximus vel sem sit amet ultricies. Pellentesque sollicitudin nisi sed mauris faucibus euismod. Vivamus sed orci id urna rutrum viverra. [/div] [/div] [/div] [/div] [/div]
[div class="tabBox tabBoxLogo"]LOGO
[div class="tabBox tabBoxInfo"]INFO[/div][/div] [/div] [div class="teamInfoBox teamInfoBoxMadMarch"] [div class=boxLabel] [div class=closeButton].[/div] TEAM INFORMATION: MAD MARCH [/div] [div class="boxContent boxContentLogo"] [div class=center]
7XHvWTD.png
[/div] [/div] [div class="boxContent boxContentInfo" style="display: none;"] [div class=infoContent] [div class=founderImage style="background: url(https://i.imgur.com/9fs9fEs.jpg) center top;"]sugarvine[/div] [div class=infoText] [div class=stats] [div class=statWidth] 29
WORLD RANKING [/div] [div class=statWidth] 1.03
WIN/LOSS RATIO [/div] [div class=statWidth] 16
SEASONS [/div] [div class=statWidth] 184
OFFICIAL MATCHES [/div] [/div] [div class=infoParagraph] [div class=scrollbox] Etiam faucibus, ex eget bibendum fermentum, lectus ipsum placerat odio, nec ultrices diam libero eu turpis. Quisque in semper sapien. Maecenas sed aliquet leo. Donec sit amet leo risus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Integer eget leo ligula. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam quis arcu velit. Aliquam venenatis tristique lacinia. Maecenas lobortis mi sed arcu finibus luctus. Aliquam erat volutpat. Phasellus at nibh nisl. Aenean vestibulum elit massa, id ultrices ex semper vel. Nullam porttitor quis est vitae condimentum. Quisque convallis nunc eu diam gravida consequat. Sed porttitor, arcu ac venenatis mattis, libero nisl egestas mi, eget tempus ante dui ut nisi. Vivamus ornare purus lorem, eu ultrices massa rhoncus tempor. Nullam maximus vel sem sit amet ultricies. Pellentesque sollicitudin nisi sed mauris faucibus euismod. Vivamus sed orci id urna rutrum viverra. [/div] [/div] [/div] [/div] [/div]
[div class="tabBox tabBoxLogo"]LOGO
[div class="tabBox tabBoxInfo"]INFO[/div][/div] [/div] [/div] [/div] [/div]
 
Woebegone Woebegone ahh thank you! i cant say im particularly good at coding, i just consider myself fairly decent at making things look good LOL

I usually avoid codes like the plague but my curiosity got the best of me.

... You seriously got the making things look good nailed.. and in the end, that's like the most vital component to it. @ > @ What's the point if it dun look gud ya know.

AND that code you just posted.. so nifty I can't stop playing omg.
 
I posted a comment earlier about how much I loved your layouts and how I was going to use them sometime, but then I went back through and realized that you don't want them being reproduced. That sucks, considering there's so much inspiring work here. :/ But its all still absolutely stunning! If I could heart each post a million times, I would.
 
I posted a comment earlier about how much I loved your layouts and how I was going to use them sometime, but then I went back through and realized that you don't want them being reproduced. That sucks, considering there's so much inspiring work here. :/ But its all still absolutely stunning! If I could heart each post a million times, I would.
She actually has a lovely little thread of freebies here if you want!
 

Users who are viewing this thread

Back
Top