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 ► sox's laundry hamper [freebies] ◄

do you prefer simple, mobile friendly codes or complex codes made for monitors?

  • mobile friendly (cmon sox the future is now old man)

  • big and complex pls

  • complex AND mobile friendly step it up sox


Results are only viewable after voting.

sox

sock bb
Supporter
LONG FLIGHT - NOT MOBILE FRIENDLY

womp womp it's another cs code lmao i've been in my taeyong feelings recently and my emo heart had to make a long flight inspired code. who's surprised? not me. the text boxes all scroll, and there's a lil gallery at the end (if you need help figured out how to use it, just dm me). i'm realizing i use this title font way too much but i love it so what heckin ever. please do not remove the credit! enjoy and lmk if u have any requests! c:

long
flight
pro
file
name
lee taeyong
nickname
ty track, tyong
age
24
gender
male
sexuality
heterosexual
role
leader
hair color
it changes every month
eye color
dark brown
height
5' 9"
weight
128 lbs
body mods
several ear piercings
distinguishing features
very large eyes
per
sona
vices
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nisi scelerisque eu ultrices vitae auctor eu augue. Ullamcorper morbi tincidunt ornare massa eget egestas purus viverra.
virtues
Duis convallis convallis tellus id interdum velit laoreet id. Massa vitae tortor condimentum lacinia quis vel eros. Odio ut enim blandit volutpat maecenas volutpat blandit. Nec ultrices dui sapien eget mi proin. Ac auctor augue mauris augue neque gravida in. Duis convallis convallis tellus id interdum. Mauris cursus mattis molestie a iaculis at erat. Iaculis nunc sed augue lacus viverra vitae congue eu.
likes
Cras fermentum odio eu feugiat pretium nibh ipsum consequat. Sollicitudin ac orci phasellus egestas. Erat pellentesque adipiscing commodo elit at imperdiet dui accumsan sit. Etiam erat velit scelerisque in dictum non consectetur a erat. Sed adipiscing diam donec adipiscing tristique risus nec feugiat in. Aliquet lectus proin nibh nisl condimentum id. Ipsum consequat nisl vel pretium lectus. Bibendum enim facilisis gravida neque convallis a cras semper auctor. Euismod in pellentesque massa placerat duis. At quis risus sed vulputate odio ut. Suspendisse interdum consectetur libero id.
dislikes
Sem viverra aliquet eget sit amet tellus. Dis parturient montes nascetur ridiculus mus mauris vitae. Habitant morbi tristique senectus et netus et. Sed euismod nisi porta lorem mollis aliquam ut porttitor. Eget duis at tellus at urna condimentum mattis pellentesque. Lectus mauris ultrices eros in cursus turpis massa tincidunt dui. Leo in vitae turpis massa sed. Est pellentesque elit ullamcorper dignissim cras tincidunt lobortis feugiat vivamus.
fears
Integer feugiat scelerisque varius morbi. Duis ut diam quam nulla porttitor massa id. Donec ac odio tempor orci dapibus. Posuere morbi leo urna molestie at elementum. Felis eget nunc lobortis mattis aliquam faucibus purus. Posuere sollicitudin aliquam ultrices sagittis orci a scelerisque purus semper. Egestas maecenas pharetra convallis posuere morbi. Amet risus nullam eget felis eget. Eget gravida cum sociis natoque.
hobbies
Purus sit amet volutpat consequat mauris nunc. Cursus mattis molestie a iaculis at erat. Sed faucibus turpis in eu mi. Sed arcu non odio euismod lacinia at quis risus sed. Sit amet facilisis magna etiam. Magna etiam tempor orci eu. Ullamcorper velit sed ullamcorper morbi tincidunt ornare. Eget nullam non nisi est sit. Vitae et leo duis ut diam quam.
bio
gra
phy
residence
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
family
Nisi scelerisque eu ultrices vitae auctor eu augue. Ullamcorper morbi tincidunt ornare massa eget egestas purus viverra. Leo vel orci porta non pulvinar neque laoreet suspendisse interdum.
pets
Id velit ut tortor pretium viverra suspendisse. Lacus vestibulum sed arcu non odio. Duis convallis convallis tellus id interdum velit laoreet id.
education
Massa vitae tortor condimentum lacinia quis vel eros. Odio ut enim blandit volutpat maecenas volutpat blandit. Nec ultrices dui sapien eget mi proin. Ac auctor augue mauris augue neque gravida in.
occupation
Duis convallis convallis tellus id interdum. Mauris cursus mattis molestie a iaculis at erat. Iaculis nunc sed augue lacus viverra vitae congue eu.
history
Cras fermentum odio eu feugiat pretium nibh ipsum consequat. Sollicitudin ac orci phasellus egestas. Erat pellentesque adipiscing commodo elit at imperdiet dui accumsan sit. Etiam erat velit scelerisque in dictum non consectetur a erat. Sed adipiscing diam donec adipiscing tristique risus nec feugiat in. Aliquet lectus proin nibh nisl condimentum id. Ipsum consequat nisl vel pretium lectus. Bibendum enim facilisis gravida neque convallis a cras semper auctor. Euismod in pellentesque massa placerat duis. At quis risus sed vulputate odio ut. Suspendisse interdum consectetur libero id. Sem viverra aliquet eget sit amet tellus. Dis parturient montes nascetur ridiculus mus mauris vitae. Habitant morbi tristique senectus et netus et. Sed euismod nisi porta lorem mollis aliquam ut porttitor. Eget duis at tellus at urna condimentum mattis pellentesque. Lectus mauris ultrices eros in cursus turpis massa tincidunt dui. Leo in vitae turpis massa sed. Est pellentesque elit ullamcorper dignissim cras tincidunt lobortis feugiat vivamus. Eu sem integer vitae justo eget magna fermentum iaculis. Non tellus orci ac auctor augue mauris augue neque gravida. Sed euismod nisi porta lorem mollis aliquam ut. Lacus sed turpis tincidunt id aliquet. Pulvinar pellentesque habitant morbi tristique senectus et netus et. Ut etiam sit amet nisl purus in mollis. Felis donec et odio pellentesque diam. Eu scelerisque felis imperdiet proin fermentum leo. Urna et pharetra pharetra massa massa ultricies mi. Ut tortor pretium viverra suspendisse. Ut tellus elementum sagittis vitae et leo duis ut.
misc. &
gallery
theme song
long flight by lee taeyong
enneagram type
5
mbti type
infj
attire
x x x
gallery
1
2
3
4
5
code by sox

