Ungifted ;-;
✨im on display for all you fu**ers to see✨
Yay!! I've been waiting,these are lovely!
-
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 𝚃𝙷𝙴 𝙾𝙻𝙳 𝚂𝚃𝚄𝙳𝙸𝙾
- Thread starter deer
- Start date
𝐇𝐀𝐕𝐄𝐍
𝐒𝐍𝐎𝐖
deer
sul sul
SNOW
[class=picture]
position: relative;
display: inline-block;
[/class]
[class=text]
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0;
background-color: rgba(0,0,0,0.2);
color: white;
z-index: 2;
[/class]
[class name=text state=hover]
opacity: 1;
[/class]
[div class=picture]
[div class=text]
“quote here”
[/div]
- .WORD.૱❝ 'quote here ❞
heyhey! i'm back with another. . . . dun dun , code ! woo ! anyways, this code is very simple and easy to use with tabs and lots of pictures for your aesthetic pleasure! this code will most likely be used as a character sheet! you can definitely write whatever you'd like in this area that'll make your character sheet "pop!" don't hesitate to check out the live preview!
note: i did use a collage for my photos in the live preview, so if you'd like that look instead on mobile, let me know!
Last edited:
𝐁𝐔𝐁𝐁𝐋𝐘
Althea
Lady of the Hoot Birds
You've made some truly lovely things 
Inspiring me to try my hand at BBCode again, methinks.
Inspiring me to try my hand at BBCode again, methinks.
𝐌𝐄𝐋
deer
sul sul
MEL
name here
[class=tabs] line-height: 1; margin: 20px auto; text-align: center; width: 100%; color: black; display: inline-block; font-family: 'Times New Roman'; [/class] [class=tab] box-sizing: border-box; cursor: pointer; display: inline-block; padding: 10px 0; width: 45%; [/class] [class name=tab state=hover] background-color: rgba(255, 192, 203, 0.2); [/class] [script class=tab on=click] hide tabsContent set currentTab (getText) if (eq ${currentTab} Basics) (show tabsContentInformation) if (eq ${currentTab} Persona) (show tabsContentPersonality) if (eq ${currentTab} Biography) (show tabsContentAbout) if (eq ${currentTab} Miscellaneous) (show tabsContentOthers) [/script] [div class=tabs][div class=tab style="border: 1px solid black; margin: auto"]Basics
[div class=tab style="border: 1px solid black; margin-left: 10px; margin-top: auto; margin-bottom: auto; margin-right: auto"]Persona[/div][div class=tab style="border: 1px solid black; margin-left: auto; margin-top: 10px; margin-bottom: auto; margin-right: auto""]Biography[/div][div class=tab style="border: 1px solid black; margin-left: 10px; margin-top: 10px; margin-bottom: auto; margin-right: auto"]Miscellaneous[/div][/div]
[div class="tabsContent tabsContentInformation"][/div]
[div class="tabsContent tabsContentPersonality" style="display: none;"][/div]
[div class="tabsContent tabsContentAbout" style="display: none;"][/div]
[div class="tabsContent tabsContentOthers" style="display: none;"][/div]
codedbycrucialstar | pastebin: x
𝐒𝐀𝐕𝐀𝐆𝐄
deer
sul sul
SAVAGE
WORD
[div class=tab style=";"]About
[div class=tab]Persona
[div class=tab style=";"]History[/div]
[div class=tab style=";"]Other[/div]
[div class=tab style=";"]Other[/div]
[div class="tabsContent tabsContentCoded"][/div]
[div class="tabsContent tabsContentBy" style="display: none;"][/div]
[div class="tabsContent tabsContentCrucial" style="display: none;"][/div]
[div class="tabsContent tabsContentStar" style="display: none;"][/div]
[/div][/div]
BLK
ɪᴍᴘᴀᴄᴛ!
wow mom 
These are great. Teaching myself bbcode off of these.
These are great. Teaching myself bbcode off of these.
Pyosimros
☆☆☆
𝐑𝐀𝐕𝐄𝐍
deer
sul sul
RAVEN
name here
[div class=tab style=";"]About
[div class=tab]Persona
[div class=tab style=";"]History[/div]
[div class=tab style=";"]Other[/div]
[div class=tab style=";"]Other[/div]
[div class="tabsContent tabsContentCoded"][/div]
[div class="tabsContent tabsContentBy" style="display: none;"][/div]
[div class="tabsContent tabsContentCrucial" style="display: none;"][/div]
[div class="tabsContent tabsContentStar" style="display: none;"][/div]
[/div][/div]
Last edited:
Abendrot
修羅の花
the talentry u exhibit
𝐀𝐕𝐈𝐀𝐍
𝐒𝐓𝐎𝐑𝐊
deer
sul sul
STORK
name here
[class=picture]
position: relative;
display: inline-block;
[/class]
[class=text]
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0;
background-color: rgba(0,0,0,0.2);
color: white;
z-index: 2;
[/class]
[class name=text state=hover]
opacity: 1;
[/class]
[div class=picture]
[div class=text]
location:
with:
tags:
"quote here"
location:
with:
tags:
𝐒𝐓𝐄𝐑𝐋𝐈𝐍𝐆
𝐋𝐎𝐕𝐄𝐉𝐎𝐘
sunshine and whiskey
ᴀʟᴡᴀʏs ʙʀɪɴɢ ʏᴏᴜʀ ᴏᴡɴ sᴜɴsʜɪɴᴇ
Hello there. Just like to say that your codes are amazing and that I'll be using this one for my characters.
Keep up the good work!
nios
𝖉𝖊𝖆𝖙𝖍 𝖙𝖔 𝖊𝖒𝖕𝖆𝖙𝖍𝖞
Hello I'm new to this site and I saw your beautiful character sheets! I'm not sure how code works.
Do I need to copy and paste the entire code and edit it through there?
I probably sound so stupid right now
I'm new to this site and I saw your beautiful character sheets! I'm not sure how code works.Do I need to copy and paste the entire code and edit it through there?
I probably sound so stupid right now
deer
sul sul
Bonjour,
nios
! Welcome to RpNation! It’s not a dumb question at all and you definitely do not sound stupid! Thank you so much for the compliment! Eep, that made my morning!
If you click on the “x” near “pastebin” it’ll bring you to another web browser where the code will be displayed! I only placed the code there because I think it would be easier to copy! You won’t be editing the code on that site but rather on RpN!
You’ll copy the entire code and you can paste it in your “My Private Workshop” on RpN where you can edit it and mess around with the code! You can change the colors, fonts, and etc.! I love using the private workshop because it’s just a place for all your drafts be it codes, writing, and etc.! Only you ( and staff ) are allowed to see that section since it’s for your use!
I hope this clarifies some things!
nios
! Welcome to RpNation! It’s not a dumb question at all and you definitely do not sound stupid! Thank you so much for the compliment! Eep, that made my morning!If you click on the “x” near “pastebin” it’ll bring you to another web browser where the code will be displayed! I only placed the code there because I think it would be easier to copy! You won’t be editing the code on that site but rather on RpN!
You’ll copy the entire code and you can paste it in your “My Private Workshop” on RpN where you can edit it and mess around with the code! You can change the colors, fonts, and etc.! I love using the private workshop because it’s just a place for all your drafts be it codes, writing, and etc.! Only you ( and staff ) are allowed to see that section since it’s for your use!
I hope this clarifies some things!
nios
𝖉𝖊𝖆𝖙𝖍 𝖙𝖔 𝖊𝖒𝖕𝖆𝖙𝖍𝖞
Bonjour,
If you click on the “x” near “pastebin” it’ll bring you to another web browser where the code will be displayed! I only placed the code there because I think it would be easier to copy! You won’t be editing the code on that site but rather on RpN!
You’ll copy the entire code and you can paste it in your “My Private Workshop” on RpN where you can edit it and mess around with the code! You can change the colors, fonts, and etc.! I love using the private workshop because it’s just a place for all your drafts be it codes, writing, and etc.! Only you ( and staff ) are allowed to see that section since it’s for your use!
I hope this clarifies some things!
This was super helpful. You are amazing! Thank you so much :')
RageOfInfinity
Improbability is a bad reason to disbelieve
I have something I could really use your help on. I want to know how you keep your scrollbars invisible when you use overflow. I have literally no clue how to do that.
deer
sul sul
Hello there,
RageOfInfinity
! Of course!
To hide | not have the scroll bar seen, you’ll have to use two divs. The first div will include a
Written below is the hidden scroll code! You would only change the height in the first div.
I hope this helps!
P.S I do the hidden scroll this way but there may be another way another user codes this! I think that’s the beauty of coding, there are many ways to get the ending results, just depends how you want to do it!
RageOfInfinity
! Of course! To hide | not have the scroll bar seen, you’ll have to use two divs. The first div will include a
width: calc and a specific height. The second div will make sure that the width and height are at 100%. You wouldn’t use overflow: auto but you would use overflow: hidden in the first div and overflow: y-scroll in the second div.Written below is the hidden scroll code! You would only change the height in the first div.
Code:
[div=width: calc(100% - 0%); height: 450px; overflow: hidden; padding: 0px;][div=width: 100%; padding-right: 150px; height: 100%;overflow-y: scroll;] text here[/div][/div]I hope this helps!
P.S I do the hidden scroll this way but there may be another way another user codes this! I think that’s the beauty of coding, there are many ways to get the ending results, just depends how you want to do it!
Last edited:
RageOfInfinity
Improbability is a bad reason to disbelieve
Thank you, I'll treasure this code forevah!