What's new
  • 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 It's Showtime~☆

Nano

artistic shrimp
act 10: Viewfinder
mobile friendly | in character post | noscroll | link 01 | link 02
Dumdum Nano finally found out that accents weren't actually nuked during the update, so they're back in this code! I'll be updating the other codes as well. All colors can be easily changed just by editing the values in the very first border tag.

For this code, I decided to play around a bit with colors, so I have two versions up: one where the colors are mostly black, white, and grey while another which has four different colors. Due to the slightly different set up of where each color is assigned, I suggest using the greyscale (link 01) version of the code if you're fine with monotone. If you want to play around with the colors yourself, you should use the colorful version (link 02).





SomeTitle
First Lastname
Every step forward echoes a sigh.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus tristique tellus id arcu dictum, vitae porttitor metus sollicitudin. Pellentesque vel finibus ligula. Nunc augue leo, ornare id libero eu, dapibus tempus massa. Nulla risus augue, molestie non placerat vel, sagittis vel sem. Vestibulum dapibus finibus nunc, id accumsan lectus iaculis non. Ut lacus turpis, semper et sem vel, tincidunt scelerisque nunc. Maecenas eleifend finibus dictum. Maecenas at cursus augue. Suspendisse dignissim, nunc eu accumsan tempor, leo urna lacinia nisl, sit amet congue velit purus quis ligula. Vestibulum sit amet eros quam. Cras felis nisi, facilisis quis fermentum eu, aliquam vitae ex. Fusce ut pharetra leo. Integer varius auctor enim, nec varius neque luctus ac.

"Etiam nec mauris at eros rhoncus pulvinar."
Vestibulum elit turpis, gravida vitae interdum vitae, feugiat sit amet justo. Etiam vehicula, eros vulputate volutpat suscipit, felis risus sagittis justo, non scelerisque erat eros id tellus. Nam sed tempus mi, ut finibus ligula. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Quisque vestibulum orci vitae ipsum cursus, a consequat purus pharetra. Quisque vehicula condimentum quam, quis vulputate ante mattis in. In posuere lectus at pulvinar rutrum. Vivamus in ante in lacus pellentesque imperdiet. Integer vulputate urna eros, a aliquet urna rhoncus vitae. Duis venenatis metus felis, sit amet commodo est euismod quis. Donec sodales orci at nisi aliquet, ut pulvinar erat gravida. In condimentum imperdiet neque, sit amet suscipit enim luctus at. Morbi viverra tellus non nibh pulvinar scelerisque.

Nullam fermentum fermentum leo quis tempor. Curabitur porta tortor ut sem blandit mollis. Morbi pellentesque felis at tempor aliquet. Proin quis ornare sapien. Maecenas a libero aliquet, sollicitudin risus a, iaculis justo. Mauris rhoncus semper blandit. Integer vehicula at lectus nec condimentum. Mauris porta at odio a maximus. Integer nunc velit, bibendum eu interdum ut, condimentum a neque. Mauris nec elit porta, ultricies mi sed, vulputate ligula.
Code By Nano


SomeTitle
First Lastname
as I continue to bloom in that artificial flower garden
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus tristique tellus id arcu dictum, vitae porttitor metus sollicitudin. Pellentesque vel finibus ligula. Nunc augue leo, ornare id libero eu, dapibus tempus massa. Nulla risus augue, molestie non placerat vel, sagittis vel sem. Vestibulum dapibus finibus nunc, id accumsan lectus iaculis non. Ut lacus turpis, semper et sem vel, tincidunt scelerisque nunc. Maecenas eleifend finibus dictum. Maecenas at cursus augue. Suspendisse dignissim, nunc eu accumsan tempor, leo urna lacinia nisl, sit amet congue velit purus quis ligula. Vestibulum sit amet eros quam. Cras felis nisi, facilisis quis fermentum eu, aliquam vitae ex. Fusce ut pharetra leo. Integer varius auctor enim, nec varius neque luctus ac.

