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

Closed ๐™˜๐™–๐™ฉ๐™๐™–๐™ง๐™จ๐™ž๐™จ โ€” ๐˜ค๐˜ญ๐˜ฐ๐˜ด๐˜ฆ๐˜ฅ ๐˜ช๐˜ฏ๐˜ฅ๐˜ฆ๐˜ง๐˜ช๐˜ฏ๐˜ช๐˜ต๐˜ฆ๐˜ญ๐˜บ

oh my gosh! thank you so so much! it's absolutely perfect, and i totally appreciate your time and effort! i'll definitely be using this โ™ก
eeeep i'm glad you liked it!!
 
.chxrryette. .chxrryette. rae2nerdy rae2nerdy popping in to say you have not been forgotten! i'll be getting your codes completed today or tomorrow!
 
[class=tag2] display: inline-block; border-radius: 5px; background: #000; text-align: center; font-family: Montserrat; font-weight: bold; font-style: italic; font-size: 12px; padding: 3px 10px 6px 10px; color: #fff; [/class] [class=link2] display: inline-block; color: #999; cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important; transition: 1s; [/class] [class name=link2 state=hover] color: #000; transition: 1s; [/class]
[div class=tag2]#marigolds
[div class=tag2]#character sheet code
[div class=tag2]#medium sized[/div] [div class=tag2]#tabs[/div] [div class=tag2]#animation[/div] [div class=tag2]#not mobile friendly[/div] [/div]
.chxrryette. .chxrryette. : here's your first code! i chose an orange colour scheme but you're free to change it as you wish. i made the number of tabs you asked for, but you can always change the icons used by looking up fa icons on google, and you can also change the tab headings if you want to! the gif and three pics was a little too much, but i managed to add three placeholders for pictures/gifs in each tab.

hope you like it, and please remember to never remove the credit! also, feel free to reach out if you have any questions regarding the code and i'd be happy to help.
[/div][/div]


[div class="button"]click to take a look
[div class="tab tab1"]
[div class="tab tab2"]
[div class="tab tab3"][/div] [div class="tab tab4"][/div] [div class="tab tab5"][/div] [div class="home"][/div] [/div] [div class=content]
[div class="tabContents tabContents01"]
requisite.
[div class=tag]name
info here.

[div class=tag]nickname
info here.

[div class=tag]age
info here.

[div class=tag]gender
info here.

[div class=tag]sexuality
info here.
[/div]
[div class=tag]ethnicity
info here.
[/div]
[div class=tag]date of birth
info here.
[/div]
[div class=tag]place of birth
info here.
[/div]
[div class=tag]occupation
info here.
[/div] [/div]
[/div] [/div][/div] [div class="tabContents tabContents02"]
appearance.
[div class=tag]height
info here.

[div class=tag]weight
info here.

[div class=tag]hair
info here.

[div class=tag]eyes
info here.
[/div]
[div class=tag]build
info here.
[/div]
[div class=tag]attire
info here.
[/div]
[div class=tag]scars & markings
info here.
[/div]
[div class=tag]tattoos
info here.
[/div]
[div class=tag]piercings
info here.
[/div] [/div]
[/div] [/div][/div] [div class="tabContents tabContents03"]
psyche.
[div class=tag]personality
info here.

[div class=tag]virtues
info here.

[div class=tag]vices
info here.

[div class=tag]likes
info here.
[/div]
[div class=tag]dislikes
info here.
[/div]
[div class=tag]habits
info here.
[/div]
[div class=tag]talents
info here.
[/div]
[div class=tag]fears
info here.
[/div]
[div class=tag]ailments
info here.
[/div] [/div]
[/div] [/div][/div] [div class="tabContents tabContents04"]
abilities.
[div class=tag]abilities
info here.

[div class=tag]strengths
info here.

[div class=tag]weaknesses
info here.

