• 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.

Accepting Requests cathartic.

→ name: augustus.
code type: character sheet.
code size: kinda small, similar to the size of the one i used for our wolf moon 1x1.
theme inspo:
this.
→ colour palette: this.
fonts: 12 px rpn font.
images: i need room for at least one image on each tab, although three would be desirable. static up top, don't move when i scroll. maybe a spot for a main image that disappears once you start going through tabs.
tabs/buttons: four tabs, just labelled i. ii. iii. iv. and if i could change them easily, that'd be nice too.
other: none.
deadline: as soon as comfortably possible.
 
accepted.
starboy. starboy. your request is accepted! i'll get to work on it soon, so you can expect it in a day or two.
 
delivery.
Feyrie Feyrie here's your code! it turned out bigger than i planned for it to be so i hope it's okay. pastebin wasn't working so the code is placed below. hope you like it! ( oh! you'll also need to use [br][/br] in between paragraphs for paragraph/line breaks. )


[class=tag] display: inline; margin-top: 10px; padding: 0px 0px 2px 4px; color: #085f63; font-size: 12px; font-family: Playfair Display; [/class]
character name
the saint
[div class=tag]location.
here.
[div class=tag]mood.
here.
[div class=tag]interactions.
here.
[div class=tag]tags.
here.
[/div] [/div]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris ut mollis lectus, ac gravida metus. Nam sed tortor sit amet sapien condimentum accumsan non id sapien. Ut ac iaculis lorem. Nam feugiat iaculis ante sit amet feugiat. Nullam congue commodo orci euismod porttitor. Fusce tincidunt felis metus, sit amet mattis dui imperdiet varius.

Nulla velit dolor, dapibus ut porttitor sit amet, auctor id enim. Mauris cursus eros erat, vel consequat lectus condimentum placerat. Pellentesque eu massa quis lorem iaculis laoreet. Sed eu urna justo. Nulla facilisi. Nam ipsum lectus, scelerisque a semper nec, maximus non lacus. Praesent suscipit, nibh vel aliquam vehicula, purus metus rutrum urna, eget tincidunt sapien ligula quis sem. Praesent a purus eget mi mattis cursus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed eu nisl urna. Nunc lobortis dui sit amet sapien aliquet fringilla. Vestibulum sed dictum eros, nec finibus odio. Aenean in lobortis dolor, sed cursus nisl. Suspendisse nisl ex, efficitur eu bibendum ut, vehicula quis risus. Suspendisse at dapibus orci, finibus consectetur ipsum.

Donec id scelerisque nulla, iaculis varius dui. Nulla vel placerat quam. Cras in pellentesque nunc. Nullam vel condimentum purus. Praesent porttitor imperdiet urna, et interdum lectus. In accumsan suscipit massa. Etiam scelerisque lectus in nisl sagittis efficitur. Donec nec tempus diam.

Etiam posuere volutpat tellus, nec laoreet dolor. Cras pharetra efficitur magna, a elementum velit vehicula vitae. Nullam a odio quis magna maximus placerat. Pellentesque ipsum diam, facilisis vitae pellentesque vel, vestibulum consequat magna. Donec tincidunt scelerisque nisl tincidunt scelerisque. Sed feugiat ac sapien eu rhoncus. Maecenas id eros quis ex lacinia tempor et eu magna. Donec nec dapibus lorem, ultrices tincidunt quam. Vestibulum eget lacinia nisl, eu bibendum eros. Quisque consectetur vel enim nec rutrum. Morbi et augue pretium, condimentum velit eu, iaculis dui. Suspendisse potenti. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
[/div][/div]
coded by luna.



Code:
[nobr]

[class=tag]
    display: inline;
    margin-top: 10px;
    padding: 0px 0px 2px 4px;
    color: #085f63;
    font-size: 12px;
    font-family: Playfair Display;
[/class]