pastebin: xxx
 

sox

sock bb
Supporter
DREAM IN A DREAM - MOBILE FRIENDLY

tis a dumb lil self-indulgent code because i have a dangerous obsession with this man uwu anyways here's an awfully coded placeholder code that has a hover for a second pic. the text can't get any longer than it is in the example here without it wrapping and looking w e i r d so try and limit ur character count in the name l o l sry bout that. please do not remove the credit! enjoy and lmk if u have any requests! c:

dream in a dream
role: the prince
code by sox

Code:
[nobr]
[class=container]
   --main-color: #fff9e8;
   --shadow-color: #540c24;
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 5px;
   overflow: visible;
   width: 350px;
   height: 380px;
   position: relative;
[/class]
[class=image]
   position: absolute;
   left: 8%;
   width: 280px;
   height: 360px;
   background: url(https://i.pinimg.com/564x/25/57/a7/2557a7d83d61c3e03c6e31f3ddf28fd3.jpg);
   background-size: 100%;
   background-position: 0% 0%;
   border-radius: 100%;
   border: 10px solid var(--main-color);
   transition-duration: 0.2s;
[/class]
[class name=image state=hover]
   background: url(https://i.pinimg.com/564x/2c/ec/81/2cec818bbbb74213c3ec7d76dc8fd3ef.jpg);
   background-size: 100%;
   background-position: 0% 0%;
   transition-duration: 0.2s;
[/class]
[class=name]
   position: absolute;
   width: 100%;
   top: 3%;
   left: 0%;
   margin-left: auto;
   margin-right: auto;
   color: var(--main-color);
   font-size: 55px;
   line-height: 30px;
   text-align: center;
   font-weight: 600;
   transform: rotate(-8deg);
   text-shadow: 3px 3px 0px var(--shadow-color);
[/class]
[class=role]
   position: absolute;
   width: 100%;
   top: 10%;
   left: 0%;
   margin-left: auto;
   margin-right: auto;
   color: var(--main-color);
   font-size: 20px;
   line-height: 60px;
   text-align: center;
   font-weight: 600;
   transform: rotate(-8deg);
   text-shadow: 3px 3px 0px var(--shadow-color);
[/class]
[class=credit]
   position: relative;
   overflow: hidden;
   width: 100%;
   height: 10px;
   text-align: center;
   font-style: normal;
   font-weight: normal;
   font-size: 5px;
   color: #dedede;
   opacity: 0.2;
[/class]

[div class=container]
[div class=image][/div]
[div class=name][font=Arizonia]dream in a dream[/font][/div]
[div class=role][font=Arizonia]role: the prince[/font][/div]
[/div][div class=credit]code by [USER=2383][COLOR=#dedede]sox[/COLOR][/USER][/div]
[/nobr]
 

crucially

𝘵𝘢𝘭𝘬𝘪𝘯𝘨 𝘵𝘰 𝘵𝘩𝘦 𝘮𝘰𝘰𝘯.
you’re my dream in a dream
i hope dreams come to life bc i need u in mine
 
  • Love
Reactions: sox

irenic

i prefer dogs over babies
In my dream(nightmare) you and I are slow dancing to Adore You by Harry Styles since you forced me to play it
 
  • Love
Reactions: sox

nios

"𝐝𝐨𝐧'𝐭 𝐭𝐨𝐮𝐜𝐡 𝐦𝐲 𝐛𝐨𝐲𝐬!"
oh my god sox please- I wasn't prepared for this much godlike talent-
 
  • Love
Reactions: sox

sox

sock bb
Supporter
STRAWBERRY MILK - MOBILE FRIENDLY

it's been a while!! i made this code for the beautiful cute lovely @Stardust Galaxy because she deserves good things. the home page slides to the left, the inside pic hovers, and the text all scrolls. i rly like this code tbh so i hope you all do too! everyone say thank u to bb mel. please do not remove the credit! enjoy and lmk if u have any requests! c:

it's strawberry milk baby.
basics
persona
backstory
extras
name
phat babie
age
21
gender
female
sexuality
heterosexual
d.o.b
march 28
hometown
kyoto
role
last sip thief
faceclaim
a literal jar of milk
hair color
pink
eye color
red
height/weight
9 in. / 1 lb.
body type
mesomorph
dist. features
made of clear glass, aesthetically pleasing to look at, can't see or hear or talk to you because she's a literal jar of milk.
body mods
she has a nice metal cap that screws off in order to access the milk. also she's $3 at the local fresh market.
ailments
she's horribly apathetic, has no soul.
vices
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Suspendisse ultrices gravida dictum fusce ut placerat orci nulla pellentesque. Proin nibh nisl condimentum id venenatis. Erat nam at lectus urna duis. Sit amet aliquam id diam maecenas ultricies mi eget mauris. Neque vitae tempus quam pellentesque.
virtues
Convallis tellus id interdum velit laoreet. Volutpat lacus laoreet non curabitur gravida arcu ac. Feugiat nibh sed pulvinar proin. Viverra justo nec ultrices dui. Amet luctus venenatis lectus magna fringilla urna. Augue neque gravida in fermentum et. Arcu bibendum at varius vel pharetra vel turpis nunc eget. Ut diam quam nulla porttitor massa id. Enim blandit volutpat maecenas volutpat blandit aliquam etiam.
likes
Risus nec feugiat in fermentum posuere urna nec. Cursus sit amet dictum sit amet. Non tellus orci ac auctor augue mauris augue neque. Habitant morbi tristique senectus et. At quis risus sed vulputate odio ut.
dislikes
Condimentum vitae sapien pellentesque habitant morbi tristique senectus et netus. Iaculis at erat pellentesque adipiscing commodo. Aenean pharetra magna ac placerat vestibulum lectus.
fears
Dui id ornare arcu odio ut sem nulla pharetra diam. Blandit aliquam etiam erat velit scelerisque. Netus et malesuada fames ac turpis. Aliquam etiam erat velit scelerisque.
habits/quirks
Dictum non consectetur a erat nam at lectus urna duis. Id donec ultrices tincidunt arcu non sodales neque sodales ut. Ac orci phasellus egestas tellus rutrum tellus pellentesque. A pellentesque sit amet porttitor eget dolor morbi non.
occupation
Neque vitae turpis tempus quam pellentesque.
residence
Convallis tellus id interdum velit laoreet. Volutpat lacus laoreet non curabitur gravida arcu ac. Feugiat nibh sed pulvinar proin. Viverra justo nec ultrices dui.
family
Cursus sit amet dictum sit amet. Non tellus orci ac auctor augue mauris augue neque. Habitant morbi tristique senectus et. At quis risus sed vulputate odio ut.
history
Condimentum vitae sapien pellentesque habitant morbi tristique senectus et netus. Iaculis at erat pellentesque adipiscing commodo. Aenean pharetra magna ac placerat vestibulum lectus. Dui id ornare arcu odio ut sem nulla pharetra diam. Blandit aliquam etiam erat velit scelerisque. Netus et malesuada fames ac turpis. Aliquam etiam erat velit scelerisque. Dictum non consectetur a erat nam at lectus urna duis. Id donec ultrices tincidunt arcu non sodales neque sodales ut. Ac orci phasellus egestas tellus rutrum tellus pellentesque. A pellentesque sit amet porttitor eget dolor morbi non. Molestie nunc non blandit massa enim. Leo integer malesuada nunc vel risus commodo. Id diam maecenas ultricies mi eget mauris pharetra et ultrices. Sem integer vitae justo eget magna fermentum iaculis. Nisl vel pretium lectus quam id leo. Dolor magna eget est lorem ipsum. Duis ut diam quam nulla. Consequat nisl vel pretium lectus quam id leo in. Nec sagittis aliquam malesuada bibendum arcu vitae. Orci a scelerisque purus semper eget duis at tellus. Cum sociis natoque penatibus et magnis dis parturient. Nullam non nisi est sit amet facilisis magna etiam.
relationships
  • one: Mi bibendum neque egestas congue. Molestie nunc non blandit massa enim nec dui. Velit ut tortor pretium viverra.
  • two: Mi bibendum neque egestas congue. Molestie nunc non blandit massa enim nec dui. Velit ut tortor pretium viverra.
  • three: Mi bibendum neque egestas congue. Molestie nunc non blandit massa enim nec dui. Velit ut tortor pretium viverra.
  • four: Mi bibendum neque egestas congue. Molestie nunc non blandit massa enim nec dui. Velit ut tortor pretium viverra.
theme song
Neque vitae turpis tempus quam pellentesque.
favorite food
Convallis tellus id interdum velit laoreet. Volutpat lacus laoreet non curabitur gravida arcu ac. Feugiat nibh sed pulvinar proin. Viverra justo nec ultrices dui.
hidden talents
Convallis tellus id interdum velit laoreet. Volutpat lacus laoreet non curabitur gravida arcu ac. Feugiat nibh sed pulvinar proin. Viverra justo nec ultrices dui.
misc. info
Cursus sit amet dictum sit amet. Non tellus orci ac auctor augue mauris augue neque. Habitant morbi tristique senectus et. At quis risus sed vulputate odio ut.
gallery
strawberry milk
the last sip
code by sox

pastebin: xxx
 
Last edited:
STRAWBERRY MILK - MOBILE FRIENDLY

it's been a while!! i made this code for the beautiful cute lovely @Stardust Galaxy because she deserves good things. the home page slides to the left, the inside pic hovers, and the text all scrolls. i rly like this code tbh so i hope you all do too! everyone say thank u to bb mel. please do not remove the credit! enjoy and lmk if u have any requests! c:

it's strawberry milk baby.
basics
persona
backstory
extras
name
phat babie
age
21
gender
female
sexuality
heterosexual
d.o.b
march 28
hometown
kyoto
role
last sip thief
faceclaim
a literal jar of milk
hair color
pink
eye color
red
height/weight
9 in. / 1 lb.
body type
mesomorph
dist. features
made of clear glass, aesthetically pleasing to look at, can't see or hear or talk to you because she's a literal jar of milk.
body mods
she has a nice metal cap that screws off in order to access the milk. also she's $3 at the local fresh market.
ailments
she's horribly apathetic, has no soul.
vices
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Suspendisse ultrices gravida dictum fusce ut placerat orci nulla pellentesque. Proin nibh nisl condimentum id venenatis. Erat nam at lectus urna duis. Sit amet aliquam id diam maecenas ultricies mi eget mauris. Neque vitae tempus quam pellentesque.
virtues
Convallis tellus id interdum velit laoreet. Volutpat lacus laoreet non curabitur gravida arcu ac. Feugiat nibh sed pulvinar proin. Viverra justo nec ultrices dui. Amet luctus venenatis lectus magna fringilla urna. Augue neque gravida in fermentum et. Arcu bibendum at varius vel pharetra vel turpis nunc eget. Ut diam quam nulla porttitor massa id. Enim blandit volutpat maecenas volutpat blandit aliquam etiam.
likes
Risus nec feugiat in fermentum posuere urna nec. Cursus sit amet dictum sit amet. Non tellus orci ac auctor augue mauris augue neque. Habitant morbi tristique senectus et. At quis risus sed vulputate odio ut.
dislikes
Condimentum vitae sapien pellentesque habitant morbi tristique senectus et netus. Iaculis at erat pellentesque adipiscing commodo. Aenean pharetra magna ac placerat vestibulum lectus.
fears
Dui id ornare arcu odio ut sem nulla pharetra diam. Blandit aliquam etiam erat velit scelerisque. Netus et malesuada fames ac turpis. Aliquam etiam erat velit scelerisque.
habits/quirks
Dictum non consectetur a erat nam at lectus urna duis. Id donec ultrices tincidunt arcu non sodales neque sodales ut. Ac orci phasellus egestas tellus rutrum tellus pellentesque. A pellentesque sit amet porttitor eget dolor morbi non.
occupation
Neque vitae turpis tempus quam pellentesque.
residence
Convallis tellus id interdum velit laoreet. Volutpat lacus laoreet non curabitur gravida arcu ac. Feugiat nibh sed pulvinar proin. Viverra justo nec ultrices dui.
family
Cursus sit amet dictum sit amet. Non tellus orci ac auctor augue mauris augue neque. Habitant morbi tristique senectus et. At quis risus sed vulputate odio ut.
history
Condimentum vitae sapien pellentesque habitant morbi tristique senectus et netus. Iaculis at erat pellentesque adipiscing commodo. Aenean pharetra magna ac placerat vestibulum lectus. Dui id ornare arcu odio ut sem nulla pharetra diam. Blandit aliquam etiam erat velit scelerisque. Netus et malesuada fames ac turpis. Aliquam etiam erat velit scelerisque. Dictum non consectetur a erat nam at lectus urna duis. Id donec ultrices tincidunt arcu non sodales neque sodales ut. Ac orci phasellus egestas tellus rutrum tellus pellentesque. A pellentesque sit amet porttitor eget dolor morbi non. Molestie nunc non blandit massa enim. Leo integer malesuada nunc vel risus commodo. Id diam maecenas ultricies mi eget mauris pharetra et ultrices. Sem integer vitae justo eget magna fermentum iaculis. Nisl vel pretium lectus quam id leo. Dolor magna eget est lorem ipsum. Duis ut diam quam nulla. Consequat nisl vel pretium lectus quam id leo in. Nec sagittis aliquam malesuada bibendum arcu vitae. Orci a scelerisque purus semper eget duis at tellus. Cum sociis natoque penatibus et magnis dis parturient. Nullam non nisi est sit amet facilisis magna etiam.
relationships
  • one: Mi bibendum neque egestas congue. Molestie nunc non blandit massa enim nec dui. Velit ut tortor pretium viverra.
  • two: Mi bibendum neque egestas congue. Molestie nunc non blandit massa enim nec dui. Velit ut tortor pretium viverra.
  • three: Mi bibendum neque egestas congue. Molestie nunc non blandit massa enim nec dui. Velit ut tortor pretium viverra.
  • four: Mi bibendum neque egestas congue. Molestie nunc non blandit massa enim nec dui. Velit ut tortor pretium viverra.
theme song
Neque vitae turpis tempus quam pellentesque.
favorite food
Convallis tellus id interdum velit laoreet. Volutpat lacus laoreet non curabitur gravida arcu ac. Feugiat nibh sed pulvinar proin. Viverra justo nec ultrices dui.
hidden talents
Convallis tellus id interdum velit laoreet. Volutpat lacus laoreet non curabitur gravida arcu ac. Feugiat nibh sed pulvinar proin. Viverra justo nec ultrices dui.
misc. info
Cursus sit amet dictum sit amet. Non tellus orci ac auctor augue mauris augue neque. Habitant morbi tristique senectus et. At quis risus sed vulputate odio ut.
gallery
strawberry milk
the last sip
code by sox

pastebin: xxx
What did I do to deserve such a cute code from a queen? I'm not crying you are.
 

sox

sock bb
Supporter
SNAKECHARMER - MOBILE FRIENDLY

just a tiny little placeholder code because im feelin inspired during quarantine c: i'm also going through a bit of a taemin love phase so i might make a couple more taemin codes lmaooo ANYWAYS no hovers or anything, just a basic name and pic placeholder c: please do not remove the credit! enjoy and lmk if u have any requests! c:

the snakecharmer
code by sox

Code:
[nobr]
[class=bkgd]
   --box-color: #2b1b12;
   --border-color: #fbfacd;
   position: relative;
   margin-left: auto;
   margin-right: auto;
   width: 400px;
   height: 260px;
   overflow: visible;
[/class]

[class=box]
   position: absolute;
   width: 200px;
   height: 200px;
   background-color: var(--box-color);
[/class]

[class=border]
   border: 0.5px solid var(--border-color);
[/class]

[class=pic]
   background: url(https://i.pinimg.com/474x/00/39/de/0039dee7b4e9804103ae985971907cd9.jpg);
   background-size: 100%;
[/class]

[class=name]
   position: absolute;
   height: auto;
   width: auto;
   top: 150px;
   left: 150px;
   background-color: var(--box-color); 
   color: var(--border-color);
   font-size: 15px;
   line-height: 20px;
   padding: 5px 10px 5px 10px;
   text-transform: uppercase;
   font-weight: 700;
[/class]

[class=credit]
   position: relative;
   overflow: hidden;
   width: 92%;
   height: 10px;
   text-align: center;
   font-style: normal;
   font-weight: normal;
   font-size: 5px;
   color: #dedede;
   opacity: 0.2;
[/class]

[div class=bkgd]
   [div class="box pic" style="top: 45px; left: 45px; box-shadow: 15px 15px 0px var(--border-color);"][/div]
   [div class="box border" style="top: 30px; left: 30px;"][/div]
   [div class="box border" style="top: 15px; left: 15px;"][/div]
   [div class="box pic" style="top: 0px; left: 0px;"][/div]
   [div class="name border"][font=Sen]the snakecharmer[/font][/div]
[/div]
[/nobr][div class=credit]code by [USER=2383][COLOR=#dedede]sox[/COLOR][/USER][/div]
 

Users Who Are Viewing This Thread (Users: 3, Guests: 1)

Top