[div class=tag]preferred weapon
info here.
[/div]
[div class=tag]ability limitations
info here.
[/div] [/div]
[/div] [/div][/div] [div class="tabContents tabContents05"]
history.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec at eros in quam eleifend interdum id id velit. Quisque at urna vitae magna dignissim eleifend. Nulla vitae elit enim. Nam posuere ex blandit, efficitur est consectetur, mattis nisi. Vestibulum mollis quam ipsum, et rutrum leo varius varius. Maecenas placerat, massa a vulputate placerat, mi leo dictum nunc, a tincidunt massa erat vel eros. Aliquam iaculis sagittis velit non euismod. Quisque nec cursus quam, sit amet rutrum ligula. Maecenas luctus tempor mi, eget ornare urna varius eu. Etiam consectetur metus eu tristique elementum.

Pellentesque consectetur dui ante, et fermentum orci pulvinar fringilla. Duis fermentum lorem nec arcu porttitor placerat ut in lacus. Etiam sodales rhoncus nisl vitae congue. In in lorem augue. Mauris a pretium diam, a aliquet diam. Nam condimentum sapien turpis, ut viverra massa efficitur sed. Vivamus erat diam, porta eu mattis nec, viverra id nibh. Quisque hendrerit id justo id tincidunt. Vestibulum euismod, quam imperdiet elementum viverra, quam lacus efficitur tellus, vestibulum interdum diam nisl vel tortor. Proin vitae velit dui. Nullam dignissim metus sit amet ex ornare tempor. Mauris efficitur, orci vitae hendrerit pulvinar, dui magna pellentesque mauris, ut varius dui lectus a mauris. Vivamus at varius justo.