[div=width: 600px; margin: auto; background: #f7f7f7; box-sizing: border-box; border-radius: 10px; border: 1px solid #e6e6e6; cursor: url(https://66.media.tumblr.com/232c090ebdd37ae4bc17adb54e1e0344/tumblr_inline_ol4nwhvSwg1uxxza6_75sq.png), auto!important;]
[div=border-bottom: 1px solid #e6e6e6; font-family: Playfair Display; color: #49beb7; font-size: 30px; text-transform: lowercase; padding-left: 20px; padding-bottom: 10px; padding-top: 10px;]character name[/div][div=padding: 40px;]

[div=display: flex; flex-direction: row;]

[div=flex: .6;]
[div=height: 100px; border-radius: 100%; background: url(https://66.media.tumblr.com/26666e83a1f6954475977481cdf87df6/df6a196b28adb5b2-40/s640x960/b06179be54c4c131ae2cac4c53b337a68d348330.jpg); background-size: cover; border: 2px solid #e6e6e6;][/div]
[div=text-align: center; padding-top: 5px; font-family: Playfair Display; color: #49beb7; font-size: 14px; text-transform: lowercase;]the saint[/div]
[/div]

[div=flex: .3;]
[div=height: 2px; width: 100%; background: #e6e6e6; margin-top: 50px;][/div]
[/div]

[div=flex: 2; background: #fff; border-radius: 10px; border: 1px solid #e6e6e6; box-sizing: border-box; padding: 10px;]
[div=height: 100px; overflow-y: auto; color: #000; font-size: 11px; line-height: 26px;]
[div class=tag]location.[/div] here.
[br][/br]
[div class=tag]mood.[/div] here.
[br][/br]
[div class=tag]interactions.[/div] here.
[br][/br]
[div class=tag]tags.[/div] here.
[/div]
[/div]

[/div]


[div=display: flex; flex-direction: row; margin-top: 30px;]

[div=flex: 2; background: #fff; border-radius: 10px; border: 1px solid #e6e6e6; box-sizing: border-box; padding: 15px;]
[div=height: 250px; overflow-y: auto; color: #000; font-size: 11px; line-height: 24px; text-align: justify;]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris ut mollis lectus, ac gravida metus. Nam sed tortor sit amet sapien condimentum accumsan non id sapien. Ut ac iaculis lorem. Nam feugiat iaculis ante sit amet feugiat. Nullam congue commodo orci euismod porttitor. Fusce tincidunt felis metus, sit amet mattis dui imperdiet varius.
[br][/br][br][/br]
Nulla velit dolor, dapibus ut porttitor sit amet, auctor id enim. Mauris cursus eros erat, vel consequat lectus condimentum placerat. Pellentesque eu massa quis lorem iaculis laoreet. Sed eu urna justo. Nulla facilisi. Nam ipsum lectus, scelerisque a semper nec, maximus non lacus. Praesent suscipit, nibh vel aliquam vehicula, purus metus rutrum urna, eget tincidunt sapien ligula quis sem. Praesent a purus eget mi mattis cursus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed eu nisl urna. Nunc lobortis dui sit amet sapien aliquet fringilla. Vestibulum sed dictum eros, nec finibus odio. Aenean in lobortis dolor, sed cursus nisl. Suspendisse nisl ex, efficitur eu bibendum ut, vehicula quis risus. Suspendisse at dapibus orci, finibus consectetur ipsum.
[br][/br][br][/br]
Donec id scelerisque nulla, iaculis varius dui. Nulla vel placerat quam. Cras in pellentesque nunc. Nullam vel condimentum purus. Praesent porttitor imperdiet urna, et interdum lectus. In accumsan suscipit massa. Etiam scelerisque lectus in nisl sagittis efficitur. Donec nec tempus diam.
[br][/br][br][/br]
Etiam posuere volutpat tellus, nec laoreet dolor. Cras pharetra efficitur magna, a elementum velit vehicula vitae. Nullam a odio quis magna maximus placerat. Pellentesque ipsum diam, facilisis vitae pellentesque vel, vestibulum consequat magna. Donec tincidunt scelerisque nisl tincidunt scelerisque. Sed feugiat ac sapien eu rhoncus. Maecenas id eros quis ex lacinia tempor et eu magna. Donec nec dapibus lorem, ultrices tincidunt quam. Vestibulum eget lacinia nisl, eu bibendum eros. Quisque consectetur vel enim nec rutrum. Morbi et augue pretium, condimentum velit eu, iaculis dui. Suspendisse potenti. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
[/div]
[/div]

[div=flex: .3;]
[div=height: 2px; width: 100%; background: #e6e6e6; margin-top: 50px;][/div]
[/div]

[div=flex: .6;]
[div=height: 100px; border-radius: 100%; background: url(https://66.media.tumblr.com/c6b5aa4034113eefdeffea9fbaf546b6/df6a196b28adb5b2-0b/s640x960/05365d9f0b9e3acf72ebbe96ba8045fa240b0936.jpg); background-size: cover; border: 2px solid #e6e6e6;][/div]
[/div]

[/div]

[/div][/div]
[div=font-size: 7px; margin-top: 5px; text-align: center;]coded by luna.[/div]

[/nobr]
 
delivery.
starboy. starboy. here's your code! i think i did everything you were looking for. hope you like it! pastebin wasn't working so the code is placed below.


[class=tag] display: inline; padding: 0px 4px 2px 4px; margin-top: 10px; background: #be3144; color: #fff; [/class] [class=tab] box-sizing: border-box; margin: 10px; padding: 10px; color: #d3d6db; text-align: center; transition: 0.5s; font-size: 20px; font-weight: bold; font-family: Avenir; cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important; [/class] [class=selectedTab] box-sizing: border-box; margin: 10px; padding: 10px; color: #be3144; text-align: center; transition: 0.5s; font-size: 20px; font-family: Avenir; cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important; [/class] [class name=tab state=hover] color: #303841; transition: 0.5s; cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important; [/class] [class name=selectedTab state=hover] color: #be3144; transition: 0.5s; cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important; [/class] [class=homeTab] box-sizing: border-box; margin: 10px; padding: 10px; color: #d3d6db; text-align: center; transition: 0.5s; font-size: 20px; font-weight: bold; font-family: Avenir; cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important; [/class] [class=selectedhomeTab] box-sizing: border-box; margin: 10px; padding: 10px; color: #d3d6db; text-align: center; transition: 0.5s; font-size: 20px; font-weight: bold; font-family: Avenir; cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important; [/class] [class name=homeTab state=hover] color: #be3144; transition: 0.5s; cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important; [/class] [class=tabContents] position: absolute; opacity: 0; transition: all .5s; width: 299px; font-size: 10px; line-height: 26px; color: #000; height: 350px; box-sizing: border-box; [/class] [class=show] opacity: 1; z-index: 1; [/class] [script class=tab1 on=click] addClass show tabContents1 removeClass show tabContents2 removeClass show tabContents3 removeClass show tabContents4 removeClass show tabContents5 addClass selectedTab tab1 removeClass selectedTab tab2 removeClass selectedTab tab3 removeClass selectedTab tab4 removeClass selectedTab tab5 [/script] [script class=tab2 on=click] addClass show tabContents2 removeClass show tabContents1 removeClass show tabContents3 removeClass show tabContents4 removeClass show tabContents5 addClass selectedTab tab2 removeClass selectedTab tab1 removeClass selectedTab tab3 removeClass selectedTab tab4 removeClass selectedTab tab5 [/script] [script class=tab3 on=click] addClass show tabContents3 removeClass show tabContents1 removeClass show tabContents2 removeClass show tabContents4 removeClass show tabContents5 addClass selectedTab tab3 removeClass selectedTab tab1 removeClass selectedTab tab2 removeClass selectedTab tab4 removeClass selectedTab tab5 [/script] [script class=tab4 on=click] addClass show tabContents4 removeClass show tabContents1 removeClass show tabContents2 removeClass show tabContents3 removeClass show tabContents5 addClass selectedTab tab4 removeClass selectedTab tab1 removeClass selectedTab tab2 removeClass selectedTab tab3 removeClass selectedTab tab5 [/script] [script class=tab5 on=click] addClass show tabContents5 removeClass show tabContents1 removeClass show tabContents2 removeClass show tabContents3 removeClass show tabContents4 addClass selectedTab tab5 removeClass selectedTab tab1 removeClass selectedTab tab2 removeClass selectedTab tab3 removeClass selectedTab tab4 [/script]
[div class="tab tab1"]i
[div class="tab tab2"]ii
[div class="tab tab3"]iii[/div] [div class="tab tab4"]iv[/div]
[div class="tab tab5"]
[/div] [/div]
[div class="tabContents tabContents5 show"]
augustus.
some quote can come here if you want.
[div class="tabContents tabContents1"]
[div class=tag]name
info.
[div class=tag]age
info.
[div class=tag]gender
info.
[div class=tag]sexuality[/div] info.
[div class=tag]tag[/div] info.
[div class=tag]tag[/div] info. [/div] [/div][/div] [div class="tabContents tabContents2"]
[div class=tag]height
info.
[div class=tag]weight
info.
[div class=tag]figure[/div] info.
[div class=tag]ailments[/div] info.
[div class=tag]tag[/div] info.
[div class=tag]tag[/div] info. [/div] [/div][/div] [div class="tabContents tabContents3"]
[div class=tag]personality
info.
[div class=tag]likes
info.
[div class=tag]dislikes[/div] info.
[div class=tag]vices[/div] info.
[div class=tag]virtues[/div] info.
[div class=tag]tag[/div] info. [/div] [/div][/div] [div class="tabContents tabContents4"]
[div class=tag]family
info.
[div class=tag]background
info.
[div class=tag]theme song[/div] info.
[div class=tag]misc[/div] info.
[div class=tag]tag[/div] info.
[div class=tag]tag[/div] info. [/div] [/div][/div] [/div] [/div] [/div]
coded by luna.


Code:
[nobr]

[class=tag]
    display: inline;
    padding: 0px 4px 2px 4px;
    margin-top: 10px;
    background: #be3144;
    color: #fff;
[/class]

[class=tab]
    box-sizing: border-box;
    margin: 10px;
    padding: 10px;
    color: #d3d6db;
    text-align: center;
    transition: 0.5s;
    font-size: 20px;
     font-weight: bold;
    font-family: Avenir;
    cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important;
[/class]

[class=selectedTab]
    box-sizing: border-box;
    margin: 10px;
    padding: 10px;
    color: #be3144;
    text-align: center;
    transition: 0.5s;
    font-size: 20px;
    font-family: Avenir;
    cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important;
[/class]

[class name=tab state=hover]
    color: #303841;
    transition: 0.5s;
    cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important;
[/class]

[class name=selectedTab state=hover]
    color: #be3144;
    transition: 0.5s;
    cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important;
[/class]

[class=homeTab]
    box-sizing: border-box;
    margin: 10px;
    padding: 10px;
    color: #d3d6db;
    text-align: center;
    transition: 0.5s;
    font-size: 20px;
     font-weight: bold;
    font-family: Avenir;
    cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important;
[/class]

[class=selectedhomeTab]
    box-sizing: border-box;
    margin: 10px;
    padding: 10px;
    color: #d3d6db;
    text-align: center;
    transition: 0.5s;
    font-size: 20px;
     font-weight: bold;
    font-family: Avenir;
    cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important;
[/class]

[class name=homeTab state=hover]
    color: #be3144;
    transition: 0.5s;
    cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important;
[/class]

[class=tabContents]
    position: absolute;
    opacity: 0;
    transition: all .5s;
    width: 299px;
    font-size: 10px;
    line-height: 26px;
    color: #000;
    height: 350px;
    box-sizing: border-box;
[/class]

[class=show]
    opacity: 1;
    z-index: 1;
[/class]

[script class=tab1 on=click]
    addClass show tabContents1
    removeClass show tabContents2
    removeClass show tabContents3
    removeClass show tabContents4
    removeClass show tabContents5

    addClass selectedTab tab1
    removeClass selectedTab tab2
    removeClass selectedTab tab3
    removeClass selectedTab tab4
    removeClass selectedTab tab5
[/script]


[script class=tab2 on=click]
    addClass show tabContents2
    removeClass show tabContents1
    removeClass show tabContents3
    removeClass show tabContents4
    removeClass show tabContents5

    addClass selectedTab tab2
    removeClass selectedTab tab1
    removeClass selectedTab tab3
    removeClass selectedTab tab4
    removeClass selectedTab tab5
[/script]


[script class=tab3 on=click]
    addClass show tabContents3
    removeClass show tabContents1
    removeClass show tabContents2
    removeClass show tabContents4
    removeClass show tabContents5

    addClass selectedTab tab3
    removeClass selectedTab tab1
    removeClass selectedTab tab2
    removeClass selectedTab tab4
    removeClass selectedTab tab5
[/script]

[script class=tab4 on=click]
    addClass show tabContents4
    removeClass show tabContents1
    removeClass show tabContents2
    removeClass show tabContents3
    removeClass show tabContents5

    addClass selectedTab tab4
    removeClass selectedTab tab1
    removeClass selectedTab tab2
    removeClass selectedTab tab3
    removeClass selectedTab tab5
[/script]

[script class=tab5 on=click]
    addClass show tabContents5
    removeClass show tabContents1
    removeClass show tabContents2
    removeClass show tabContents3
    removeClass show tabContents4

    addClass selectedTab tab5
    removeClass selectedTab tab1
    removeClass selectedTab tab2
    removeClass selectedTab tab3
    removeClass selectedTab tab4
[/script]


[div=cursor: url(https://66.media.tumblr.com/232c090ebdd37ae4bc17adb54e1e0344/tumblr_inline_ol4nwhvSwg1uxxza6_75sq.png), auto!important; width: 400px; box-sizing: border-box; border: 1px solid #f2f2f2; margin: auto; background: #f9f9f9; display: flex; flex-direction: row;]

[div=flex: .4; border-right: 1px solid #f2f2f2;]
[div class="tab tab1"]i[/div]
[div class="tab tab2"]ii[/div]
[div class="tab tab3"]iii[/div]
[div class="tab tab4"]iv[/div]

[div=margin-top: 65px;][div class="tab tab5"][fa]fas fa-home[/fa][/div][/div]
[/div]

[div=flex: 2; padding: 20px; box-sizing: border-box;]
[div=height: 350px; background: #fff;]

[div class="tabContents tabContents5 show"]
[div=margin: auto; margin-top: 130px; display: inline-block; font-size: 40px; color: #fff; background: #be3144; padding: 10px; padding-bottom: 15px; text-align: center; font-family: Avenir;]augustus.[/div]
[div=margin: auto; margin-top: 10px; display: inline-block; font-size: 15px; color: #fff; background: #303841; padding: 5px; text-align: left; font-family: Avenir; margin-right: 20px;]some quote can come here if you want.[/div]
[/div]


[div class="tabContents tabContents1"][div=height: 100%; background: #f9f9f9;]
[div=display: flex; flex-direction: row; box-sizing: border-box; margin-bottom: 10px;]
[div=flex: 1; margin-right: 15px; background: #fff; border: 1px solid #f2f2f2; box-sizing: border-box; padding: 8px; height: 90px;][div=height: 100%; width: 100%; background: url(https://dimensionmill.org/wp-content/uploads/2019/03/square-placeholder.jpg); background-size: cover; background: position: 50% 50%;][/div][/div]
[div=flex: 1; margin-right: 15px; background: #fff; border: 1px solid #f2f2f2; box-sizing: border-box; padding: 8px;][div=height: 100%; width: 100%; background: url(https://dimensionmill.org/wp-content/uploads/2019/03/square-placeholder.jpg); background-size: cover; background: position: 50% 50%;][/div][/div]
[div=flex: 1; background: #fff; border: 1px solid #f2f2f2; box-sizing: border-box; padding: 8px;][div=height: 100%; width: 100%; background: url(https://dimensionmill.org/wp-content/uploads/2019/03/square-placeholder.jpg); background-size: cover; background: position: 50% 50%;][/div][/div]
[/div]

[div=height: 250px; overflow-y: auto; color: #000;]
[div class=tag]name[/div] info.
[br][/br]
[div class=tag]age[/div] info.
[br][/br]
[div class=tag]gender[/div] info.
[br][/br]
[div class=tag]sexuality[/div] info.
[br][/br]
[div class=tag]tag[/div] info.
[br][/br]
[div class=tag]tag[/div] info.
[/div]

[/div][/div]


[div class="tabContents tabContents2"][div=height: 100%; background: #f9f9f9;]
[div=display: flex; flex-direction: row; box-sizing: border-box; margin-bottom: 10px;]
[div=flex: 1; margin-right: 15px; background: #fff; border: 1px solid #f2f2f2; box-sizing: border-box; padding: 8px; height: 90px;][div=height: 100%; width: 100%; background: url(https://dimensionmill.org/wp-content/uploads/2019/03/square-placeholder.jpg); background-size: cover; background: position: 50% 50%;][/div][/div]
[div=flex: 1; margin-right: 15px; background: #fff; border: 1px solid #f2f2f2; box-sizing: border-box; padding: 8px;][div=height: 100%; width: 100%; background: url(https://dimensionmill.org/wp-content/uploads/2019/03/square-placeholder.jpg); background-size: cover; background: position: 50% 50%;][/div][/div]
[div=flex: 1; background: #fff; border: 1px solid #f2f2f2; box-sizing: border-box; padding: 8px;][div=height: 100%; width: 100%; background: url(https://dimensionmill.org/wp-content/uploads/2019/03/square-placeholder.jpg); background-size: cover; background: position: 50% 50%;][/div][/div]
[/div]

[div=height: 250px; overflow-y: auto; color: #000;]
[div class=tag]height[/div] info.
[br][/br]
[div class=tag]weight[/div] info.
[br][/br]
[div class=tag]figure[/div] info.
[br][/br]
[div class=tag]ailments[/div] info.
[br][/br]
[div class=tag]tag[/div] info.
[br][/br]
[div class=tag]tag[/div] info.
[/div]

[/div][/div]


[div class="tabContents tabContents3"][div=height: 100%; background: #f9f9f9;]
[div=display: flex; flex-direction: row; box-sizing: border-box; margin-bottom: 10px;]
[div=flex: 1; margin-right: 15px; background: #fff; border: 1px solid #f2f2f2; box-sizing: border-box; padding: 8px; height: 90px;][div=height: 100%; width: 100%; background: url(https://dimensionmill.org/wp-content/uploads/2019/03/square-placeholder.jpg); background-size: cover; background: position: 50% 50%;][/div][/div]
[div=flex: 1; margin-right: 15px; background: #fff; border: 1px solid #f2f2f2; box-sizing: border-box; padding: 8px;][div=height: 100%; width: 100%; background: url(https://dimensionmill.org/wp-content/uploads/2019/03/square-placeholder.jpg); background-size: cover; background: position: 50% 50%;][/div][/div]
[div=flex: 1; background: #fff; border: 1px solid #f2f2f2; box-sizing: border-box; padding: 8px;][div=height: 100%; width: 100%; background: url(https://dimensionmill.org/wp-content/uploads/2019/03/square-placeholder.jpg); background-size: cover; background: position: 50% 50%;][/div][/div]
[/div]

[div=height: 250px; overflow-y: auto; color: #000;]
[div class=tag]personality[/div] info.
[br][/br]
[div class=tag]likes[/div] info.
[br][/br]
[div class=tag]dislikes[/div] info.
[br][/br]
[div class=tag]vices[/div] info.
[br][/br]
[div class=tag]virtues[/div] info.
[br][/br]
[div class=tag]tag[/div] info.
[/div]

[/div][/div]


[div class="tabContents tabContents4"][div=height: 100%; background: #f9f9f9;]
[div=display: flex; flex-direction: row; box-sizing: border-box; margin-bottom: 10px;]
[div=flex: 1; margin-right: 15px; background: #fff; border: 1px solid #f2f2f2; box-sizing: border-box; padding: 8px; height: 90px;][div=height: 100%; width: 100%; background: url(https://dimensionmill.org/wp-content/uploads/2019/03/square-placeholder.jpg); background-size: cover; background: position: 50% 50%;][/div][/div]
[div=flex: 1; margin-right: 15px; background: #fff; border: 1px solid #f2f2f2; box-sizing: border-box; padding: 8px;][div=height: 100%; width: 100%; background: url(https://dimensionmill.org/wp-content/uploads/2019/03/square-placeholder.jpg); background-size: cover; background: position: 50% 50%;][/div][/div]
[div=flex: 1; background: #fff; border: 1px solid #f2f2f2; box-sizing: border-box; padding: 8px;][div=height: 100%; width: 100%; background: url(https://dimensionmill.org/wp-content/uploads/2019/03/square-placeholder.jpg); background-size: cover; background: position: 50% 50%;][/div][/div]
[/div]

[div=height: 250px; overflow-y: auto; color: #000;]
[div class=tag]family[/div] info.
[br][/br]
[div class=tag]background[/div] info.
[br][/br]
[div class=tag]theme song[/div] info.
[br][/br]
[div class=tag]misc[/div] info.
[br][/br]
[div class=tag]tag[/div] info.
[br][/br]
[div class=tag]tag[/div] info.
[/div]

[/div][/div]



[/div]
[/div]

[/div]
[div=font-size: 7px; text-align: center; margin-top: 5px;]coded by luna.[/div]

[/nobr]
 
→ name: cailin russo (if possible, could this be changeable? so i can use it for several characters? thanks!)
→ code type: character sheet
→ theme inspo: here and here and here
→ colour palette: pastel colours (baby blues, pale pinks, lavender purples), grey, white, black (minimal black)
→ fonts: for the paragraph text, verdana is perfect. for any titles, i love capital letters (a font like 'playfair display' or the one on yousmelldead's character sheet title are great)
→ images: i would love for there to be one main image, as well as some small images within the character sheet, if that's possible. i'm not picky on where they go!
→ tabs/buttons: four tabs would be perfect, as well as a home button if that's something you can do (no worries if you can't!)
→ other: i love how yousmelldead's sheet is laid out, as well as Feyrie's and AnimeGenork's! they're all gorgeous haha
→ deadline: no deadline! there's no rush on this. thanks again!
 
→ name: everett suno

code type: character sheet

code size: not small but medium but I do want it to be in the center

theme inspo: one + two

→ colour palette: this

fonts: for titles, can it be permanent marker? and for body text, chilanka.

images: three small pictures, maybe 150x150 or 200x200 with this as the big picture

tabs/buttons: I want the three small pictures to change in each tab but the big picture to stay the same, and I want just three tabs if that's ok?

other: an quote to add in, "I never knew being invisible, means being forgotten by everyone you love. " and that your sheets are really cool

deadline: as soon as you comfortably can? No major rush.
 
denied.
sereiin sereiin your request is denied, unfortunately. i don’t think i have the inspo for it and you provided me with the same inspo images as last time.
 
accepted.
r e i r e i your request is accepted! i'll get to work on it soon, so you can expect it in a day or two.
 
denied.
sereiin sereiin your request is denied, unfortunately. i don’t think i have the inspo for it and you provided me with the same inspo images as last time.
ah okay. would it be possible to re-submit a request if i changed up the inspo images and the design? or would it be okay to use another cs code that you've already made for someone else if i receive both permission from you and the person who requested it? thank you < 3
 
ah okay. would it be possible to re-submit a request if i changed up the inspo images and the design? or would it be okay to use another cs code that you've already made for someone else if i receive both permission from you and the person who requested it? thank you < 3
you could do both of those things, yes.
 
→ name: hana momoko
code type: cs
code size: preferably small to medium
theme inspo: one two three
→ colour palette: 149560
fonts: Playfair Display and Merriweather
images: main main option 2 extra extra 2
tabs/buttons: tabs (Basics, Appearance, Personality, Occupation/Skills, Bio, Etc Facts)
other: Quotes ("there is no force more powerful than a woman who knows she is a boss" "if you cant find the sunshine, become the damn thing"
deadline: in the next 4-5 days?
 
name: elements and sins
code type: group cast sheet
code size: relatively small and in the middle
theme inspo:
inspo ; inspo ; inspo
colour palette: i'm using this
image for reference and i used this website for the color palette; so greens
fonts:
roboto bold condensed for subscript font, hermes for character names, and buttermilk for title font
-im sorry if this is a lot :c
-normal rpn default font size 3 please <3
images: a lot of them;
-six icons for each character
-two images in each individual character's tab
-one title image
tabs/buttons: yes;
-two tabs on the left sidebar
-one for title page (symbol: lightning bolt)
-another one for characters (symbol: lightning bolt)
-i would like to be able to hover over each image icon (^^like the inspo) and click on it. then each character will have their own tab with their name and info
other: a spot for credit ofc; can the title page be just an image with a colored border and the group name in the middle?
-gradient for the title font please <3
deadline: no rush <3

i'm sorry if i sound rude or bossy :c i'm really picky and i want to be specific so it's easier for you. thank you so much <3
 
Hi there, might I PM you with what I want to do? Reason I ask is that one of these images is not something I necessarily want the whole site to see. It's not that it's against site rules; it just has my real name on it and I don't want to have the entire site seeing that.
 
Hello, doll! I have never coded before and I have not the slightest clue on how to ask anything about it.

I hope you don’t mind the sloppiness of this request and I hope you can kind of get the ideas I’m going for, as well as hoping you don’t mind making one. Please, let me know if you have any questions for me regarding this, sorry for the trouble if it seems too specific! ❤️




name: Darlin’

code type: character sheets

theme inspo: perhaps something in this direction https://66.media.tumblr.com/457b2350849914f11d8d98f9e9d8158d/tumblr_mmf60y7y0w1s4usuvo2_r1_540.png

colour palette: Color Hunt - Trendy Color Palettes

fonts: probably Book Antiqua, regular default sizing

images: Background: https://iheartmybb.files.wordpress.com/2012/01/noirelace.png , main image https://www.rpnation.com/attachment...653417/?hash=2a3a4c71473d142e43fa3f3f675909c7 , “main” tab https://www.rpnation.com/attachment...653422/?hash=2a3a4c71473d142e43fa3f3f675909c7 , profile https://www.rpnation.com/attachment...653422/?hash=2a3a4c71473d142e43fa3f3f675909c7 , details https://www.rpnation.com/attachment...653424/?hash=2a3a4c71473d142e43fa3f3f675909c7 and cont. https://www.rpnation.com/attachment...653425/?hash=2a3a4c71473d142e43fa3f3f675909c7

tabs/buttons: Tabs, maybe 4 (1. “Main”, 2. “Profile”, 3. “Details“, 4. “Details cont.”). “Main” would include name, nickname, age, d.o.b, gender, sexuality, role. “Profile” would contain height, weight, eyes, hair, tattoos/piercings, other defining features, faceclaim, images (up to 4), gifs (maybe 3, depending on character). “Details” would consist of their bio/background, p.o.b, likes, dislikes, occupation, hobbies, etc. And 4 would be a continuance of number 3.

other: Maybe a place for a quote under the front image

deadline: it’s no rush at all, take as much time as you need, doll
 
→ name: Faye McCarthy

→ code type: Character sheet!

→ code size: Small and centered <3

→ theme inspo: here!
→ colour palette:
ff9b54-ff7f51-ce4257-720026-4f000b.png

→ fonts: Playfair, whatever size font works best.

→ images:


→ tabs/buttons: four!! basic information (name, age, date of birth, gender, orientation) one for appearance (height, weight, hair color, eye color, tattoos/piercings), one for background/other information (vices, virtues, hobbies, personality, occupation, history), and one for the home screen c:

→ other: On the home page, under the picture or wherever you think it'd look nice, can you put the quote "It kills me how much your mind can make you feel so worthless"? On the page with her personality, as for how the pictures and tabs are laid out, i'd like the pictures to be one on each page. i want the buttons to be kind of up top in a horizontal line (i'm sorry if i'm being too specific-)

→ deadline: take your time!! i don't need it too soon c:
 
name: fukushima tsukiko
code type: cs!
theme inspo: i dont have any pictures, but i figured something minimalist with neutral colors (beige, tans, browns for accents, etc.)
color palette: here!
fonts: simple and clean fonts, the standard rpn font would work perfectly!
images:
download20191204081501.png
download20191203134659.png
tabs/buttons: i would like 4 tabs please! one for basic information (ie. height, hair, clothing, etc.), one for persona, one for background/family/relationships, and one for quirk/bnha student things (quirk, student number, class number, weakness/limits, etc.). please keep the buttons clean and minimal please and thank you!
other: i'd like for there to be variation in some sizes of the fonts, ie. headers/name are slightly bigger than the rest of the font, but nothing super big. maybe 4-5 pts bigger.
deadline: whenever you can get it done! it's not a necessity to have done asap, although that would be nice!
 
→ name: a night in the woods

code type: just an interest check.

code size: a fair-sized rectangle in the middle, ill leave the size up to you.

theme inspo: i want it to themed around camp slashers from the 70s to 80s, so think of retro vibes and stuff.


→ colour palette: since it's gonna be retro, i feel like this color palette would suit the ic nicely.

fonts:
Playfair Display for the headings, and Dosis for the main body.

images:
1575633221911.png
1575633271411.png
1575633424482.png
1575633519300.png

tabs/buttons: at least 4 tabs that has one picture each. the pictures should be on the side and not too large.

other: it doesn't have to be mobile friendly, and if possible, i want the code to kinda look like how a tv looks in the 80s or maybe an analog tv. but, im not forcing you to make it look like that. if you can do it, id be happy but if you cant do it, im alright with that.

deadline: i don't have a deadline. im happy if you can do it, take all the time you need to kink out any oddities in the code.
 

Users who are viewing this thread

Back
Top