"Etiam nec mauris at eros rhoncus pulvinar."
Vestibulum elit turpis, gravida vitae interdum vitae, feugiat sit amet justo. Etiam vehicula, eros vulputate volutpat suscipit, felis risus sagittis justo, non scelerisque erat eros id tellus. Nam sed tempus mi, ut finibus ligula. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Quisque vestibulum orci vitae ipsum cursus, a consequat purus pharetra. Quisque vehicula condimentum quam, quis vulputate ante mattis in. In posuere lectus at pulvinar rutrum. Vivamus in ante in lacus pellentesque imperdiet. Integer vulputate urna eros, a aliquet urna rhoncus vitae. Duis venenatis metus felis, sit amet commodo est euismod quis. Donec sodales orci at nisi aliquet, ut pulvinar erat gravida. In condimentum imperdiet neque, sit amet suscipit enim luctus at. Morbi viverra tellus non nibh pulvinar scelerisque.

Nullam fermentum fermentum leo quis tempor. Curabitur porta tortor ut sem blandit mollis. Morbi pellentesque felis at tempor aliquet. Proin quis ornare sapien. Maecenas a libero aliquet, sollicitudin risus a, iaculis justo. Mauris rhoncus semper blandit. Integer vehicula at lectus nec condimentum. Mauris porta at odio a maximus. Integer nunc velit, bibendum eu interdum ut, condimentum a neque. Mauris nec elit porta, ultricies mi sed, vulputate ligula.
Code By Nano
 

Nano

artistic shrimp
act 11: Reverie
mobile friendly | character sheet | scroll | link
A simple but hopefully neat character sheet design? It's a bit squished on mobile, but it's still readable.

For the images, I personally feel like they look much better when you edit them using some other photo editing program, but I left filters in the code itself for anyone who can't or doesn't wish to go through that trouble. There's also the option of not using filters at all, though I think it ruins the overall vibe the code is going for.

All art is by MG.

It's past 5AM. Why am I still awake?