Aenean sit amet libero vitae enim dapibus faucibus. Nullam tempus efficitur luctus. Aenean molestie pellentesque euismod. Sed dui tortor, facilisis eget molestie ut, elementum sed velit. Fusce vehicula mollis tellus, vitae finibus orci convallis eu. Quisque efficitur vestibulum diam, id aliquam lectus aliquam in. Praesent rutrum tortor elit, in aliquam libero dignissim vel. Cras vestibulum porttitor tellus, eget imperdiet libero. Cras tempus bibendum ligula sit amet ullamcorper. Suspendisse mattis orci libero, sed fringilla sapien laoreet eu. Nam sed eros eu nisi elementum malesuada vel eu est. Nam ut lorem ac turpis fermentum laoreet.
[/div] [/div][/div] [/div][/div] https://www.rpnation.com/members/natasha.78204/[/div] [class=tag] color: #ed783e; width: 25%; margin-right: 5%; font-weight: bold; text-transform: uppercase; [/class] [class=button] display: inline; position: relative; padding: 20px; font-family: Avenir; top: 110px; background: rgb(255, 255, 255, 0.5); border: 1px solid #fff; text-align: center; text-transform: uppercase; font-size: 20px; letter-spacing: 3px; transition: 1s all ease-in-out; cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important; [/class] [class name=button state=hover] background: rgb(255, 255, 255, 1); color: #000; transition: 1s all ease-in-out; [/class] [class=home] font-size: 20px; color: #333; transition: 1s all ease-in-out; cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important; [/class] [class name=home state=hover] animation: {post_id}pulse 1s ease-out; animation-iteration-count: infinite; animation-play-state: running; [/class] [class=tab] font-size: 20px; color: #333; transition: 1s all ease-in-out; cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important; [/class] [class name=tab state=hover] animation: {post_id}pulse 1s ease-out; animation-iteration-count: infinite; animation-play-state: running; [/class] [class=selectedTab] color: #ed783e; transition: 1s all ease-in-out; [/class] [class=content] height: 0px; overflow: hidden; transition: 1s all ease-in-out; position: relative; [/class] [class=open] height: 500px; transition: 1s all ease-in-out; [/class] [class=close] height: 0px; transition: 1s all ease-in-out; [/class] [class=hide] font-size: 0px; padding: 0px; border: 0px; transition: 1s all ease-in-out; [/class] [class=tabContents] position: absolute; opacity: 0; background: #f6f6f6; transition: 1s all ease-in-out; width: 600px; font-size: 12px; line-height: 22px; height: 500px; box-sizing: border-box; font-family: Montserrat; overflow-y: auto; [/class] [class=show] opacity: 1; z-index: 1; [/class] [animation=pulse] [keyframe=0]transform: scale3d(1, 1, 1);[/keyframe] [keyframe=30]transform: scale3d(1.25, 0.75, 1);[/keyframe] [keyframe=40]transform: scale3d(0.75, 1.25, 1);[/keyframe] [keyframe=50]transform: scale3d(1.15, 0.85, 1);[/keyframe] [keyframe=65]transform: scale3d(0.95, 1.05, 1);[/keyframe] [keyframe=75]transform: scale3d(1.05, 0.95, 1);[/keyframe] [keyframe=100]transform: scale3d(1, 1, 1);[/keyframe] [/animation] [script class=button on=click] addClass open content addClass hide button [/script] [script class=home on=click] removeClass open content removeClass hide button removeClass show tabContents removeClass selectedTab tab1 removeClass selectedTab tab2 removeClass selectedTab tab3 removeClass selectedTab tab4 removeClass selectedTab tab5 [/script] [script class=tab1 on=click] addClass show tabContents01 removeClass show tabContents02 removeClass show tabContents03 removeClass show tabContents04 removeClass show tabContents05 addClass selectedTab tab1 removeClass selectedTab tab2 removeClass selectedTab tab3 removeClass selectedTab tab4 removeClass selectedTab tab5 [/script] [script class=tab2 on=click] addClass show tabContents02 removeClass show tabContents01 removeClass show tabContents03 removeClass show tabContents04 removeClass show tabContents05 addClass selectedTab tab2 removeClass selectedTab tab1 removeClass selectedTab tab3 removeClass selectedTab tab4 removeClass selectedTab tab5 [/script] [script class=tab3 on=click] addClass show tabContents03 removeClass show tabContents01 removeClass show tabContents02 removeClass show tabContents04 removeClass show tabContents05 addClass selectedTab tab3 removeClass selectedTab tab1 removeClass selectedTab tab2 removeClass selectedTab tab4 removeClass selectedTab tab5 [/script] [script class=tab4 on=click] addClass show tabContents04 removeClass show tabContents01 removeClass show tabContents02 removeClass show tabContents03 removeClass show tabContents05 addClass selectedTab tab4 removeClass selectedTab tab1 removeClass selectedTab tab2 removeClass selectedTab tab3 removeClass selectedTab tab5 [/script] [script class=tab5 on=click] addClass show tabContents05 removeClass show tabContents01 removeClass show tabContents02 removeClass show tabContents03 removeClass show tabContents04 addClass selectedTab tab5 removeClass selectedTab tab1 removeClass selectedTab tab2 removeClass selectedTab tab3 removeClass selectedTab tab4 [/script] [class=link] display: inline-block; cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important; font-size: 10px; font-family: Avenir; color: #999; [/class]
 
Last edited by a moderator:
[class=tag2] display: inline-block; border-radius: 5px; background: #000; text-align: center; font-family: Montserrat; font-weight: bold; font-style: italic; font-size: 12px; padding: 3px 10px 6px 10px; color: #fff; [/class] [class=link2] display: inline-block; color: #999; cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important; transition: 1s; [/class] [class name=link2 state=hover] color: #000; transition: 1s; [/class]
[div class=tag2]#marigolds
[div class=tag2]#in character code
[div class=tag2]#medium sized[/div] [div class=tag2]#slider[/div] [div class=tag2]#animation[/div] [div class=tag2]#not mobile friendly[/div] [/div]
.chxrryette. .chxrryette. : here's your next code! i matched the colour scheme and the layout to the character sheet code so the way to access it is pretty much the same! the only difference is that there are no tabs and i put the name and role there instead, which you can edit. the location, tags, etc. is right next to the content once it slides down!

hope you like it, and please remember to never remove the credit! also, feel free to reach out if you have any questions regarding the code and i'd be happy to help.
[/div][/div]


