ataraxia
lover
hi! i'm playing around with codes and making lil things i'll never use so i'm going to post them here so that other's can use them instead! all i ask is that you don't remove my credit !! it doesn't take up much space 
-
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 serenity ✺ bbcode freebies
- Thread starter ataraxia
- Start date
ataraxia
lover
code #1: winter winds
Code:
[font=Lato][size=11px][color=black][div=margin: auto; position: relative; width: 300px; border-radius: 14px; border: 1px solid #ccc][div=position: absolute; height: 125px; width: 125px; border-radius: 15%; border: 2px solid white; background-image: url(https://68.media.tumblr.com/3d18aa3f95414097ee872d4009d255e6/tumblr_ov67vvT6oa1wx4z3go3_500.jpg); background-size: 100% auto; background-position: center; margin-left: 10px; margin-top: 25px]
[/div][div=height: 75px; background-image: url(https://i.pinimg.com/736x/b1/e2/6d/b1e26d5f8377c2d173309fbf99e14c0a--twitter-headers-layout.jpg); background-position: center; background-size: auto 100%; border-radius: 15px 15px 0px 0px]
[/div][div=background-color: white][div=margin-left: 140px][size=15px]NAME[/size]
[div=height: 50px; overflow: hidden; width: 100px][div=width: 115px; height: 50px; overflow: auto][div=margin-right: 15px]stats and tags go here[/div][/div][/div][/div][div=height: 15px; border-bottom: 1px solid black]
[/div][div=margin: auto; width: 290px; overflow: hidden; height: 150px; border-radius: 0px 0px 10px 10px][div=width: 310px; overflow: auto; height: 150px; border-radius: 0px 0px 10px 10px][div=margin-right: 20px; padding: 3px]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam imperdiet arcu vel molestie consequat. Aliquam nec risus ut quam dapibus congue id quis magna. Phasellus id dapibus magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed lobortis ipsum at elit tristique, nec mollis elit gravida. Nunc vehicula, mauris non aliquet pretium, neque ex blandit nulla, sit amet varius nulla felis at magna. Quisque eget dignissim mi, non rhoncus sem. Aenean volutpat dolor auctor ultrices faucibus. Curabitur congue nulla quis lectus bibendum, eu mollis purus porttitor. Nulla sit amet enim ac arcu porttitor pretium. Praesent luctus, lorem ac sagittis pharetra, diam nunc accumsan nisl, ac rutrum ipsum lectus ut augue. Donec erat tellus, ultrices ut lectus non, semper euismod tortor.
Praesent aliquam, elit vel luctus bibendum, quam sem suscipit libero, vel consequat orci mi ac nibh. Pellentesque bibendum urna eu nulla fringilla finibus non vel felis. Cras nec ipsum sed enim pulvinar faucibus. Ut euismod magna nec metus placerat, quis facilisis mauris facilisis. Aliquam in leo a orci semper dignissim. Mauris sit amet aliquam erat. Donec posuere rutrum nunc a convallis. Vivamus vel egestas mauris, vitae molestie tortor.[/div][/div][/div][/div][/div][/color][/size][center][size=2px]coded by: [USER=51527]@ataraxia[/USER][/size][/center][/font]NAME
coded by:
ataraxia
ataraxia
ataraxia
lover
code #2: ydb
Code:
[justify][font=Lato][size=11px][div=margin: auto; width: 230px; height: 400px; position: relative][center][size=20px][i]NAME[/i][/size][/center][div=position: absolute; z-index: 5; height: 275px; width: 200px; border: 4px solid black; background-image: url(http://data.whicdn.com/images/125792338/original.jpg); background-attachment: fixed; background-position: top; margin-left: 30px; margin-top: 30px]
[/div][div=position: absolute; z-index: 6; height: 275px; width: 200px; border: 4px solid black; background-color: white;][div=overflow: hidden; height: 270px; width: 196px;][div=overflow: auto; height: 270px; width: 226px;][div=margin-right: 30px; padding: 4px][center][div=display: inline-block; background-image: url(https://68.media.tumblr.com/5c6936e5af44ce7ced6f4dc809472a49/tumblr_inline_o6u7fnjwei1tj4ywm_540.jpg); background-size: 100% auto; background-position: center; height: 100px; width: 100px; border-radius: 100%; border: 2px solid black]
[/div]
[i][b]young, dumb, broke high school kids[/b][/i][/center]
[div=height: 5px; border-bottom: 1px solid black]
[/div]
[size=13px][i]PREREQUISITE[/i][/size]
name: [i]name[/i]; age: [i]age[/i]; etc: [i]etc;[/i] etc: [i]etc;[/i] etc: [i]etc;[/i] etc: [i]etc;[/i]
[div=height: 5px; border-bottom: 1px solid black]
[/div]
[size=13px][i]APPEARANCE[/i][/size]
height: [i]height[/i]; weight: [i]weight[/i]; etc: [i]etc;[/i] etc: [i]etc;[/i] etc: [i]etc;[/i] etc: [i]etc;[/i]
[div=height: 5px; border-bottom: 1px solid black]
[/div]
[size=13px][i]PERSONA[/i][/size]
however you do the persona here ig ?? ahaha
[div=height: 5px; border-bottom: 1px solid black]
[/div]
[size=13px][i]BIOGRAPHY[/i][/size]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam imperdiet arcu vel molestie consequat. Aliquam nec risus ut quam dapibus congue id quis magna. Phasellus id dapibus magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed lobortis ipsum at elit tristique, nec mollis elit gravida. Nunc vehicula, mauris non aliquet pretium, neque ex blandit nulla, sit amet varius nulla felis at magna. Quisque eget dignissim mi, non rhoncus sem. Aenean volutpat dolor auctor ultrices faucibus. Curabitur congue nulla quis lectus bibendum, eu mollis purus porttitor. Nulla sit amet enim ac arcu porttitor pretium. Praesent luctus, lorem ac sagittis pharetra, diam nunc accumsan nisl, ac rutrum ipsum lectus ut augue. Donec erat tellus, ultrices ut lectus non, semper euismod tortor.
Praesent aliquam, elit vel luctus bibendum, quam sem suscipit libero, vel consequat orci mi ac nibh. Pellentesque bibendum urna eu nulla fringilla finibus non vel felis. Cras nec ipsum sed enim pulvinar faucibus. Ut euismod magna nec metus placerat, quis facilisis mauris facilisis. Aliquam in leo a orci semper dignissim. Mauris sit amet aliquam erat. Donec posuere rutrum nunc a convallis. Vivamus vel egestas mauris, vitae molestie tortor.[/div][/div][/div][/div][/div][/size][center][size=2px]coded by: [USER=51527]@ataraxia[/USER][/size][/center][/font][/justify]
Last edited:
moiety
〔peachy keen, jelly bean!〕
to quote the best pumpkin around: must you be so good at coding?
ataraxia
lover
never talk to me again you know you're amazing
moiety
〔peachy keen, jelly bean!〕
i will still throw credit where credit is due
true blue
butch lesbian
these are so beautiful i'm emo
ataraxia
lover
tysm
ataraxia
lover
code #3: dollop of daisy
for once i didn't do hidden scroll; no idea what this looks like on a windows operating system, i use mac.
for once i didn't do hidden scroll; no idea what this looks like on a windows operating system, i use mac.
Code:
[justify][font=Lora][size=11px][div=margin: auto; width: 400px; position: relative][div=float: right; width: 175px][div=position: absolute; margin-left: 25px; height: 20px; width: 20px; background: #69cbbb; margin-top: 43px; z-index: 6]
[/div][div=position: absolute; margin-left: 60px; height: 20px; width: 20px; background: #69cbbb; margin-top: 43px; z-index: 7]
[/div][div=position: absolute; margin-left: 95px; height: 20px; width: 20px; background: #69cbbb; margin-top: 43px; z-index: 7]
[/div][div=position: absolute; margin-left: 130px; height: 20px; width: 20px; background: #69cbbb; margin-top: 43px; z-index: 7]
[/div][div=background: linear-gradient(#f1f1f1, #ccc); height: 50px; z-index: 5;][div=height: 15px]
[/div][center][size=15px][b][color=#69cbbb]NAME[/color][/b][/size][/center]
[/div][div=border-top: 5px solid #69cbbb; height: 100px; background-image: url(http://data.whicdn.com/images/196128998/large.jpg); background-position: top; background-size: 100% auto]
[/div][div=height: 3px]
[/div][div=height: 42px; border: 1px solid #69cbbb; background-color: white; overflow: auto; padding: 2px]stats and shit maybe ??
depends on what you wanna use it for ig??[/div][/div][div=width: 215px; border: 1px solid #69cbbb; height: 200px; background-color: white; overflow: auto; padding: 2px]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam imperdiet arcu vel molestie consequat. Aliquam nec risus ut quam dapibus congue id quis magna. Phasellus id dapibus magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed lobortis ipsum at elit tristique, nec mollis elit gravida. Nunc vehicula, mauris non aliquet pretium, neque ex blandit nulla, sit amet varius nulla felis at magna. Quisque eget dignissim mi, non rhoncus sem. Aenean volutpat dolor auctor ultrices faucibus. Curabitur congue nulla quis lectus bibendum, eu mollis purus porttitor. Nulla sit amet enim ac arcu porttitor pretium. Praesent luctus, lorem ac sagittis pharetra, diam nunc accumsan nisl, ac rutrum ipsum lectus ut augue. Donec erat tellus, ultrices ut lectus non, semper euismod tortor.
Praesent aliquam, elit vel luctus bibendum, quam sem suscipit libero, vel consequat orci mi ac nibh. Pellentesque bibendum urna eu nulla fringilla finibus non vel felis. Cras nec ipsum sed enim pulvinar faucibus. Ut euismod magna nec metus placerat, quis facilisis mauris facilisis. Aliquam in leo a orci semper dignissim. Mauris sit amet aliquam erat. Donec posuere rutrum nunc a convallis. Vivamus vel egestas mauris, vitae molestie tortor.
Sed non dapibus orci, nec dictum erat. Praesent id justo scelerisque, ullamcorper orci non, dignissim purus. Praesent bibendum metus eget felis facilisis, ut malesuada magna luctus. Fusce sodales commodo ipsum eget pellentesque. Suspendisse sollicitudin ante sed tortor laoreet, eget convallis purus imperdiet. In et massa semper, posuere odio non, aliquam turpis. Aliquam sed enim enim. Nulla tellus metus, mollis ultrices semper et, interdum id enim. Sed in ipsum nec tortor mattis bibendum ac id ante. Cras faucibus ex nulla, sed pretium dolor porttitor at. Ut a orci eget dolor gravida bibendum eget id mi. Vestibulum tincidunt eleifend dui, eget egestas dolor consequat et. Duis hendrerit tristique lorem, vel ornare arcu ultricies sed. Mauris nec ultricies velit.[/div][size=2px]coded by: [USER=51527]@ataraxia[/USER][/size][/div][/size][/font][/justify]NAME
stats and shit maybe ??
depends on what you wanna use it for ig??
depends on what you wanna use it for ig??
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam imperdiet arcu vel molestie consequat. Aliquam nec risus ut quam dapibus congue id quis magna. Phasellus id dapibus magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed lobortis ipsum at elit tristique, nec mollis elit gravida. Nunc vehicula, mauris non aliquet pretium, neque ex blandit nulla, sit amet varius nulla felis at magna. Quisque eget dignissim mi, non rhoncus sem. Aenean volutpat dolor auctor ultrices faucibus. Curabitur congue nulla quis lectus bibendum, eu mollis purus porttitor. Nulla sit amet enim ac arcu porttitor pretium. Praesent luctus, lorem ac sagittis pharetra, diam nunc accumsan nisl, ac rutrum ipsum lectus ut augue. Donec erat tellus, ultrices ut lectus non, semper euismod tortor.
Praesent aliquam, elit vel luctus bibendum, quam sem suscipit libero, vel consequat orci mi ac nibh. Pellentesque bibendum urna eu nulla fringilla finibus non vel felis. Cras nec ipsum sed enim pulvinar faucibus. Ut euismod magna nec metus placerat, quis facilisis mauris facilisis. Aliquam in leo a orci semper dignissim. Mauris sit amet aliquam erat. Donec posuere rutrum nunc a convallis. Vivamus vel egestas mauris, vitae molestie tortor.
Sed non dapibus orci, nec dictum erat. Praesent id justo scelerisque, ullamcorper orci non, dignissim purus. Praesent bibendum metus eget felis facilisis, ut malesuada magna luctus. Fusce sodales commodo ipsum eget pellentesque. Suspendisse sollicitudin ante sed tortor laoreet, eget convallis purus imperdiet. In et massa semper, posuere odio non, aliquam turpis. Aliquam sed enim enim. Nulla tellus metus, mollis ultrices semper et, interdum id enim. Sed in ipsum nec tortor mattis bibendum ac id ante. Cras faucibus ex nulla, sed pretium dolor porttitor at. Ut a orci eget dolor gravida bibendum eget id mi. Vestibulum tincidunt eleifend dui, eget egestas dolor consequat et. Duis hendrerit tristique lorem, vel ornare arcu ultricies sed. Mauris nec ultricies velit.
coded by:
Praesent aliquam, elit vel luctus bibendum, quam sem suscipit libero, vel consequat orci mi ac nibh. Pellentesque bibendum urna eu nulla fringilla finibus non vel felis. Cras nec ipsum sed enim pulvinar faucibus. Ut euismod magna nec metus placerat, quis facilisis mauris facilisis. Aliquam in leo a orci semper dignissim. Mauris sit amet aliquam erat. Donec posuere rutrum nunc a convallis. Vivamus vel egestas mauris, vitae molestie tortor.
Sed non dapibus orci, nec dictum erat. Praesent id justo scelerisque, ullamcorper orci non, dignissim purus. Praesent bibendum metus eget felis facilisis, ut malesuada magna luctus. Fusce sodales commodo ipsum eget pellentesque. Suspendisse sollicitudin ante sed tortor laoreet, eget convallis purus imperdiet. In et massa semper, posuere odio non, aliquam turpis. Aliquam sed enim enim. Nulla tellus metus, mollis ultrices semper et, interdum id enim. Sed in ipsum nec tortor mattis bibendum ac id ante. Cras faucibus ex nulla, sed pretium dolor porttitor at. Ut a orci eget dolor gravida bibendum eget id mi. Vestibulum tincidunt eleifend dui, eget egestas dolor consequat et. Duis hendrerit tristique lorem, vel ornare arcu ultricies sed. Mauris nec ultricies velit.
ataraxia
Last edited:
ataraxia
lover
code #4: rainy days
every bit of this is editable, but i cheated on the gradient letters and used a generator - you can too dw. if you need help switching out some of the stuff, lmk and i'll help !!!
every bit of this is editable, but i cheated on the gradient letters and used a generator - you can too dw. if you need help switching out some of the stuff, lmk and i'll help !!!
Code:
[color=#7d94a5][justify][font=Lato][size=11px][div=margin: auto; position: relative; width: 400px][div=position: absolute; height: 15px; width: 15px; margin-left: 100px; margin-top: 5px; background: #274d6a]
[/div][div=position: absolute; height: 15px; width: 15px; margin-left: 131px; margin-top: 5px; background: #274d6a]
[/div][div=position: absolute; height: 15px; width: 15px; margin-left: 162px; margin-top: 5px; background: #274d6a]
[/div][div=position: absolute; height: 15px; width: 15px; margin-left: 193px; margin-top: 5px; background: #274d6a]
[/div][div=position: absolute; height: 15px; width: 15px; margin-left: 224px; margin-top: 5px; background: #274d6a]
[/div][div=position: absolute; height: 15px; width: 15px; margin-left: 255px; margin-top: 5px; background: #274d6a]
[/div][div=position: absolute; height: 15px; width: 15px; margin-left: 286px; margin-top: 5px; background: #274d6a]
[/div][div=height: 10px; background: white]
[/div][div=background-image: url(https://i.pinimg.com/originals/dc/73/2c/dc732ce54198b7d7ea96f1ed09c3b107.jpg); background-size: 100% auto; background-position: top; height: 150px; border-top: 5px solid #274d6a][div=height: 150px; opacity: .3; background-image: url(https://static.tumblr.com/895338cf39a1dba84ff64a5bbf563d4f/vsporcm/D63o92z6p/tumblr_static_tumblr_static__640.gif); background-size: 100% auto; background-position: center][div=height: 50px][/div][color=white][center][size=25px][font=Cinzel Decorative]NAME[/font][/size]
[size=13px][s][i]quote[/i][/s][/size][/center][/color][/div][/div][div=height: 10px][/div][div=float: right; width: 150px][div=position: absolute; margin-left: 70px; height: 10px; width: 10px; background: #274d6a]
[/div][div=position: absolute; margin-left: 70px; margin-top: 114px; height: 10px; width: 10px; background: #274d6a]
[/div][div=height: 3px]
[/div][div=height: 100px; border: 2px solid #274d6a; background: white][div=width: 149px; overflow: hidden; height: 100px;][div=width: 169px; overflow: auto; height: 105px][div=margin-right: 20px; padding: 7px][size=13px][font=Cinzel Decorative][color=#7D94A5]S[/color][color=#6B8599]T[/color][color=#5A778D]A[/color][color=#496981]T[/color][color=#385B75]S[/color][/font][/size][div=height: 2px; background: linear-gradient(to right, #d8dee4, #274d6a)]
[/div]Ut fermentum urna ut massa consequat euismod. Curabitur feugiat augue vitae posuere euismod. Quisque commodo non sapien vitae luctus. Phasellus pharetra lectus sit amet molestie sollicitudin. Cras dapibus aliquam ante. Nunc sed suscipit lacus, et rhoncus magna. Vivamus tempor ut neque quis egestas. Nam quis erat dui. Aenean pulvinar nec lorem eget iaculis. Nunc dui turpis, commodo eget lorem dictum, aliquet pretium nibh.
[/div][/div][/div]
[/div][div=height: 10px]
[/div][div=height: 105px; border: 2px solid #274d6a; background: white][div=width: 149px; overflow: hidden; height: 100px;][div=width: 169px; overflow: auto; height: 105px][div=margin-right: 20px; padding: 7px][size=13px][font=Cinzel Decorative][color=#7D94A5]P[/color][color=#70899C]E[/color][color=#647F94]R[/color][color=#58758B]S[/color][color=#4B6B83]O[/color][color=#3F617A]N[/color][color=#335772]A[/color][/font][/size][div=height: 2px; background: linear-gradient(to right, #d8dee4, #274d6a)]
[/div]Quisque finibus ipsum lorem, at finibus ante pharetra sed. Morbi a varius ligula. Sed cursus sodales orci non pulvinar. Vivamus volutpat, nunc in accumsan laoreet, dolor diam semper turpis, vel viverra dui leo feugiat lorem. Ut faucibus quam sit amet cursus interdum. Curabitur sed tempor lectus. In elementum erat interdum lorem aliquam vulputate.
[size=13px][font=Cinzel Decorative][color=#7D94A5]P[/color][color=#758D9F]R[/color][color=#6D879A]E[/color][color=#658094]F[/color][color=#5D7A8F]E[/color][color=#55738A]R[/color][color=#4E6D84]E[/color][color=#46667F]N[/color][color=#3E607A]C[/color][color=#365974]E[/color][color=#2E536F]S[/color][/font][/size][div=height: 2px; background: linear-gradient(to right, #d8dee4, #274d6a)]
[/div]Quisque finibus ipsum lorem, at finibus ante pharetra sed. Morbi a varius ligula. Sed cursus sodales orci non pulvinar. Vivamus volutpat, nunc in accumsan laoreet, dolor diam semper turpis, vel viverra dui leo feugiat lorem. Ut faucibus quam sit amet cursus interdum. Curabitur sed tempor lectus. In elementum erat interdum lorem aliquam vulputate.
[/div][/div][/div]
[/div][/div][div=position: absolute; margin-left: 115px; height: 10px; width: 10px; background: #274d6a]
[/div][div=height: 3px]
[/div][div=height: 219px; border: 2px solid #274d6a; width: 240px; background: white][div=height: 219px; overflow: hidden; width: 240px][div=height: 219px; overflow: auto; width: 260px][div=margin-right: 20px; padding: 7px][size=13px][font=Cinzel Decorative][color=#7D94A5]B[/color][color=#738C9E]I[/color][color=#698497]O[/color][color=#607C91]G[/color][color=#56748A]R[/color][color=#4D6C84]A[/color][color=#43647D]P[/color][color=#3A5C77]H[/color][color=#305470]Y[/color][/font][/size][div=height: 2px; background: linear-gradient(to right, #d8dee4, #274d6a)]
[/div]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam imperdiet arcu vel molestie consequat. Aliquam nec risus ut quam dapibus congue id quis magna. Phasellus id dapibus magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed lobortis ipsum at elit tristique, nec mollis elit gravida. Nunc vehicula, mauris non aliquet pretium, neque ex blandit nulla, sit amet varius nulla felis at magna. Quisque eget dignissim mi, non rhoncus sem. Aenean volutpat dolor auctor ultrices faucibus. Curabitur congue nulla quis lectus bibendum, eu mollis purus porttitor. Nulla sit amet enim ac arcu porttitor pretium. Praesent luctus, lorem ac sagittis pharetra, diam nunc accumsan nisl, ac rutrum ipsum lectus ut augue. Donec erat tellus, ultrices ut lectus non, semper euismod tortor.
Praesent aliquam, elit vel luctus bibendum, quam sem suscipit libero, vel consequat orci mi ac nibh. Pellentesque bibendum urna eu nulla fringilla finibus non vel felis. Cras nec ipsum sed enim pulvinar faucibus. Ut euismod magna nec metus placerat, quis facilisis mauris facilisis. Aliquam in leo a orci semper dignissim. Mauris sit amet aliquam erat. Donec posuere rutrum nunc a convallis. Vivamus vel egestas mauris, vitae molestie tortor.
Sed non dapibus orci, nec dictum erat. Praesent id justo scelerisque, ullamcorper orci non, dignissim purus. Praesent bibendum metus eget felis facilisis, ut malesuada magna luctus. Fusce sodales commodo ipsum eget pellentesque. Suspendisse sollicitudin ante sed tortor laoreet, eget convallis purus imperdiet. In et massa semper, posuere odio non, aliquam turpis. Aliquam sed enim enim. Nulla tellus metus, mollis ultrices semper et, interdum id enim. Sed in ipsum nec tortor mattis bibendum ac id ante. Cras faucibus ex nulla, sed pretium dolor porttitor at. Ut a orci eget dolor gravida bibendum eget id mi. Vestibulum tincidunt eleifend dui, eget egestas dolor consequat et. Duis hendrerit tristique lorem, vel ornare arcu ultricies sed. Mauris nec ultricies velit.
Ut fermentum urna ut massa consequat euismod. Curabitur feugiat augue vitae posuere euismod. Quisque commodo non sapien vitae luctus. Phasellus pharetra lectus sit amet molestie sollicitudin. Cras dapibus aliquam ante. Nunc sed suscipit lacus, et rhoncus magna. Vivamus tempor ut neque quis egestas. Nam quis erat dui. Aenean pulvinar nec lorem eget iaculis. Nunc dui turpis, commodo eget lorem dictum, aliquet pretium nibh.
Quisque finibus ipsum lorem, at finibus ante pharetra sed. Morbi a varius ligula. Sed cursus sodales orci non pulvinar. Vivamus volutpat, nunc in accumsan laoreet, dolor diam semper turpis, vel viverra dui leo feugiat lorem. Ut faucibus quam sit amet cursus interdum. Curabitur sed tempor lectus. In elementum erat interdum lorem aliquam vulputate.
[/div][/div][/div][/div][size=3px]coded by: [USER=51527]@ataraxia[/USER][/size][/div][/size][/font][/justify][/color]ataraxia
lover
code #5: lotus
this is really simple but it's cute. everything is editable. horizontal scroll with scroll boxes. all of which have hidden scrolls. if you have trouble editing please let me know ~
edit: you might have to click on the main box and use your arrow keys to make it scroll !!
this is really simple but it's cute. everything is editable. horizontal scroll with scroll boxes. all of which have hidden scrolls. if you have trouble editing please let me know ~
edit: you might have to click on the main box and use your arrow keys to make it scroll !!
Code:
[justify][font=Alegreya][size=11px][div=margin: auto; position: relative; width: 410px; height: 310px; background-image: url(https://68.media.tumblr.com/1c68acea999c497740f2a1c94319e938/tumblr_mom5e1RpiJ1rpz2goo4_250.png); padding: 10px 0px 0px 0px; overflow: hidden; white-space: nowrap][div=display: inline-block; width: 400px; overflow-x: auto; overflow-y: hidden; margin: auto; height: 340px][div=margin-bottom: 30px][div=width: 200px; display: inline-block; margin-left: 15px;][div=float: left; margin-left: 10px; border-radius: 100%; background: #900000; height: 30px; width: 30px; padding: 5px; border: 4px solid #b9b9b9][color=#977878][center][fa]fa-home fa-2x[/fa][/center][/color][/div][div=height: 15px]
[/div][div=height: 270px; background: #b9b9b9][div=height: 5px; border-bottom: 1px solid #977878][/div][div=height: 5px; border-bottom: 1px solid #977878][/div][div=height: 5px; border-bottom: 1px solid #977878][/div][div=height: 5px; border-bottom: 1px solid #977878][/div]
[div=height: 200px; overflow: hidden; border-bottom: 1px solid #977878; width: 200px][div=height: 200px; overflow: auto; width: 220px;][div=margin-right: 20px; padding: 4px; white-space: normal][color=#977878][size=15px]STATS[/size][/color]
[color=#977878]question:[/color] answer; [color=#977878]question:[/color] answer; [color=#977878]question:[/color] answer; [color=#977878]question:[/color] answer; [color=#977878]question:[/color] answer;
[div=margin: auto; width: 163px; height: 1px; background: #977878]
[/div]
[color=#977878][size=15px]APPEARANCE[/size][/color]
[color=#977878]question:[/color] answer; [color=#977878]question:[/color] answer; [color=#977878]question:[/color] answer; [color=#977878]question:[/color] answer; [color=#977878]question:[/color] answer;[/div][/div][/div][div=height: 5px; border-bottom: 1px solid #977878][/div][div=height: 5px; border-bottom: 1px solid #977878][/div][div=height: 5px; border-bottom: 1px solid #977878][/div][div=height: 5px; border-bottom: 1px solid #977878][/div][/div][/div][div=width: 200px; display: inline-block; margin-left: 15px;][div=float: left; margin-left: 10px; border-radius: 100%; background: #900000; height: 30px; width: 30px; padding: 5px; border: 4px solid #b9b9b9][color=#977878][center][fa]fa-user-o fa-2x[/fa][/center][/color][/div][div=height: 15px]
[/div][div=height: 270px; background: #b9b9b9][div=height: 5px; border-bottom: 1px solid #977878][/div][div=height: 5px; border-bottom: 1px solid #977878][/div][div=height: 5px; border-bottom: 1px solid #977878][/div][div=height: 5px; border-bottom: 1px solid #977878][/div]
[div=height: 200px; overflow: hidden; border-bottom: 1px solid #977878; width: 200px][div=height: 200px; overflow: auto; width: 220px;][div=margin-right: 20px; padding: 4px; white-space: normal][color=#977878][size=15px]PREFERENCES[/size][/color]
[color=#977878]question:[/color] answer; [color=#977878]question:[/color] answer; [color=#977878]question:[/color] answer; [color=#977878]question:[/color] answer; [color=#977878]question:[/color] answer;
[div=margin: auto; width: 163px; height: 1px; background: #977878]
[/div]
[color=#977878][size=15px]PERSONA[/size][/color]
Sed non dapibus orci, nec dictum erat. Praesent id justo scelerisque, ullamcorper orci non, dignissim purus. Praesent bibendum metus eget felis facilisis, ut malesuada magna luctus. Fusce sodales commodo ipsum eget pellentesque. Suspendisse sollicitudin ante sed tortor laoreet, eget convallis purus imperdiet. In et massa semper, posuere odio non, aliquam turpis. Aliquam sed enim enim. Nulla tellus metus, mollis ultrices semper et, interdum id enim. Sed in ipsum nec tortor mattis bibendum ac id ante. Cras faucibus ex nulla, sed pretium dolor porttitor at. Ut a orci eget dolor gravida bibendum eget id mi. Vestibulum tincidunt eleifend dui, eget egestas dolor consequat et. Duis hendrerit tristique lorem, vel ornare arcu ultricies sed. Mauris nec ultricies velit.[/div][/div][/div][div=height: 5px; border-bottom: 1px solid #977878][/div][div=height: 5px; border-bottom: 1px solid #977878][/div][div=height: 5px; border-bottom: 1px solid #977878][/div][div=height: 5px; border-bottom: 1px solid #977878][/div][/div][/div][div=width: 200px; display: inline-block; margin-left: 15px;][div=float: left; margin-left: 10px; border-radius: 100%; background: #900000; height: 30px; width: 30px; padding: 5px; border: 4px solid #b9b9b9][color=#977878][center][fa]fa-search fa-2x[/fa][/center][/color][/div][div=height: 15px]
[/div][div=height: 270px; background: #b9b9b9][div=height: 5px; border-bottom: 1px solid #977878][/div][div=height: 5px; border-bottom: 1px solid #977878][/div][div=height: 5px; border-bottom: 1px solid #977878][/div][div=height: 5px; border-bottom: 1px solid #977878][/div]
[div=height: 200px; overflow: hidden; border-bottom: 1px solid #977878; width: 200px][div=height: 200px; overflow: auto; width: 220px;][div=margin-right: 20px; padding: 4px; white-space: normal][color=#977878][size=15px]BIOGRAPHY[/size][/color]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam imperdiet arcu vel molestie consequat. Aliquam nec risus ut quam dapibus congue id quis magna. Phasellus id dapibus magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed lobortis ipsum at elit tristique, nec mollis elit gravida. Nunc vehicula, mauris non aliquet pretium, neque ex blandit nulla, sit amet varius nulla felis at magna. Quisque eget dignissim mi, non rhoncus sem. Aenean volutpat dolor auctor ultrices faucibus. Curabitur congue nulla quis lectus bibendum, eu mollis purus porttitor. Nulla sit amet enim ac arcu porttitor pretium. Praesent luctus, lorem ac sagittis pharetra, diam nunc accumsan nisl, ac rutrum ipsum lectus ut augue. Donec erat tellus, ultrices ut lectus non, semper euismod tortor.
Praesent aliquam, elit vel luctus bibendum, quam sem suscipit libero, vel consequat orci mi ac nibh. Pellentesque bibendum urna eu nulla fringilla finibus non vel felis. Cras nec ipsum sed enim pulvinar faucibus. Ut euismod magna nec metus placerat, quis facilisis mauris facilisis. Aliquam in leo a orci semper dignissim. Mauris sit amet aliquam erat. Donec posuere rutrum nunc a convallis. Vivamus vel egestas mauris, vitae molestie tortor.
[/div][/div][/div][div=height: 5px; border-bottom: 1px solid #977878][/div][div=height: 5px; border-bottom: 1px solid #977878][/div][div=height: 5px; border-bottom: 1px solid #977878][/div][div=height: 5px; border-bottom: 1px solid #977878][/div][/div][/div][div=width: 200px; display: inline-block; margin-left: 15px;][div=float: left; margin-left: 10px; border-radius: 100%; background: #900000; height: 30px; width: 30px; padding: 5px; border: 4px solid #b9b9b9][color=#977878][center][fa]fa-camera-retro fa-2x[/fa][/center][/color][/div][div=height: 15px]
[/div][div=height: 270px; background: #b9b9b9][div=height: 5px; border-bottom: 1px solid #977878][/div][div=height: 5px; border-bottom: 1px solid #977878][/div][div=height: 5px; border-bottom: 1px solid #977878][/div][div=height: 5px; border-bottom: 1px solid #977878][/div]
[div=height: 200px; overflow: hidden; border-bottom: 1px solid #977878; width: 200px][div=height: 200px; overflow: auto; width: 220px;][div=margin-right: 20px; padding: 4px; white-space: normal][color=#977878][size=15px]CAMERA ROLL[/size][/color]
[center][div=height: 63px; width: 63px; display: inline-block; background-image: url(https://i.pinimg.com/originals/8c/81/e4/8c81e42f7daddc012d1260c305caa501.jpg); background-size: 100% auto]
[/div][div=width: 1px; display: inline-block][/div][div=height: 63px; width: 63px; display: inline-block; background-image: url(https://i.pinimg.com/736x/6f/64/b6/6f64b6dbd984d27b80746907b6bcc409--tumblr-girls-black-and-white.jpg); background-size: 100% auto]
[/div][div=width: 1px; display: inline-block][/div][div=height: 63px; width: 63px; display: inline-block; background-image: url(http://37.media.tumblr.com/53c44fc8ba1f820ff3072a57eddfd8d4/tumblr_n01b6wkrTb1qc4bqio1_500.jpg); background-size: 100% auto]
[/div][div=height: 63px; width: 63px; display: inline-block; background-image: url(https://static.tumblr.com/f82b82571383b79d1707b6b40afcaf55/5vyrhv5/Yhxoq5tsg/tumblr_static_dbtgxt0q2mg40s4ggk0c8g888_640_v2.jpg); background-size: 100% auto]
[/div][div=width: 1px; display: inline-block][/div][div=height: 63px; width: 63px; display: inline-block; background-image: url(https://68.media.tumblr.com/11179ba85333c1f7f96be448b7b0819e/tumblr_oly5djEjBa1w4kgreo1_500.jpg); background-size: 100% auto]
[/div][div=width: 1px; display: inline-block][/div][div=height: 63px; width: 63px; display: inline-block; background-image: url(https://scontent-sea1-1.cdninstagram.com/t51.2885-15/e35/13413302_1734944113445572_1252021914_n.jpg?ig_cache_key=MTI3NDc3ODIxNTQ4MzU1MzE0Ng%3D%3D.2); background-size: 100% auto]
[/div][/center][/div][/div][/div][div=height: 5px; border-bottom: 1px solid #977878][/div][div=height: 5px; border-bottom: 1px solid #977878][/div][div=height: 5px; border-bottom: 1px solid #977878][/div][div=height: 5px; border-bottom: 1px solid #977878][/div][/div][/div][div=margin-left: 640px][size=3px]coded by: [USER=51527]@ataraxia[/USER][/size][/div][/div][/div][/div][/size][/font][/justify]
Last edited:
AnimeGenork
The Duck Overlord
These are all so cute! I have a special fondness for hidden scrolls even if they trick me every time! Your codes are lovely!
ataraxia
lover
awh omg thank youThese are all so cute! I have a special fondness for hidden scrollseven if they trick me every time! Your codes are lovely!
ataraxia
lover
code #5: big brother
i'm kind of in love with this, but i don't know if i'll ever use it so i'm gonna make it a freebie instead !! it's p simple but it's nice ig ?? everything is customizable ofc.
i'm kind of in love with this, but i don't know if i'll ever use it so i'm gonna make it a freebie instead !! it's p simple but it's nice ig ?? everything is customizable ofc.
Code:
[justify][font=Roboto Mono][size=10px][div=position: relative; margin: auto; width: 405px; background-image: url(https://i.pinimg.com/originals/9e/50/15/9e50150b2edea9b624ad4f4c76bd7820.jpg); background-size: auto 100%; background-position: bottom;][div=height: 25px]
[/div][div=height: 15px; border-top: 3px solid white; border-right: 3px solid white; border-left: 3px solid white; width: 350px; margin: auto]
[/div][div=width: 350px; margin: auto][center][size=25px][color=white]BELLAMY BLAKE[/color][/size][/center][/div][div=height: 15px; border-bottom: 3px solid white; border-right: 3px solid white; border-left: 3px solid white; width: 350px; margin: auto]
[/div][div=height: 10px]
[/div][div=width: 350px; margin: auto]
[div=float: right; width: 150px][div=height: 100px; width: 100px; border-radius: 100%; border: 3px solid white; background-image: url(https://i.pinimg.com/originals/2b/cf/d1/2bcfd17568b2fa9c7a9e0fdc13f13db6.png); margin: auto; background-size: 100% auto]
[/div][div=height: 10px; border-bottom: 1px solid white][/div][div=height: 10px]
[/div][div=opacity: .7; background: white; height: 120px; overflow: hidden][div=width: 170px; height: 119px; overflow: auto][div=margin-right: 20px; padding: 3px][size=15px]STATS[/size]
alias: bell; born: 2126; age: 29; gender: male; orientation: hetero (assumedly); height: 5'10; weight: 161lbs; hair: brown; eyes: brown
[size=15px]PERSONA[/size]
Fusce vitae nisi ac eros volutpat porta at sit amet quam. Curabitur tincidunt orci vitae tellus pellentesque, id sagittis lacus dignissim. Proin sit amet orci nulla. Vestibulum id luctus eros. Quisque vitae odio tortor. Donec lobortis facilisis libero, ut sodales dolor tempor non. Sed vitae egestas ex. In hac habitasse platea dictumst. Nulla et tincidunt sapien. Cras cursus, neque eu tempor rhoncus, mauris purus ultrices ligula, nec dictum lacus tortor id nibh. Fusce pellentesque dui eu risus tempor, ut maximus est semper. Aenean vehicula ipsum eget cursus ultricies. Praesent imperdiet elit quis arcu ultricies, in tincidunt tellus faucibus. Sed finibus mi eu sem pellentesque volutpat. Sed sit amet mauris sed metus bibendum venenatis.
[size=15px]PREFERENCES[/size]
Etiam sem tellus, ullamcorper in imperdiet quis, tempor quis odio. In a nunc vitae ex accumsan vehicula. Aliquam quam diam, pellentesque non volutpat id, faucibus maximus magna. Maecenas finibus feugiat dapibus. Proin ornare tristique pretium. Suspendisse nec ultricies leo, eu interdum ex. Nam justo nibh, porta id justo id, eleifend bibendum ante. Quisque tortor arcu, consectetur non facilisis et, cursus sed est. Suspendisse feugiat in turpis nec auctor. Sed efficitur magna at libero lobortis, id viverra leo tincidunt. Ut ornare rhoncus nisi, sit amet pretium urna. Duis viverra diam vel libero pulvinar ultrices. Ut felis eros, varius dictum nisi at, tincidunt venenatis nunc.
[/div][/div][/div][/div][div=width: 180px; background-color: white; opacity: .7; height: 247px; overflow: hidden][div=height: 245px; width: 200px; overflow: auto][div=margin-right: 20px; padding: 3px][size=15px]BIOGRAPHY[/size]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras lobortis est ac velit ullamcorper, id laoreet tellus tincidunt. Ut nisi turpis, tempus interdum rhoncus a, pellentesque vitae elit. Nullam aliquet est diam, at lacinia lorem condimentum sit amet. Suspendisse interdum aliquam nunc, lacinia lacinia nisi tempor a. Duis laoreet tristique nibh eget bibendum. Donec ut velit nisi. Mauris in feugiat libero. Cras congue velit quis ligula lacinia, at faucibus velit aliquam. Integer et mi auctor, faucibus mi eget, molestie urna. Integer vel massa sit amet neque volutpat convallis. Nullam congue elit eu ex dapibus, eu auctor nisl accumsan. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Duis laoreet lacus tortor, eget finibus ex dictum vitae. Pellentesque gravida semper risus vel elementum. Curabitur at urna quis ex fermentum vehicula a quis tellus. Morbi sit amet risus aliquet, mollis velit laoreet, semper orci. Suspendisse quis magna tristique, tempus sem at, pretium metus. Sed sit amet eleifend lorem. Quisque rutrum magna nec urna aliquam eleifend. Nulla congue lectus eu turpis vehicula, ut mollis nisi porttitor. Praesent feugiat nec diam in posuere. Integer augue libero, feugiat sit amet velit nec, ultrices placerat arcu. Quisque consectetur interdum ipsum, vel feugiat massa placerat porttitor. Maecenas ultricies, ipsum non faucibus efficitur, diam augue sagittis dui, ornare aliquet metus magna at odio.
[/div][/div][/div][/div][div=height: 5px]
[/div][div=height: 5px][/div][div=margin: auto; width: 350px; border-bottom: 2px solid white; padding: 3px][color=white][center][fa]fa-step-backward fa-2x[/fa][div=display: inline-block; width: 25px][/div][url=https://www.youtube.com/watch?v=TjT79oa59D0][div=display: inline-block][color=white][fa]fa-play fa-2x[/fa][/color][/div][/url][div=display: inline-block; width: 25px][/div][fa]fa-step-forward fa-2x[/fa]
[/center][/color][/div][div=clear: both; height: 25px][/div][/div][/size][/font][/justify]moiety
〔peachy keen, jelly bean!〕
where's the "love" feature, one cannot just simply like this
ataraxia
lover
code #7: inner demons
i numbered the last one wrong but i'm not gonna have the edited thing so pretend it's right. anyway, hello hello i am back with another freebie that i kind of lost inspo for half way through but that's fine right??? here it is anyway. completely customizable ofc.
i numbered the last one wrong but i'm not gonna have the edited thing so pretend it's right. anyway, hello hello i am back with another freebie that i kind of lost inspo for half way through but that's fine right??? here it is anyway. completely customizable ofc.
Code:
[color=white][font=Lato][justify][size=11px][div=margin: auto; width: 350px; position: relative][div=position: absolute; text-shadow: 2px 1px #C06F3C; color: black; font-size: 29px; margin: auto]FIRST | MIDDLE | LAST[/div][div=height: 20px][/div][div=height: 100px; background-image: url(https://78.media.tumblr.com/90034e1b50b8d6221502004226d97c8e/tumblr_oxw5aahhaS1ul6n0wo1_1280.png); background-size: 120% auto; background-position: center; color: #FBE5D0][div=height: 75px;][/div][size=13px][right]you said i'm too much handle. [/right][/size][/div][div=background: black; height: 300px; overflow: hidden; padding: 10px][div=float: left; width: 15px; border-left: 2px solid #FBE5D0; border-bottom: 2px solid #FBE5D0; border-top: 2px solid #FBE5D0; height: 300px][/div][div=float: right; width: 15px; border-right: 2px solid #FBE5D0; border-bottom: 2px solid #FBE5D0; border-top: 2px solid #FBE5D0; height: 300px][/div][div=height: 300px; overflow: hidden; width: 290px; margin: auto][div=padding: 5px; float: left; width: 125px][div=border-radius: 100%; height: 125px; width: 125px; border: 3px solid #DD9C69; background-image: url(https://78.media.tumblr.com/80d6e0eff02f6a9af7cf81684514cccb/tumblr_oxw5aahhaS1ul6n0wo2_1280.png); background-size: 150% auto; background-position: center]
[/div][div=height: 10px][/div][div=height: 140px; border-top: 2px solid #DD9C69; border-right: 2px solid #DD9C69; padding: 2px][size=13px]STATS[/size]
blah[/div][/div][div=margin-left: 135px; padding: 10px][div=background: #C06F3C; height: 125px; overflow: hidden; width: 140px;][div=width: 160px; height: 125px; overflow: auto][div=margin-right: 20px; padding: 2px][size=13px]PERSONA & PREFERENCES[/size]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur aliquet semper fringilla. Mauris faucibus condimentum iaculis. Fusce libero nisi, fermentum ut dapibus et, luctus et tellus. Integer blandit imperdiet metus ultricies mattis. Ut leo nibh, cursus at auctor non, consequat eget risus[/div][/div][/div][div=height: 10px][/div][div=background: #C06F3C; height: 150px; overflow: hidden; width: 140px][div=width: 160px; height: 150px; overflow: auto][div=margin-right: 20px; padding: 2px][size=13px]BIOGRAPHY[/size]
Nullam at libero in elit commodo suscipit. In hac habitasse platea dictumst. Ut arcu augue, maximus sed tortor id, condimentum congue mi. Aliquam fringilla a nibh ut imperdiet. Morbi vel scelerisque magna. Phasellus eget tortor orci. Nullam tempor sed orci et facilisis. Donec vel lectus non mauris porttitor viverra. Aliquam venenatis dolor vel malesuada fermentum. Sed cursus metus id dolor rhoncus, sed efficitur elit pellentesque. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec venenatis, nibh ut vestibulum malesuada, felis sapien faucibus orci, nec egestas neque erat sed purus. Suspendisse pellentesque risus sed eros accumsan, et dignissim lorem ullamcorper. Cras eros enim, rutrum quis lacus nec, pharetra sollicitudin ante.[/div][/div][/div][/div][/div][/div][size=3px]coded by: @ataraxia[/size][/div][/size][/justify][/font][/color]FIRST | MIDDLE | LAST
you said i'm too much handle.
Last edited:
ataraxia
lover
code #8: queen of chaos
this code was such a pain but hey have some tabs! it's a freebie, but it'll be a pain to edit (there are 53 separate divs here, and will be more as you add more info in the stats tab!!) so i'm sorry for that. it's worth it though. looks best with one or two colors, sidebar image is changeable as usual. you might have to play with positions and percentages on the two images to get them the way you like them but it should be fine. good luck and happy using
this code was such a pain but hey have some tabs! it's a freebie, but it'll be a pain to edit (there are 53 separate divs here, and will be more as you add more info in the stats tab!!) so i'm sorry for that. it's worth it though. looks best with one or two colors, sidebar image is changeable as usual. you might have to play with positions and percentages on the two images to get them the way you like them but it should be fine. good luck and happy using
Code:
[color=white][font=Lora][size=11px][justify][div=width: 500px; margin: auto; position: relative][div=width: 100px; height: 300px; background-image: url(https://static.tumblr.com/0cfb47959db4d176c8bd7035fed1b635/qubwg4o/4syo71pzt/tumblr_static_tumblr_static__640.gif); background-size: auto 100%; float: left; background-position: center][/div][div=background: black; height: 300px][div=border-left: 2px solid #b23525; color: white; font-size: 20px; text-orientation: sideways; writing-mode: vertical-rl; width: 20px; float: right; height: 300px][div=display: inline-block; height: 15px][/div]WANDA MAXIMOFF[/div][div=height: 300px; overflow: hidden; width: 350px; position: absolute; margin-left: 110px][tabs][tab=ugh][div=position: absolute; background: black; height: 290px; width: 340px; z-index: 10; margin: -15px][div=height: 10px; border-top: 2px solid #47150e; border-left: 2px solid #47150e; border-right: 2px solid #47150e][/div][div=width: 330px; height: 220px; overflow: hidden; padding: 5px][div=float: left; width: 125px; height: 125px; background-image: url(http://images6.fanpop.com/image/photos/39700000/-Scarlet-Witch-captain-america-civil-war-39730873-500-429.jpg); background-size: auto 100%; box-shadow: 3px 3px 0px 0px #47150e][/div][div=float: right; width: 190px; height: 125px; border: 1px solid #47150e; overflow: hidden][div=width: 210px; height: 120px; overflow: auto][div=margin-right: 20px; padding: 3px]name: name[div=height: 1px; background: #47150e][/div]
alias: alias[div=height: 1px; background: #47150e][/div]
age: age[div=height: 1px; background: #47150e][/div]
gender: gender[div=height: 1px; background: #47150e][/div]
pronouns: pronouns[div=height: 1px; background: #47150e][/div]
etc: etc[div=height: 1px; background: #47150e][/div]
etc: etc[div=height: 1px; background: #47150e][/div][/div][/div][/div]
[div=clear: both; font-size: 15px;][center][div=height: 40px][/div]"i cannot control their fear; only my own."
[fa]fa-step-backward[/fa] [div=width: 10px; display: inline-block][/div] [url=https://www.youtube.com/watch?v=6C3ND1nitRs][div=display: inline-block; color: white][fa]fa-play[/fa][/div][/url] [div=width: 10px; display: inline-block][/div] [fa]fa-step-forward[/fa][/center][div=height: 10px; border-bottom: 2px solid #47150e; border-left: 2px solid #47150e; border-right: 2px solid #47150e][/div][/div][/div][/div][/tab][tab=ugh2][div=position: absolute; background: black; height: 290px; width: 340px; z-index: 10; margin: -15px][div=height: 10px; border-top: 2px solid #47150e; border-left: 2px solid #47150e; border-right: 2px solid #47150e][/div][div=height: 220px; padding: 5px][div=position: absolute; margin-left: 10px; margin-top: -8px; padding: 2px;]personality[/div][div=position: absolute; margin-left: 10px; margin-top: 104px; padding: 2px;]preferences[/div][div=height: 100px; width: 325px; overflow: hidden; border: 1px solid #47150e][div=height: 100px; width: 345px; overflow: scroll][div=margin-right: 20px; padding: 5px]Vivamus sem tortor, aliquet et elementum nec, interdum non dolor. Donec vel hendrerit quam, porta scelerisque metus. Sed accumsan libero sed elit volutpat, nec egestas tortor mattis. Quisque nec hendrerit est, ut vulputate elit. Pellentesque consectetur scelerisque arcu sed pellentesque. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam at euismod elit. Integer auctor odio diam, quis lobortis sem sagittis ac. Nunc in nisi eget eros interdum lacinia molestie nec dolor. Pellentesque imperdiet mi non nibh gravida interdum.
[/div][/div][/div][div=height: 10px][/div][div=height: 100px; width: 325px; overflow: hidden; border: 1px solid #47150e][div=height: 100px; width: 345px; overflow: scroll][div=margin-right: 20px; padding: 5px]Morbi egestas in urna eu tincidunt. Vivamus mollis malesuada elit, posuere efficitur diam facilisis ut. Quisque sed porta est. Quisque quis aliquam dolor, lacinia pellentesque lorem. Donec auctor tempus nisl sed viverra. Maecenas id varius ipsum, vitae congue lacus. Proin rhoncus luctus libero, eget rutrum justo fringilla id. Donec euismod, est ac ullamcorper fringilla, massa sapien faucibus libero, non porttitor orci dui at felis.
[/div][/div][/div][/div][div=height: 10px; border-bottom: 2px solid #47150e; border-left: 2px solid #47150e; border-right: 2px solid #47150e][/div][/div][/tab][tab=ugh3][div=position: absolute; background: black; height: 290px; width: 340px; z-index: 10; margin: -15px][div=height: 10px; border-top: 2px solid #47150e; border-left: 2px solid #47150e; border-right: 2px solid #47150e][/div][div=height: 220px; width: 335px; overflow: hidden][div=height: 220px; width: 355px; overflow: auto][div=margin-right: 20px; padding: 5px][div=position: absolute; background: black; width: 335px; margin-top: -6px; margin-left: -3px][size=15px]biography[/size][div=height: 1px; background: #47150e][/div][/div]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sollicitudin vel dui eu posuere. Aenean a tincidunt mauris. Donec pellentesque ultricies quam eu iaculis. Integer quis ipsum in risus porttitor placerat eget non mi. Suspendisse mauris leo, imperdiet ut mauris eu, vestibulum ultricies lacus. Curabitur venenatis, urna et consequat suscipit, leo dolor sagittis diam, sit amet eleifend mi libero nec mauris. Nullam blandit congue auctor. Morbi id condimentum est. Aliquam ullamcorper dapibus nisi in laoreet. Praesent vitae eleifend libero. Suspendisse egestas accumsan odio, non pellentesque purus tincidunt non. Donec lacinia lobortis enim in viverra. Morbi sit amet arcu et ligula vulputate lobortis sed ut neque. Cras tincidunt risus et condimentum ultricies.
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Vivamus dapibus faucibus ex, a cursus velit luctus placerat. Sed ut sapien at felis ultrices consequat. Aliquam suscipit maximus iaculis. Maecenas bibendum mollis lectus, sed ultricies arcu convallis pulvinar. Suspendisse sed eros et turpis ultricies pulvinar non vel tellus. Nullam sodales turpis eget elit dignissim semper. Proin in sapien commodo, euismod nisl eu, dapibus libero. Curabitur tristique felis massa, vitae finibus lorem placerat ac. Nunc risus turpis, congue at finibus ac, dignissim ut mi.
[/div][/div][/div][div=height: 10px; border-bottom: 2px solid #47150e; border-left: 2px solid #47150e; border-right: 2px solid #47150e][/div][/div][/tab]
[/tabs][/div][div=position: absolute; background: black; width: 350px; height: 75px; margin-left: 110px; pointer-events: none; z-index: 3][div=width: 50px; height; 20px; display: inline-block; border-bottom: 3px solid #b23525; color: white]stats[/div][div=display: inline-block; width: 50px][/div][div=width: 50px; height; 20px; display: inline-block; border-bottom: 3px solid #b23525; color: white]persona[/div][div=display: inline-block; width: 50px][/div][div=width: 50px; height; 20px; display: inline-block; border-bottom: 3px solid #b23525; color: white]history[/div][/div][/div][size=3px]coded by: @ataraxia[/size][/div][/justify][/size][/font][/color]WANDA MAXIMOFF
stats
persona
history
s a u d a d e
a deafening silence
b o n n ie
s a u d a d e
a deafening silence
i legit even cant come up with a play-threat these are so gOOD WTF
AnimeGenork
The Duck Overlord
I SAW BELLAMY BLAKE AND I FELL IN LOVE
ataraxia
lover
my darling darling boy
ataraxia
lover
thank you so much!
ataraxia
lover
code #8: girl almighty
hi hi this is just a placeholder. it was going to be something more but i hated it once i added to it so here it is. have fun!
hi hi this is just a placeholder. it was going to be something more but i hated it once i added to it so here it is. have fun!
Code:
[font=Lora][justify][div=margin: auto; width: 150px; position: relative; background: white][div=width: 150px; height: 150px; border-top-left-radius: 0%; border-top-right-radius: 100%; border-bottom-right-radius: 100%; border-bottom-left-radius: 100%; background-image: url(http://images.hellogiggles.com/uploads/2016/08/03062149/Nancy-Featured.jpg); background-size: 100% auto; position: absolute; border-bottom: 5px solid #2d4c6e][/div][div=display: inline-block; width: 4px; border-right: 3px solid white; background: #2d4c6e; height: 200px][/div][div=display: inline-block; width: 4px; border-right: 3px solid white; background: #2d4c6e; height: 175px][/div][div=display: inline-block; width: 4px; border-right: 3px solid white; background: #2d4c6e; height: 200px][/div][div=display: inline-block; width: 4px; border-right: 3px solid white; background: #2d4c6e; height: 175px][/div][div=display: inline-block; width: 4px; border-right: 3px solid white; background: #2d4c6e; height: 200px][/div][div=display: inline-block; width: 4px; border-right: 3px solid white; background: #2d4c6e; height: 175px][/div][div=display: inline-block; width: 4px; background: #2d4c6e; height: 200px][/div][div=position: absolute; margin-left: 50px; margin-top: -45px; height: 40px; width: 90px; border-bottom: 1px solid #2d4c6e; text-shadow: 2px 1px #ccc; font-size: 15px]NANCY WHEELER[/div]
[size=1px]coded by [USER=51527]@ataraxia[/USER][/size][/div][/justify][/font]ataraxia
lover
code #10: wearing the crown
wow, bonnie's actually proud of something she coded???? what ????? who is she?????? anyway, i really hope you enjoy this one!! it's completely customizable but lmk if you get confused with any of italso misnumbered again ignore it pls
note: came back online and found this one kinda wonky but the code itself is still good so we good
wow, bonnie's actually proud of something she coded???? what ????? who is she?????? anyway, i really hope you enjoy this one!! it's completely customizable but lmk if you get confused with any of it
note: came back online and found this one kinda wonky but the code itself is still good so we good
Code:
[font=Merriweather][size=11px][justify][div=margin: auto; width: 540px; padding: 20px; position: relative; background-image: url(http://wallpapercraze.com/images/wallpapers/rosepetals-299892.jpeg); background-size: auto 100%; background-position: center][div=width: 500px; background: black; opacity: .85; padding: 20px][div=float: left; background-image: url(https://78.media.tumblr.com/1e58c79c3c584493adf5087c4127672e/tumblr_oyv7ynsrwV1ul6n0wo1_500.png); background-size: auto 100%; background-position: top; padding: 10px;][div=height: 300px; border: 1px solid white; width: 150px][div=height: 250px][/div][div=font-size: 15px; text-shadow: 1px 2px #ccc; color: white][div=display: inline-block; width: 7px][/div]NAME[/COLOR][/SIZE]
[SIZE=3][COLOR=#922D18][div=display: inline-block; width: 7px][/div]NAME[/div][/div][/div][div=margin-left: 170px; background: white; padding: 10px][div=height: 13px; font-size: 15px; border-bottom: 1px solid black]dirty, sexy money[/div][div=height: 5px][/div][div=float: right; border: 3px solid #ccc; height: 75px; width: 75px; border-radius: 100%; background-image: url(https://78.media.tumblr.com/1613a3861eb6e3d1863e92fb6eb6f7e1/tumblr_oyv7ynsrwV1ul6n0wo2_1280.png); background-position: center; background-size: 150% auto][/div][div=height: 10px][/div][size=9px][center][i][div=height: 8px; border-bottom: 1px solid #ccc]I'm a million dollars, make your wishes come true[/div][div=height: 8px; border-bottom: 1px solid #ccc]Calling out you're, calling out, calling out you're[/div][div=height: 8px; border-bottom: 1px solid #ccc]Never seen a girl like this before[/div][/i][/center][/size][center][color=#ccc][fa]fa-step-backward fa-2x[/fa][div=display: inline-block; width: 25px][/div][url=https://www.youtube.com/watch?v=kkdLiA9J6LQ][div=display: inline-block][color=#ccc][fa]fa-play fa-2x[/fa][/color][/div][/url][div=display: inline-block; width: 25px][/div][fa]fa-step-forward fa-2x[/fa][/color][/center][div=height: 13px; border-bottom: 1px solid #ccc][/div][div=height: 5px][/div][div=width: 105px; height: 130px; border-right: 2px solid #ccc; float: left; padding: 10px][div=padding: 4px; display: margin: auto; font-size: 14px; background: #ccc; color: white]stats[/div][div=height: 2px][/div][div=height: 105px; width: 105px; overflow: hidden][div=width: 125px; height: 105px; overflow: auto][div=margin-right: 20px; padding: 2px]name: [i]name[/i]
age: [i]age[/i]
birthday: [i]birthday[/i]
etc: [i]etc[/i]
etc: [i]etc[/i]
etc: [i]etc[/i]
etc: [i]etc[/i]
etc: [i]etc[/i]
etc: [i]etc[/i]
etc: [i]etc[/i]
etc: [i]etc[/i][/div][/div][/div][/div][div=margin-left: 115px; height: 150px; width: 180px; overflow: hidden][div=height: 150px; width: 200px; overflow: auto][div=margin-right: 20px; padding: 4px]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec nec aliquet purus, sed varius massa. Etiam maximus luctus massa at laoreet. Praesent libero lacus, efficitur at urna nec, pulvinar tincidunt est. Fusce convallis id sem vitae faucibus. Maecenas eget purus et lacus volutpat consequat. Pellentesque ut est leo. Vestibulum vulputate risus eros. Curabitur lobortis nulla ut libero volutpat venenatis.
Nunc vehicula justo quis mauris tempor, eget tristique lacus ultrices. Nullam gravida interdum mattis. Vestibulum gravida lectus quis orci imperdiet tincidunt. Mauris rutrum, nibh eu maximus hendrerit, ipsum odio tempus elit, ac maximus purus urna in purus. Cras placerat ex metus, in eleifend metus interdum id. In hac habitasse platea dictumst. Mauris sodales, lorem vitae ultrices auctor, metus dolor eleifend lorem, quis hendrerit nunc dolor non est. Mauris vel justo nunc. Fusce viverra pellentesque elit non lacinia.[/div][/div][/div][div=height: 5px; border-bottom: 2px solid #ccc][/div][div=height: 35px; font-size: 13px][div=height: 10px][/div][i][b][s][center]saw you in the moonlight[/center][/s][/b][/i][/div][/div][/div][/div][center][size=2px]coded by: [USER=51527]@ataraxia[/USER][/size][/center][/justify][/size][/font]NAME
NAME
NAME
dirty, sexy money
coded by:
ataraxia
ataraxia
Last edited:
elextrified
zeus aspirant
ahhhh!! these are so good, thank you!