shian
hollard
Why can't I see the colors that you see?
Basic Information
Full Name
First Lastname
Nicknames
Petnames
Epithet
Title here
Gender
He/She/They/Etc
Age
Number (##)
Date of Birth
Month nth
Race
Ethnicity or Species
Appearance
Hair Color
Descriptor
Eye Color
Descriptor
Height
#'##" (xxcm)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ornare massa ante, sed ullamcorper turpis consequat id. Fusce vitae est congue, efficitur arcu eu, efficitur magna. Maecenas a purus in nunc pharetra pellentesque vel lacinia sapien. Sed elementum mollis lacus, aliquet malesuada felis tempus eget. Nullam bibendum tortor in luctus laoreet. Etiam sed lacus elit. Ut eget scelerisque risus. Donec viverra felis eu tortor tristique commodo. Sed ante augue, congue non semper a, pellentesque ut erat. Vivamus non nibh quam. Nunc feugiat nibh rhoncus urna auctor gravida nec in purus. Maecenas dictum vestibulum varius. Praesent at dui dictum augue tempor molestie. Maecenas interdum a orci nec dictum.
Personality
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ornare massa ante, sed ullamcorper turpis consequat id. Fusce vitae est congue, efficitur arcu eu, efficitur magna. Maecenas a purus in nunc pharetra pellentesque vel lacinia sapien. Sed elementum mollis lacus, aliquet malesuada felis tempus eget. Nullam bibendum tortor in luctus laoreet. Etiam sed lacus elit. Ut eget scelerisque risus. Donec viverra felis eu tortor tristique commodo. Sed ante augue, congue non semper a, pellentesque ut erat. Vivamus non nibh quam. Nunc feugiat nibh rhoncus urna auctor gravida nec in purus. Maecenas dictum vestibulum varius. Praesent at dui dictum augue tempor molestie. Maecenas interdum a orci nec dictum.

Integer pharetra sit amet ipsum eu pellentesque. Phasellus venenatis id dolor sit amet dictum. Donec cursus sapien neque, sit amet congue ante facilisis sed. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla dapibus ultrices lobortis. Quisque tincidunt ex eget diam interdum, sed bibendum neque vehicula. Phasellus eget massa eu ex semper bibendum. Praesent blandit enim placerat dolor blandit lacinia sagittis eget sem. Nullam sapien ex, porttitor eu scelerisque ut, lacinia a risus.
Backstory
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ornare massa ante, sed ullamcorper turpis consequat id. Fusce vitae est congue, efficitur arcu eu, efficitur magna. Maecenas a purus in nunc pharetra pellentesque vel lacinia sapien. Sed elementum mollis lacus, aliquet malesuada felis tempus eget. Nullam bibendum tortor in luctus laoreet. Etiam sed lacus elit. Ut eget scelerisque risus. Donec viverra felis eu tortor tristique commodo. Sed ante augue, congue non semper a, pellentesque ut erat. Vivamus non nibh quam. Nunc feugiat nibh rhoncus urna auctor gravida nec in purus. Maecenas dictum vestibulum varius. Praesent at dui dictum augue tempor molestie. Maecenas interdum a orci nec dictum.

Integer pharetra sit amet ipsum eu pellentesque. Phasellus venenatis id dolor sit amet dictum. Donec cursus sapien neque, sit amet congue ante facilisis sed. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla dapibus ultrices lobortis. Quisque tincidunt ex eget diam interdum, sed bibendum neque vehicula. Phasellus eget massa eu ex semper bibendum. Praesent blandit enim placerat dolor blandit lacinia sagittis eget sem. Nullam sapien ex, porttitor eu scelerisque ut, lacinia a risus.
Relationships
First Surname: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ornare massa ante, sed ullamcorper turpis consequat id. Fusce vitae est congue, efficitur arcu eu, efficitur magna. Maecenas a purus in nunc pharetra pellentesque vel lacinia sapien. Sed elementum mollis lacus, aliquet malesuada felis tempus eget. Nullam bibendum tortor in luctus laoreet. Etiam sed lacus elit. Ut eget scelerisque risus. Donec viverra felis eu tortor tristique commodo. Sed ante augue, congue non semper a, pellentesque ut erat. Vivamus non nibh quam.
First Surname: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ornare massa ante, sed ullamcorper turpis consequat id. Fusce vitae est congue, efficitur arcu eu, efficitur magna. Maecenas a purus in nunc pharetra pellentesque vel lacinia sapien. Sed elementum mollis lacus, aliquet malesuada felis tempus eget. Nullam bibendum tortor in luctus laoreet. Etiam sed lacus elit. Ut eget scelerisque risus. Donec viverra felis eu tortor tristique commodo. Sed ante augue, congue non semper a, pellentesque ut erat. Vivamus non nibh quam. Donec viverra felis eu tortor tristique commodo. Sed ante augue, congue non semper a, pellentesque ut erat. Vivamus non nibh quam.
First Surname: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ornare massa ante, sed ullamcorper turpis consequat id. Fusce vitae est congue, efficitur arcu eu, efficitur magna. Maecenas a purus in nunc pharetra pellentesque vel lacinia sapien. Sed elementum mollis lacus, aliquet malesuada felis tempus eget. Nullam bibendum tortor in luctus laoreet. Etiam sed lacus elit. Ut eget scelerisque risus.
Magic
Title 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ornare massa ante, sed ullamcorper turpis consequat id. Fusce vitae est congue, efficitur arcu eu, efficitur magna. Maecenas a purus in nunc pharetra pellentesque vel lacinia sapien. Sed elementum mollis lacus, aliquet malesuada felis tempus eget. Nullam bibendum tortor in luctus laoreet. Etiam sed lacus elit. Ut eget scelerisque risus. Donec viverra felis eu tortor tristique commodo. Sed ante augue, congue non semper a, pellentesque ut erat. Vivamus non nibh quam. Nunc feugiat nibh rhoncus urna auctor gravida nec in purus. Maecenas dictum vestibulum varius. Praesent at dui dictum augue tempor molestie. Maecenas interdum a orci nec dictum.


Title 2

Integer pharetra sit amet ipsum eu pellentesque. Phasellus venenatis id dolor sit amet dictum. Donec cursus sapien neque, sit amet congue ante facilisis sed. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla dapibus ultrices lobortis. Quisque tincidunt ex eget diam interdum, sed bibendum neque vehicula. Phasellus eget massa eu ex semper bibendum. Praesent blandit enim placerat dolor blandit lacinia sagittis eget sem. Nullam sapien ex, porttitor eu scelerisque ut, lacinia a risus.
Extra
01.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ornare massa ante, sed ullamcorper turpis consequat id.
02.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ornare massa ante, sed ullamcorper turpis consequat id.
03.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
code by nano
 
Last edited:

Nano

artistic shrimp
act 12: Hysteric Bullet
mobile friendly | character sheet | scroll | 4 tabs | link
This was surprisingly easy to code due to the vertical tabs.

Just like the previous code, you're free to remove the filter from the code if you don't want it to be grey-scale. However, it tends to look odd due to the CS design being meant for spot color, and you might run into trouble reading the name over the image if you remove the filter.

The art used is Yeon Hajun (Paradox Live).




first surname
  • 01
    name
    surname, firstname
    nickname
    alias
    gender
    identity (pronouns)
    age
    number (##)
    date of birth
    month nth
    position
    occupation/rank
    years working
    ##
    appearance.

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse molestie mattis rutrum. Nam cursus quis nisi nec tempor. Integer lectus massa, ultrices quis sapien faucibus, luctus bibendum turpis. Suspendisse euismod iaculis dui, eget mattis nunc aliquet eget. Mauris viverra vitae arcu tristique semper. Proin feugiat a mi quis pharetra. Donec feugiat rutrum sapien, sed placerat ante scelerisque in. Praesent efficitur augue in dolor ornare molestie.
    personality.

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse molestie mattis rutrum. Nam cursus quis nisi nec tempor. Integer lectus massa, ultrices quis sapien faucibus, luctus bibendum turpis. Suspendisse euismod iaculis dui, eget mattis nunc aliquet eget. Mauris viverra vitae arcu tristique semper. Proin feugiat a mi quis pharetra. Donec feugiat rutrum sapien, sed placerat ante scelerisque in. Praesent efficitur augue in dolor ornare molestie.

    Curabitur condimentum diam et vehicula malesuada. Etiam vitae imperdiet neque, in dignissim arcu. Nullam cursus felis eu justo aliquet consectetur. Quisque dapibus lorem turpis, quis tristique sapien efficitur a. Maecenas leo nibh, ultricies cursus purus ut, congue convallis felis. Suspendisse quis porta metus. Morbi sit amet semper lacus. Sed eget vestibulum felis. Cras vitae odio interdum, laoreet dui sit amet, rhoncus lacus. Donec orci orci, pulvinar vel mi et, dignissim convallis leo. Ut vel commodo erat.
01
02
03
04
code by Nano Nano
 

Sir Fungus

"My harem? Sure, you can join!"
act 12: Hysteric Bullet
mobile friendly | character sheet | scroll | 4 tabs | link
This was surprisingly easy to code due to the vertical tabs.

Just like the previous code, you're free to remove the filter from the code if you don't want it to be grey-scale. However, it tends to look odd due to the CS design being meant for spot color, and you might run into trouble reading the name over the image if you remove the filter.

The art used is Yeon Hajun (Paradox Live).




first surname
  • 01
    name
    surname, firstname
    nickname
    alias
    gender
    identity (pronouns)
    age
    number (##)
    date of birth
    month nth
    position
    occupation/rank
    years working
    ##
    appearance.

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse molestie mattis rutrum. Nam cursus quis nisi nec tempor. Integer lectus massa, ultrices quis sapien faucibus, luctus bibendum turpis. Suspendisse euismod iaculis dui, eget mattis nunc aliquet eget. Mauris viverra vitae arcu tristique semper. Proin feugiat a mi quis pharetra. Donec feugiat rutrum sapien, sed placerat ante scelerisque in. Praesent efficitur augue in dolor ornare molestie.
    personality.

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse molestie mattis rutrum. Nam cursus quis nisi nec tempor. Integer lectus massa, ultrices quis sapien faucibus, luctus bibendum turpis. Suspendisse euismod iaculis dui, eget mattis nunc aliquet eget. Mauris viverra vitae arcu tristique semper. Proin feugiat a mi quis pharetra. Donec feugiat rutrum sapien, sed placerat ante scelerisque in. Praesent efficitur augue in dolor ornare molestie.

    Curabitur condimentum diam et vehicula malesuada. Etiam vitae imperdiet neque, in dignissim arcu. Nullam cursus felis eu justo aliquet consectetur. Quisque dapibus lorem turpis, quis tristique sapien efficitur a. Maecenas leo nibh, ultricies cursus purus ut, congue convallis felis. Suspendisse quis porta metus. Morbi sit amet semper lacus. Sed eget vestibulum felis. Cras vitae odio interdum, laoreet dui sit amet, rhoncus lacus. Donec orci orci, pulvinar vel mi et, dignissim convallis leo. Ut vel commodo erat.
01
02
03
04
code by Nano Nano
Hello! I’m very much interested in using this code for a Roleplay I joined, and I wanted to ask your permission to use it before I do so.
 

Nornslayer

sugar is my wife and gold is best child




PLS MARRY ME, THANK YOU
hello hi, i have been stalking this thread for a hot minute but i felt its time to profess my love for u. these r all so amazing and pretty and cool and i love u. that is all.

Icarus -Bastille
coded by hanthesunbeam
 

Nano

artistic shrimp




PLS MARRY ME, THANK YOU
hello hi, i have been stalking this thread for a hot minute but i felt its time to profess my love for u. these r all so amazing and pretty and cool and i love u. that is all.

Icarus -Bastille
coded by hanthesunbeam
I've been somewhat down for a bit, but this just made my day xD Thanks!
 

Nano

artistic shrimp
#mobile friendly
#character sheet
#scroll
#4 tabs
ACT: 013: VIGILANT YAKSHA
I've been playing too much Genshin Impact for my own good, so I decided to make a random code in-between studying and waiting for my resin to refill. All the characters and the game itself look so nice, so it was hard to choose who to use here! Childe and Ganyu are my favorites, but I wanted to work with green again, so here's a code using Xiao instead. The stats are complete random bs tho.

Anyway, all colors and images used can be found near the top section of the code with all the accents/variables! Hopefully that makes the code easy to edit... Also shoutout to @Uxie for a tip she posted in the bbcult server a while back! I was wondering how I was going to make this code mobile friendly, until I remembered that she found out that you can space out the tabs using line-height. :''''D

I ultimately ended up getting lazy with this code, since I wanted to finish up and sleep, so I might come back to this code later to make it fancier. o/

Art used is Xiao from Genshin Impact!






Vigilant Yaksha
Xiao
  • attack
    defense
    speed
    utility
    I deal in death. If you cannot bring yourself to kill, speak my name.
    Name
    XIAO (魈)
    Epithet
    Vigilant Yaksha
    Gender
    Male
    Birthday
    April 17th
    Constellation
    Alatus Nemeseos
    Region
    Liyue
    Residence
    Wangshu Inn
    Appearance
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque a risus malesuada, interdum odio ut, ultrices sapien. Quisque vitae tristique purus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nunc tristique turpis ut massa scelerisque, ac porttitor leo congue. Morbi eget ullamcorper nunc. Fusce volutpat erat in pretium efficitur. Curabitur a dui a dolor efficitur cursus. Fusce faucibus nulla vitae orci sodales molestie.
    Personality
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent aliquet volutpat sem, vitae interdum lorem euismod pulvinar. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. In et interdum enim. Fusce placerat tristique tortor. Nulla laoreet quam dui, eget pharetra justo fermentum vel. In elit neque, mollis eu auctor ut, commodo non orci. Phasellus urna leo, pretium non ante vel, sollicitudin euismod dolor. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Mauris vel arcu tincidunt, sollicitudin libero posuere, luctus nibh. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.

    Nam in vestibulum ligula. Proin quis enim ut purus porta malesuada. Sed lectus enim, accumsan ut dignissim ut, elementum vel arcu. Vestibulum finibus, tellus sit amet convallis rutrum, risus nunc suscipit massa, quis bibendum orci massa et nibh. Nulla vel nisl suscipit, vehicula dui sit amet, sodales quam. Aliquam tempor, ex in lobortis convallis, lorem erat gravida justo, semper euismod nibh tellus in mi. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent sed ligula aliquet, viverra libero ut, elementum ipsum.
code by Nano
 

Nano

artistic shrimp
#mobile friendly
#character sheet
#scroll
#3 tabs
ACT: 014: FLOS
After fermenting for three(?) months, I am back. =v= I think this is the first time I've coded a CS with only 3 tabs? I'll add in a version with 4 tabs if asked.

As per usual, all colors, backgrounds, and images used are made easily editable in the topmost section of the code with the accents/variables. I threw the fonts in there too this time just in case (though I don't suggest changing them)!

Art used is Zhongli from Genshin Impact.






basic info
backstory
extra
Last First
名前
  • PROFILE
    FULL NAME
    Surname, Given
    NICKNAMES
    Alias
    OCCUPATION
    Blep
    AGE
    Age (##)
    BIRTHDAY
    Month nth
    GENDER
    ---
    Greetings, to my wishes, my future, and my incessant regrets. The dream with a fever of 38.5℃ eventually faded away.
    APPEARANCE
    BASICS
    HEIGHT
    #’##” | ###cm
    WEIGHT
    ###lbs | ##kg
    BLOOD TYPE
    X
    HAIR COLOR
    Color
    EYE COLOR
    Color
    MISCELLANEOUS
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer laoreet dictum massa non scelerisque. Donec mauris turpis, cursus nec lectus id, vulputate iaculis dui. Nulla quis velit imperdiet, iaculis eros vitae, sollicitudin nulla. Quisque sollicitudin risus non metus scelerisque, eget feugiat libero semper. In commodo consequat efficitur. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nulla eu mi eget nisl tincidunt rhoncus nec eu odio. In ultricies tellus leo, vitae venenatis dui faucibus sit amet. Quisque pharetra nunc leo, eu auctor augue vestibulum id. Nam mi mauris, venenatis at mauris a, aliquet dapibus nibh.
    PERSONALITY
    Greetings again. Your thoughts, your sorrows, and your erratic emotional way of thinking remain trapped within a 85cm radius.
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi ac turpis lectus. Cras feugiat ornare urna vel congue. Ut et nisl arcu. Nullam eget magna ut libero efficitur tristique sit amet ac ante. Nulla sed ex aliquet, ullamcorper arcu eu, convallis magna. Mauris hendrerit vulputate ligula, et molestie enim fringilla sed. Curabitur mi dolor, condimentum eget ipsum vitae, pretium semper augue. Nam nec magna purus.

    Aliquam elit tellus, posuere non vestibulum eget, porttitor eu dui. Vestibulum et ultrices augue. Vivamus aliquet lobortis mauris, id cursus dui luctus maximus. Ut id imperdiet dui, ut pharetra metus. Proin non leo ante. Aliquam erat volutpat. Nulla laoreet metus ante, in commodo sapien pharetra id. Vivamus fermentum, nisi at iaculis blandit, tortor nibh bibendum ipsum, a faucibus dolor massa et neque. Curabitur tempor ex justo, non varius erat gravida eget. Sed condimentum ipsum purus, id ultricies velit semper in. Etiam condimentum, odio eget imperdiet iaculis, leo mi tristique sem, et tempor metus turpis sed libero. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam blandit eu ligula quis condimentum. Aenean viverra maximus vestibulum. Suspendisse sit amet est quis justo rutrum euismod eleifend sit amet arcu. Vestibulum justo tortor, efficitur non ante ut, mollis dapibus risus.

    Quisque vel leo vel diam posuere maximus at vel dui. Sed luctus, nulla sed laoreet sagittis, urna ante bibendum libero, eu tempus enim erat id metus. Proin odio quam, dapibus non posuere hendrerit, mollis at ante. Nunc tincidunt faucibus augue eget elementum. Donec finibus vestibulum convallis. Mauris in efficitur est. Proin sed dui tempor, consectetur nunc non, mollis lacus. Mauris lobortis pellentesque pretium. Proin id posuere mauris. Pellentesque a bibendum nisi, consectetur tincidunt lorem. Cras tortor lorem, porta sit amet porta ac, ultricies in dolor.
code by Nano
 

pomme

bonk
#mobile friendly
#character sheet
#scroll
#3 tabs
ACT: 014: FLOS
After fermenting for three(?) months, I am back. =v= I think this is the first time I've coded a CS with only 3 tabs? I'll add in a version with 4 tabs if asked.

As per usual, all colors, backgrounds, and images used are made easily editable in the topmost section of the code with the accents/variables. I threw the fonts in there too this time just in case (though I don't suggest changing them)!

Art used is Zhongli from Genshin Impact.






basic info
backstory
extra
Last First
名前
  • PROFILE
    FULL NAME
    Surname, Given
    NICKNAMES
    Alias
    OCCUPATION
    Blep
    AGE
    Age (##)
    BIRTHDAY
    Month nth
    GENDER
    ---
    Greetings, to my wishes, my future, and my incessant regrets. The dream with a fever of 38.5℃ eventually faded away.
    APPEARANCE
    BASICS
    HEIGHT
    #’##” | ###cm
    WEIGHT
    ###lbs | ##kg
    BLOOD TYPE
    X
    HAIR COLOR
    Color
    EYE COLOR
    Color
    MISCELLANEOUS
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer laoreet dictum massa non scelerisque. Donec mauris turpis, cursus nec lectus id, vulputate iaculis dui. Nulla quis velit imperdiet, iaculis eros vitae, sollicitudin nulla. Quisque sollicitudin risus non metus scelerisque, eget feugiat libero semper. In commodo consequat efficitur. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nulla eu mi eget nisl tincidunt rhoncus nec eu odio. In ultricies tellus leo, vitae venenatis dui faucibus sit amet. Quisque pharetra nunc leo, eu auctor augue vestibulum id. Nam mi mauris, venenatis at mauris a, aliquet dapibus nibh.
    PERSONALITY
    Greetings again. Your thoughts, your sorrows, and your erratic emotional way of thinking remain trapped within a 85cm radius.
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi ac turpis lectus. Cras feugiat ornare urna vel congue. Ut et nisl arcu. Nullam eget magna ut libero efficitur tristique sit amet ac ante. Nulla sed ex aliquet, ullamcorper arcu eu, convallis magna. Mauris hendrerit vulputate ligula, et molestie enim fringilla sed. Curabitur mi dolor, condimentum eget ipsum vitae, pretium semper augue. Nam nec magna purus.

    Aliquam elit tellus, posuere non vestibulum eget, porttitor eu dui. Vestibulum et ultrices augue. Vivamus aliquet lobortis mauris, id cursus dui luctus maximus. Ut id imperdiet dui, ut pharetra metus. Proin non leo ante. Aliquam erat volutpat. Nulla laoreet metus ante, in commodo sapien pharetra id. Vivamus fermentum, nisi at iaculis blandit, tortor nibh bibendum ipsum, a faucibus dolor massa et neque. Curabitur tempor ex justo, non varius erat gravida eget. Sed condimentum ipsum purus, id ultricies velit semper in. Etiam condimentum, odio eget imperdiet iaculis, leo mi tristique sem, et tempor metus turpis sed libero. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam blandit eu ligula quis condimentum. Aenean viverra maximus vestibulum. Suspendisse sit amet est quis justo rutrum euismod eleifend sit amet arcu. Vestibulum justo tortor, efficitur non ante ut, mollis dapibus risus.

    Quisque vel leo vel diam posuere maximus at vel dui. Sed luctus, nulla sed laoreet sagittis, urna ante bibendum libero, eu tempus enim erat id metus. Proin odio quam, dapibus non posuere hendrerit, mollis at ante. Nunc tincidunt faucibus augue eget elementum. Donec finibus vestibulum convallis. Mauris in efficitur est. Proin sed dui tempor, consectetur nunc non, mollis lacus. Mauris lobortis pellentesque pretium. Proin id posuere mauris. Pellentesque a bibendum nisi, consectetur tincidunt lorem. Cras tortor lorem, porta sit amet porta ac, ultricies in dolor.
code by Nano
love this code so much—not to mention flos is an AMAZING song
 

Ephemeral

Qui vivra verra
This thread is aesthetically pleasing! I’m not a coder, but I love seeing these layouts because they are so creative. You’re motivating me to learn to code. Thank you for sharing them! 💕
 

SavannahSmiles

I Move The Stars For No One
#mobile friendly
#character sheet
#scroll
#3 tabs
ACT: 014: FLOS
After fermenting for three(?) months, I am back. =v= I think this is the first time I've coded a CS with only 3 tabs? I'll add in a version with 4 tabs if asked.

As per usual, all colors, backgrounds, and images used are made easily editable in the topmost section of the code with the accents/variables. I threw the fonts in there too this time just in case (though I don't suggest changing them)!

Art used is Zhongli from Genshin Impact.






basic info
backstory
extra
Last First
名前
  • PROFILE
    FULL NAME
    Surname, Given
    NICKNAMES
    Alias
    OCCUPATION
    Blep
    AGE
    Age (##)
    BIRTHDAY
    Month nth
    GENDER
    ---
    Greetings, to my wishes, my future, and my incessant regrets. The dream with a fever of 38.5℃ eventually faded away.
    APPEARANCE
    BASICS
    HEIGHT
    #’##” | ###cm
    WEIGHT
    ###lbs | ##kg
    BLOOD TYPE
    X
    HAIR COLOR
    Color
    EYE COLOR
    Color
    MISCELLANEOUS
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer laoreet dictum massa non scelerisque. Donec mauris turpis, cursus nec lectus id, vulputate iaculis dui. Nulla quis velit imperdiet, iaculis eros vitae, sollicitudin nulla. Quisque sollicitudin risus non metus scelerisque, eget feugiat libero semper. In commodo consequat efficitur. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nulla eu mi eget nisl tincidunt rhoncus nec eu odio. In ultricies tellus leo, vitae venenatis dui faucibus sit amet. Quisque pharetra nunc leo, eu auctor augue vestibulum id. Nam mi mauris, venenatis at mauris a, aliquet dapibus nibh.
    PERSONALITY
    Greetings again. Your thoughts, your sorrows, and your erratic emotional way of thinking remain trapped within a 85cm radius.
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi ac turpis lectus. Cras feugiat ornare urna vel congue. Ut et nisl arcu. Nullam eget magna ut libero efficitur tristique sit amet ac ante. Nulla sed ex aliquet, ullamcorper arcu eu, convallis magna. Mauris hendrerit vulputate ligula, et molestie enim fringilla sed. Curabitur mi dolor, condimentum eget ipsum vitae, pretium semper augue. Nam nec magna purus.

    Aliquam elit tellus, posuere non vestibulum eget, porttitor eu dui. Vestibulum et ultrices augue. Vivamus aliquet lobortis mauris, id cursus dui luctus maximus. Ut id imperdiet dui, ut pharetra metus. Proin non leo ante. Aliquam erat volutpat. Nulla laoreet metus ante, in commodo sapien pharetra id. Vivamus fermentum, nisi at iaculis blandit, tortor nibh bibendum ipsum, a faucibus dolor massa et neque. Curabitur tempor ex justo, non varius erat gravida eget. Sed condimentum ipsum purus, id ultricies velit semper in. Etiam condimentum, odio eget imperdiet iaculis, leo mi tristique sem, et tempor metus turpis sed libero. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam blandit eu ligula quis condimentum. Aenean viverra maximus vestibulum. Suspendisse sit amet est quis justo rutrum euismod eleifend sit amet arcu. Vestibulum justo tortor, efficitur non ante ut, mollis dapibus risus.

    Quisque vel leo vel diam posuere maximus at vel dui. Sed luctus, nulla sed laoreet sagittis, urna ante bibendum libero, eu tempus enim erat id metus. Proin odio quam, dapibus non posuere hendrerit, mollis at ante. Nunc tincidunt faucibus augue eget elementum. Donec finibus vestibulum convallis. Mauris in efficitur est. Proin sed dui tempor, consectetur nunc non, mollis lacus. Mauris lobortis pellentesque pretium. Proin id posuere mauris. Pellentesque a bibendum nisi, consectetur tincidunt lorem. Cras tortor lorem, porta sit amet porta ac, ultricies in dolor.
code by Nano
My friend and I were going to use this as a character sheet for our group roleplay, I hope that's okay?
 

Users who are viewing this thread

Top