[div class="button"]click to take a look
marigolds.
the role
[div class=content]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque rhoncus auctor ipsum ac imperdiet. Fusce nec eros ac sapien pellentesque mollis. In ut justo non leo suscipit pretium rhoncus sed neque. Nam a tellus quis diam ornare convallis. Mauris ac rutrum nisi, in eleifend metus. Maecenas tempor tincidunt felis, et posuere eros suscipit sit amet. Aliquam a scelerisque nulla. Nunc luctus velit dolor, eget sagittis mi gravida id. In pharetra blandit dui, non mollis metus scelerisque vitae.

Pellentesque mollis augue in ante dapibus, ac semper erat semper. Donec molestie tempus purus, ut facilisis arcu ornare eu. Aenean mattis est a maximus bibendum. Phasellus condimentum mauris eget elit cursus sagittis. Donec vel tempus eros. Quisque egestas interdum purus, non condimentum turpis tincidunt lobortis. Donec gravida turpis sit amet nisi rutrum eleifend. Etiam id risus ornare, mattis orci eu, aliquet risus.

Sed dictum congue feugiat. Phasellus at massa facilisis, blandit nunc quis, egestas neque. Aenean quis nibh vel sapien iaculis tempor in et erat. Maecenas lacinia, massa ut pulvinar dapibus, ex eros rutrum nulla, sed tincidunt enim lectus sed leo. Quisque laoreet arcu sed gravida scelerisque. Maecenas finibus molestie libero sit amet interdum. Nulla iaculis faucibus dolor a semper. Maecenas magna sem, sollicitudin varius metus vitae, sollicitudin sodales sapien. Mauris non ullamcorper ex. Donec dapibus ligula sit amet mauris venenatis aliquam.
[div class=tag]mood
info here.

[div class=tag]location
info here.

[div class=tag]outfit
info here.

[div class=tag]mentions[/div] info here.

[div class=tag]interactions[/div] info here.

[div class=tag]tags[/div] info here. [/div] [/div][/div] [/div][/div] https://www.rpnation.com/members/natasha.78204/[/div] [class=tag] color: #ed783e; font-weight: bold; text-transform: uppercase; [/class] [class=button] display: inline; position: relative; padding: 20px; font-family: Avenir; top: 110px; background: rgb(255, 255, 255, 0.5); border: 1px solid #fff; text-align: center; text-transform: uppercase; font-size: 20px; letter-spacing: 3px; transition: 1s all ease-in-out; cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important; [/class] [class name=button state=hover] background: rgb(255, 255, 255, 1); color: #000; transition: 1s all ease-in-out; [/class] [class=home] font-size: 20px; color: #333; transition: 1s all ease-in-out; cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important; [/class] [class name=home state=hover] animation: {post_id}pulse 1s ease-out; animation-iteration-count: infinite; animation-play-state: running; [/class] [class=content] height: 0px; overflow: hidden; transition: 1s all ease-in-out; [/class] [class=open] height: 400px; transition: 1s all ease-in-out; [/class] [class=hide] font-size: 0px; padding: 0px; border: 0px; transition: 1s all ease-in-out; [/class] [script class=button on=click] addClass open content addClass hide button [/script] [script class=home on=click] removeClass open content removeClass hide button [/script] [class=link] display: inline-block; cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important; font-size: 10px; font-family: Avenir; color: #999; [/class]
 
AHHHHH I LOVE THEM!!!!! <3 Thank you so much! The codes are absolutely gorgeous, can't wait to use them! Thank you again! ^-^
 
[class=tag2] display: inline-block; border-radius: 5px; background: #000; text-align: center; font-family: Montserrat; font-weight: bold; font-style: italic; font-size: 12px; padding: 3px 10px 6px 10px; color: #fff; [/class] [class=link2] display: inline-block; color: #999; cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important; transition: 1s; [/class] [class name=link2 state=hover] color: #000; transition: 1s; [/class]
[div class=tag2]#teal sky
[div class=tag2]#interest check code
[div class=tag2]#small sized[/div] [div class=tag2]#tabs[/div] [div class=tag2]#icons[/div] [div class=tag2]#mobile friendly![/div] [/div]
rae2nerdy rae2nerdy : here's your interest check code! i was able to stick to your preferred colour scheme, though i had to change the font for the headings since i didn't think they matched. you're free to change them to something else though, if you prefer! i also tried to make it as mobile friendly as possible (it's visible on my phone so you'll have to let me know if it isn't for you). mobile friendly codes are still something i'm working on so i apologise if it doesn't meet that criteria just as yet!

hope you like it, and please remember to never remove the credit! also, feel free to reach out if you have any questions regarding the code and i'd be happy to help.
[/div][/div]


[div class="heading heading1 show"]about
[div class="heading heading2"]fandoms
[div class="heading heading3"]originals
[div class="heading heading4"]extras[/div] [/div]
[div class="tabContents tabContents01 show"]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur dignissim, arcu non dapibus tempor, turpis mauris mollis purus, a placerat ante lorem vitae felis. Duis vulputate mollis ligula. Aliquam condimentum laoreet feugiat. Ut rhoncus pretium leo, in molestie sem rutrum a. Morbi mauris arcu, elementum at euismod at, cursus ac dolor. Integer elementum ipsum vel sem porttitor, quis dapibus neque semper. In eget purus a nibh sodales lacinia. Morbi et dolor sed mi porta finibus id in augue. Suspendisse ornare aliquam purus ut molestie. Quisque iaculis finibus consectetur. Proin orci felis, congue sit amet neque et, vestibulum dapibus lorem. Morbi id euismod lacus. Ut efficitur pretium varius.

Nam ultricies egestas quam, sollicitudin euismod est sodales vitae. Vivamus tempus massa felis, quis volutpat massa tempus a. Fusce tempor est ac nunc mattis aliquam. Proin suscipit hendrerit orci nec aliquam. Aliquam pretium molestie velit, sit amet eleifend nisi tempor sit amet. Fusce et bibendum nulla. Suspendisse sed iaculis ligula. Vestibulum et tempus odio. Pellentesque at rutrum nunc. Suspendisse potenti. Nullam eu lacus sed diam euismod pretium.

Aliquam bibendum tincidunt imperdiet. Aenean tincidunt posuere mi, in interdum nisl porta non. Suspendisse in porttitor odio, bibendum placerat est. Nam tincidunt tempus metus, in gravida ligula commodo sed. Donec a blandit neque. Integer efficitur commodo sapien quis congue. In eu laoreet justo, id commodo lectus. Suspendisse egestas efficitur purus at blandit. Proin id dui quis felis luctus ultrices quis sit amet quam. Donec bibendum magna at cursus fringilla. Fusce viverra ante nibh, sed pellentesque metus varius eget.
[div class="tabContents tabContents02"]
[div class=tag]fandom name

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur dignissim, arcu non dapibus tempor, turpis mauris mollis purus, a placerat ante lorem vitae felis. Duis vulputate mollis ligula. Aliquam condimentum laoreet feugiat.

[div class=tag]fandom name[/div]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur dignissim, arcu non dapibus tempor, turpis mauris mollis purus, a placerat ante lorem vitae felis. Duis vulputate mollis ligula. Aliquam condimentum laoreet feugiat.

[div class=tag]fandom name[/div]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur dignissim, arcu non dapibus tempor, turpis mauris mollis purus, a placerat ante lorem vitae felis. Duis vulputate mollis ligula. Aliquam condimentum laoreet feugiat. [/div][/div] [div class="tabContents tabContents03"]
[div class=tag]original plot

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur dignissim, arcu non dapibus tempor, turpis mauris mollis purus, a placerat ante lorem vitae felis. Duis vulputate mollis ligula. Aliquam condimentum laoreet feugiat.

[div class=tag]original plot[/div]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur dignissim, arcu non dapibus tempor, turpis mauris mollis purus, a placerat ante lorem vitae felis. Duis vulputate mollis ligula. Aliquam condimentum laoreet feugiat.

[div class=tag]original plot[/div]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur dignissim, arcu non dapibus tempor, turpis mauris mollis purus, a placerat ante lorem vitae felis. Duis vulputate mollis ligula. Aliquam condimentum laoreet feugiat. [/div][/div] [div class="tabContents tabContents04"]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur dignissim, arcu non dapibus tempor, turpis mauris mollis purus, a placerat ante lorem vitae felis. Duis vulputate mollis ligula. Aliquam condimentum laoreet feugiat. Ut rhoncus pretium leo, in molestie sem rutrum a. Morbi mauris arcu, elementum at euismod at, cursus ac dolor. Integer elementum ipsum vel sem porttitor, quis dapibus neque semper. In eget purus a nibh sodales lacinia. Morbi et dolor sed mi porta finibus id in augue. Suspendisse ornare aliquam purus ut molestie. Quisque iaculis finibus consectetur. Proin orci felis, congue sit amet neque et, vestibulum dapibus lorem. Morbi id euismod lacus. Ut efficitur pretium varius.

Nam ultricies egestas quam, sollicitudin euismod est sodales vitae. Vivamus tempus massa felis, quis volutpat massa tempus a. Fusce tempor est ac nunc mattis aliquam. Proin suscipit hendrerit orci nec aliquam. Aliquam pretium molestie velit, sit amet eleifend nisi tempor sit amet. Fusce et bibendum nulla. Suspendisse sed iaculis ligula. Vestibulum et tempus odio. Pellentesque at rutrum nunc. Suspendisse potenti. Nullam eu lacus sed diam euismod pretium.

Aliquam bibendum tincidunt imperdiet. Aenean tincidunt posuere mi, in interdum nisl porta non. Suspendisse in porttitor odio, bibendum placerat est. Nam tincidunt tempus metus, in gravida ligula commodo sed. Donec a blandit neque. Integer efficitur commodo sapien quis congue. In eu laoreet justo, id commodo lectus. Suspendisse egestas efficitur purus at blandit. Proin id dui quis felis luctus ultrices quis sit amet quam. Donec bibendum magna at cursus fringilla. Fusce viverra ante nibh, sed pellentesque metus varius eget.
[/div] [/div]
[div class="tab selectedTab tab1"]
[div class="slab slab1"]about
[/div]
[div class="tab tab2"]
[div class="slab slab2"]fandoms
[/div] [/div]
[div class="tab tab3"]
[div class="slab slab3"]originals
[/div] [/div]
[div class="tab tab4"]
[div class="slab slab4"]extras
[/div] [/div] [/div] [/div][/div] https://www.rpnation.com/members/natasha.78204/[/div] [class=tag] display: inline; color: #512b58; font-weight: bold; text-transform: uppercase; [/class] [class=heading] width: 340px; text-align: center; font-size: 55px; position: absolute; opacity: 0; color: #fff; text-transform: uppercase; font-family: Avenir; transition: 1s all ease-in-out; [/class] [class=slab] position: relative; display: inline-block; background: #512b58; box-sizing: border-box; padding: 4px 7px 3px 7px; font-size: 9.5px; font-family: Avenir; color: #fff; text-transform: uppercase; text-align: center; opacity: 0; transition: 1s all ease-in-out; [/class] [class=tab] font-size: 20px; text-align: center; color: #79bac1; transition: 1s all ease-in-out; cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important; [/class] [class name=tab state=hover] color: #2a7886; transition: 1s all ease-in-out; [/class] [class=selectedTab] color: #2a7886; transition: 1s all ease-in-out; [/class] [script class=tab on=mouseleave] removeClass show slab1 removeClass show slab2 removeClass show slab3 removeClass show slab4 [/script] [script class=tab1 on=mouseenter] addClass show slab1 removeClass show slab2 removeClass show slab3 removeClass show slab4 [/script] [script class=tab2 on=mouseenter] addClass show slab2 removeClass show slab1 removeClass show slab3 removeClass show slab4 [/script] [script class=tab3 on=mouseenter] addClass show slab3 removeClass show slab2 removeClass show slab1 removeClass show slab4 [/script] [script class=tab4 on=mouseenter] addClass show slab4 removeClass show slab2 removeClass show slab3 removeClass show slab1 [/script] [class=tabContents] position: absolute; opacity: 0; transition: 1s all ease-in-out; width: 340px; font-size: 12px; line-height: 26px; color: #000; height: 380px; box-sizing: border-box; font-family: Arial; overflow-y: auto; [/class] [class=show] opacity: 1; z-index: 1; [/class] [script class=tab1 on=click] addClass show tabContents01 removeClass show tabContents02 removeClass show tabContents03 removeClass show tabContents04 removeClass show tabContents05 addClass show heading1 removeClass show heading2 removeClass show heading3 removeClass show heading4 addClass selectedTab tab1 removeClass selectedTab tab2 removeClass selectedTab tab3 removeClass selectedTab tab4 removeClass selectedTab tab5 [/script] [script class=tab2 on=click] addClass show tabContents02 removeClass show tabContents01 removeClass show tabContents03 removeClass show tabContents04 removeClass show tabContents05 addClass show heading2 removeClass show heading1 removeClass show heading3 removeClass show heading4 addClass selectedTab tab2 removeClass selectedTab tab1 removeClass selectedTab tab3 removeClass selectedTab tab4 removeClass selectedTab tab5 [/script] [script class=tab3 on=click] addClass show tabContents03 removeClass show tabContents01 removeClass show tabContents02 removeClass show tabContents04 removeClass show tabContents05 addClass show heading3 removeClass show heading2 removeClass show heading1 removeClass show heading4 addClass selectedTab tab3 removeClass selectedTab tab1 removeClass selectedTab tab2 removeClass selectedTab tab4 removeClass selectedTab tab5 [/script] [script class=tab4 on=click] addClass show tabContents04 removeClass show tabContents01 removeClass show tabContents02 removeClass show tabContents03 removeClass show tabContents05 addClass show heading4 removeClass show heading2 removeClass show heading3 removeClass show heading1 addClass selectedTab tab4 removeClass selectedTab tab1 removeClass selectedTab tab2 removeClass selectedTab tab3 removeClass selectedTab tab5 [/script] [class=link] display: inline-block; cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important; font-size: 10px; font-family: Avenir; color: #999; [/class]
 
AHHHHH I LOVE THEM!!!!! <3 Thank you so much! The codes are absolutely gorgeous, can't wait to use them! Thank you again! ^-^
glad you like them!

OH meh gosh, these are incredible!

maybe later I might ask for a code...
aah thank you! i'm going to be closed for a while due to some irl issues, but i'll be back up again for requests soon. (:
 
๐Ÿ‘€ ๐Ÿ‘€ ๐Ÿ‘€ all these codes be iconic !!

edit: i literally can't stop clicking on the buttons someone stop me
ksjgdajs STAHP okay u'll turn me into a blushing tomato but TY SO MUCH <3 ๐Ÿ˜ญ
 
shop is open for business again !
 
Heyo! I've been wanting to request a code from you because you are simply amazing so... I'm taking a cue from some others... ๐Ÿ˜… feel free to slap me if you ain't feeling it

โ†’ code type character sheet
โ†’ overall size medium, I believe
โ†’ images if this makes sense, three for the top that all stay the same with each tab PLUS two tallish ones that line the sides
โ†’ colours maybe this or this (your choice!)
โ†’ fonts if possible, I'd like Average to be the main text font, but if that's not cool, go crazyyyy
โ†’ any specific details okay, so I'm not sure if this makes sense. the two images lining the sides, yes, yes, and the three smaller images up top that stay the same throughout - now this is where it gets weird. so right underneath the images would it be possible to have all the tabby things (I think 5 should do it?) ? and then underneath THOSE have the content of each tab? I think it would be interesting to look at, but if it's too challenging, feel free to tell me!
โ†’ anything else? um you're amazing at coding and I have full faith in you?

...

โ†’ code type in character
โ†’ overall size medium!
โ†’ images same as above, methinks!
โ†’ colours same as above!!
โ†’ fonts Average here too, if possible!
โ†’ any specific details if it's possible, I'd like a similar layout as above, but instead of tabs, can the icons be hovers (like the IC you did for jasmichelle!) with the different tag things? and then the text below! that'd be awesome!
โ†’ anything else? again, you're awesome
 
Heyo! I've been wanting to request a code from you because you are simply amazing so... I'm taking a cue from some others... ๐Ÿ˜… feel free to slap me if you ain't feeling it

โ†’ code type character sheet
โ†’ overall size medium, I believe
โ†’ images if this makes sense, three for the top that all stay the same with each tab PLUS two tallish ones that line the sides
โ†’ colours maybe this or this (your choice!)
โ†’ fonts if possible, I'd like Average to be the main text font, but if that's not cool, go crazyyyy
โ†’
any specific details okay, so I'm not sure if this makes sense. the two images lining the sides, yes, yes, and the three smaller images up top that stay the same throughout - now this is where it gets weird. so right underneath the images would it be possible to have all the tabby things (I think 5 should do it?) ? and then underneath THOSE have the content of each tab? I think it would be interesting to look at, but if it's too challenging, feel free to tell me!
โ†’ anything else? um you're amazing at coding and I have full faith in you?

...

โ†’ code type in character
โ†’ overall size medium!
โ†’ images same as above, methinks!
โ†’ colours same as above!!
โ†’ fonts Average here too, if possible!
โ†’ any specific details if it's possible, I'd like a similar layout as above, but instead of tabs, can the icons be hovers (like the IC you did for jasmichelle!) with the different tag things? and then the text below! that'd be awesome!
โ†’ anything else? again, you're awesome
not accepting or denying yet! i'm gonna fiddle around and see how it looks and then get back to you in a bit! (:
 
โ†’ code type character sheet

โ†’ overall size medium works best for me

โ†’ images one large one on the first tab, then around 6-ish in the gallery tab.

โ†’ colours i like very pale colors, really anything that looks good. the character will be on the darker side, so no bright popping shades. otherwise, go crazy :)

โ†’ fonts simple fonts, for the title maybe just Cormorant Garamond looks good. for the general text i usually use Algreya.

โ†’ any specific details it'd be great if you could do five different tabs for Basic, Psyche, History, Physical, and Gallery, but instead of the words the icons you've used for the others are so pretty ^_^ also, this isn't really something many people seem to do, but in either the Basics or Psyche tab could you add a slot for their MBTI type?? I love adding those haha

โ†’ anything else? this is your coding thread, be completely creative with it, there's no scenario in which i'm not going to absolutely ADORE this code.
 
AnimeGenork AnimeGenork Satanic Nightjar Satanic Nightjar heyo! thank you guys so much for stopping by this thread and considering me to make your codes. unfortunately, i think i'll be closing this down since taking on requests is taking away a lot of my writing time. i'll instead be opening up a place where i post freebies, but that won't be for a while. sorry again for making you wait, and i hope you understand. <3
 
AnimeGenork AnimeGenork Satanic Nightjar Satanic Nightjar heyo! thank you guys so much for stopping by this thread and considering me to make your codes. unfortunately, i think i'll be closing this down since taking on requests is taking away a lot of my writing time. i'll instead be opening up a place where i post freebies, but that won't be for a while. sorry again for making you wait, and i hope you understand. <3

That's totally fine! I hope things work out for you and your codes remain as beautiful as you! <3
 
AnimeGenork AnimeGenork Satanic Nightjar Satanic Nightjar heyo! thank you guys so much for stopping by this thread and considering me to make your codes. unfortunately, i think i'll be closing this down since taking on requests is taking away a lot of my writing time. i'll instead be opening up a place where i post freebies, but that won't be for a while. sorry again for making you wait, and i hope you understand. <3
thanks for letting us know ! i can't wait to see what you create in the future (:
 
I'm not one to comment on BBCode a whole lot (definitely not my wheelhouse in the slightest), but these are quite lovely.
 
I'm not one to comment on BBCode a whole lot (definitely not my wheelhouse in the slightest), but these are quite lovely.
aaah thank you! that means a lot. <3
 

Users who are viewing this thread

Back
Top