eclipsa
faerie sightings
I'll be working on my requests in the next couple of days, sorry for the delays, coding is exhausting ahah
-
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.
Other - closed -
- Thread starter eclipsa
- Start date
The Regal Rper
Mad Scientist
Ah coding. Painful times. Painful times.
whimsicalx
Love is. It just is.
Using one of your codings 
eclipsa
faerie sightings
@Elizabeth Duchamps i almost fell asleep coding this but i think it's cute so i hope you do too 
if not just let me know!! i'll change it
coded by: syzygy
totally editable out of source mode, does overflow so there will be scroll!
when you're doing the images, delete the "class" and the "alt" and then just change the src to the link you want to use and you're game.
same as over there.
also the pictures are already resized and have the shadows on them soooo yeh!! don't delete the style when you delete the other stuff or that'll be gone!!
character names or something?
also editable out of source, also overflows!! hella
blah
blah
see it scrolls!!! it's LIT.
if not just let me know!! i'll change it
coded by: syzygy
totally editable out of source mode, does overflow so there will be scroll!
when you're doing the images, delete the "class" and the "alt" and then just change the src to the link you want to use and you're game.
same as over there.
also the pictures are already resized and have the shadows on them soooo yeh!! don't delete the style when you delete the other stuff or that'll be gone!!
character names or something?
also editable out of source, also overflows!! hella
blah
blah
see it scrolls!!! it's LIT.
Code:
<p>
</p>
<link href="https://fonts.googleapis.com/css?family=Quicksand" rel="stylesheet">
<style type="text/css">
</style>
<div style="margin: auto; font-family: Quicksand, sans-serif;">
<div style="float: left; border-right: 2px dashed #e1c9ef; width: 30%; padding: 6px;">
<p style="text-align: center;">
<img alt="8eca78cf6d5942257fc91ca04a5de604.jpg" src="https://www.rpnation.com/applications/core/interface/imageproxy/imageproxy.php?img=https://s-media-cache-ak0.pinimg.com/originals/8e/ca/78/8eca78cf6d5942257fc91ca04a5de604.jpg&key=6d9aea5c1be12f4415a60055079d76f15f5b461573a4967e83ea483c537b00b5" style="width: 150px; height: 150px; box-shadow: 1px 1px 1px 1px #ccc;"> <img alt="tumblr_o06xoy7EF81tpgo5jo1_1280.jpg" src="https://www.rpnation.com/applications/core/interface/imageproxy/imageproxy.php?img=http://40.media.tumblr.com/f946a6c5ae27d0da57a8ce3b4bb70af5/tumblr_o06xoy7EF81tpgo5jo1_1280.jpg&key=5da338281500597c937d43c0f19fd8cb2f57bd7ae65e99852833144ae601954a" style="width: 150px; height: 150px; box-shadow: 1px 1px 1px 1px #ccc;">
</p>
<p style="text-align: center;">
<span style="color:#e6e6fa;"><span style="font-size:8px;">coded by: syzygy</span></span>
</p>
<div style="box-shadow: 1px 1px 1px 1px #e1c9ef; height: 200px; overflow: auto; padding: 2px;">
<p>
totally editable out of source mode, does overflow so there will be scroll!
</p>
<p>
</p>
<p>
when you're doing the images, delete the "class" and the "alt" and then just change the src to the link you want to use and you're game.
</p>
</div>
</div>
<div style="float: right; border-left: 2px dashed #c9eaef; width: 30%; padding: 6px;">
<p>
<img alt="9be8129f5375263c0c0a35a6eeb023db.jpg" src="https://www.rpnation.com/applications/core/interface/imageproxy/imageproxy.php?img=https://s-media-cache-ak0.pinimg.com/236x/9b/e8/12/9be8129f5375263c0c0a35a6eeb023db.jpg&key=bcb0341b9ba661290d2e32bbaa0f37ea81c8ba9f75684b10d653d3ab5955c60d" style="width: 150px; height: 150px; box-shadow: 1px 1px 1px 1px #ccc;"> <img alt="aesthetic-art-eyes-grunge-Favim.com-3649" src="https://www.rpnation.com/applications/core/interface/imageproxy/imageproxy.php?img=http://s1.favim.com/orig/151126/aesthetic-art-eyes-grunge-Favim.com-3649251.jpg&key=44a83b90a2b74655d0290d6b92785170455a7c8d8104a26b8990d8a3efdc3276" style="width: 150px; height: 150px; box-shadow: 1px 1px 1px 1px #ccc;">
</p>
<p>
</p>
<div style="box-shadow: 1px 1px 1px 1px #c9eaef; height: 200px; overflow: auto; padding: auto;">
<p>
same as over there.
</p>
<p>
</p>
<p>
also the pictures are already resized and have the shadows on them soooo yeh!! don't delete the style when you delete the other stuff or that'll be gone!!
</p>
</div>
</div>
<div style="margin: auto; width:39%; padding: 10px; border-bottom: 2px dashed #c9efe1; height: 400px; overflow: auto;">
<p style="text-shadow: rgb(201, 239, 225) 2px 1px 2px; font-size: 26px; text-align: center;">
character names or something?
</p>
<p>
</p>
<p>
also editable out of source, also overflows!! hella
</p>
<p>
</p>
<p>
</p>
<p>
</p>
<p>
</p>
<p>
</p>
<p>
</p>
<p>
</p>
<p>
</p>
<p>
blah
</p>
<p>
</p>
<p>
</p>
<p>
</p>
<p>
</p>
<p>
</p>
<p>
</p>
<p>
</p>
<p>
</p>
<p>
</p>
<p>
</p>
<p>
blah
</p>
<p>
</p>
<p>
</p>
<p>
</p>
<p>
see it scrolls!!! it's LIT.
</p>
</div>
</div>eclipsa
faerie sightings
aaah! i'm so glad
33
minajesty
it's the most 𝘸𝘰𝘯𝘥𝘦𝘳𝘧𝘶𝘭 time of the year!
@Elizabeth Duchamps @Syzygy
Do you mind if I use that code up above! I have this roleplay im starting
and the colors would go great with it
Do you mind if I use that code up above! I have this roleplay im starting
and the colors would go great with it
tsuneni
— princess.♥
eclipsa
faerie sightings
eclipsa
faerie sightings
@Angelic i tried so hard to get that half circle to work but i couldn't get it to again for some reason? i had to switch coding for my ic nodus posts because it won't work??? aaaaahhhh let me fight it. hope you like this tho!! 
character name ??
this overflows and is editable out of source mode nice!
you can edit this bitch out of source and it overflows a y e
all of the images are resized already, so that's nice and easy, just gotta change out the url for them!
coded by: syzygy
character name ??
this overflows and is editable out of source mode nice!
you can edit this bitch out of source and it overflows a y e
all of the images are resized already, so that's nice and easy, just gotta change out the url for them!
coded by: syzygy
Code:
<p>
</p>
<link href="https://fonts.googleapis.com/css?family=Cutive+Mono" rel="stylesheet">
<style type="text/css">
</style>
<div style="width:95%; margin: auto; background-image: url('https://secure.static.tumblr.com/b882afd347695bcd42b56318e558c993/bgzbsyt/BiEoee3td/tumblr_static_tumblr_static_byhno9lb87ww84ooc0sgwwg88_640.png'); background-size: cover;color: #37115a; font-family: Cutive Mono, serif; padding: 15px;">
<div style="float: right; width: 35%">
<div style="padding:2px; border: 2px solid #af9fbd; background-color: white;">
<p>
<span style="font-size:20px;">character name ??</span>
</p>
</div>
<p>
</p>
<div style="padding:2px; border: 2px solid #af9fbd; background-color: white; height: 120px; overflow: auto;">
<p>
this overflows and is editable out of source mode nice!
</p>
</div>
<p>
</p>
<div style="padding:2px; border: 2px solid #af9fbd; background-color: white; height: 210px; overrflow: auto;">
<p style="text-align: center;">
<img alt="" class="ipsImage" src="https://s-media-cache-ak0.pinimg.com/originals/5f/02/8f/5f028f1fbe82f022ab1cdb74c46d77e7.jpg" style="width: 100px; height: 100px;"><img alt="" class="ipsImage" src="http://s2.favim.com/orig/160105/adorable-aesthetic-aesthetics-black-Favim.com-3846402.jpg" style="width: 100px; height: 100px;"><img alt="" class="ipsImage" src="http://67.media.tumblr.com/e395cf929b051c17281f7c6319110fed/tumblr_nyfin6bV8D1v04lt2o1_1280.jpg" style="width: 100px; height: 100px;"><img alt="" class="ipsImage" src="http://s7.favim.com/orig/151226/aesthetic-aesthetics-black-grudge-Favim.com-3809847.jpg" style="width: 100px; height: 100px;"><img alt="" class="ipsImage" src="http://s4.favim.com/orig/160123/aesthetic-art-black-grunge-Favim.com-3922236.jpg" style="width: 100px; height: 100px;"><img alt="" class="ipsImage" src="https://s-media-cache-ak0.pinimg.com/originals/43/2a/05/432a0574fe46f099591570334163b0d3.jpg" style="width: 100px; height: 100px;">
</p>
</div>
</div>
<div style="height: 400px; border: 3px solid #af9fbd; background-color: white; overflow: auto; width: 60%;margin: auto;">
<p>
you can edit this bitch out of source and it overflows a y e
</p>
<p>
</p>
<p>
all of the images are resized already, so that's nice and easy, just gotta change out the url for them!
</p>
</div>
<div style="clear: both;">
<p style="size: 7px;">
<span style="font-size:8px;"><span style="color:#ffffff;">coded by: syzygy</span></span>
</p>
</div>
</div>
Doubt
clueless goddess
@Angelic i tried so hard to get that half circle to work but i couldn't get it to again for some reason? i had to switch coding for my ic nodus posts because it won't work??? aaaaahhhh let me fight it. hope you like this tho!!
character name ??
this overflows and is editable out of source mode nice!
you can edit this bitch out of source and it overflows a y e
all of the images are resized already, so that's nice and easy, just gotta change out the url for them!
coded by: syzygy
Reveal hidden contents
<p>
</p>
<link href="https://fonts.googleapis.com/css?family=Cutive+Mono" rel="stylesheet">
<style type="text/css">
</style>
<div style="width:95%; margin: auto; background-image: url('https://secure.static.tumblr.com/b882afd347695bcd42b56318e558c993/bgzbsyt/BiEoee3td/tumblr_static_tumblr_static_byhno9lb87ww84ooc0sgwwg88_640.png'); background-size: cover;color: #37115a; font-family: Cutive Mono, serif; padding: 15px;">
<div style="float: right; width: 35%">
<div style="padding:2px; border: 2px solid #af9fbd; background-color: white;">
<p>
<span style="font-size:20px;">character name ??</span>
</p>
</div>
<p>
</p>
<div style="padding:2px; border: 2px solid #af9fbd; background-color: white; height: 120px; overflow: auto;">
<p>
this overflows and is editable out of source mode nice!
</p>
</div>
<p>
</p>
<div style="padding:2px; border: 2px solid #af9fbd; background-color: white; height: 210px; overrflow: auto;">
<p style="text-align: center;">
<img alt="" class="ipsImage" src="https://s-media-cache-ak0.pinimg.com/originals/5f/02/8f/5f028f1fbe82f022ab1cdb74c46d77e7.jpg" style="width: 100px; height: 100px;"><img alt="" class="ipsImage" src="http://s2.favim.com/orig/160105/adorable-aesthetic-aesthetics-black-Favim.com-3846402.jpg" style="width: 100px; height: 100px;"><img alt="" class="ipsImage" src="http://67.media.tumblr.com/e395cf929b051c17281f7c6319110fed/tumblr_nyfin6bV8D1v04lt2o1_1280.jpg" style="width: 100px; height: 100px;"><img alt="" class="ipsImage" src="http://s7.favim.com/orig/151226/aesthetic-aesthetics-black-grudge-Favim.com-3809847.jpg" style="width: 100px; height: 100px;"><img alt="" class="ipsImage" src="http://s4.favim.com/orig/160123/aesthetic-art-black-grunge-Favim.com-3922236.jpg" style="width: 100px; height: 100px;"><img alt="" class="ipsImage" src="https://s-media-cache-ak0.pinimg.com/originals/43/2a/05/432a0574fe46f099591570334163b0d3.jpg" style="width: 100px; height: 100px;">
</p>
</div>
</div>
<div style="height: 400px; border: 3px solid #af9fbd; background-color: white; overflow: auto; width: 60%;margin: auto;">
<p>
you can edit this bitch out of source and it overflows a y e
</p>
<p>
</p>
<p>
all of the images are resized already, so that's nice and easy, just gotta change out the url for them!
</p>
</div>
<div style="clear: both;">
<p style="size: 7px;">
<span style="font-size:8px;"><span style="color:#ffffff;">coded by: syzygy</span></span>
</p>
</div>
</div>
character name ??
this overflows and is editable out of source mode nice!
you can edit this bitch out of source and it overflows a y e
all of the images are resized already, so that's nice and easy, just gotta change out the url for them!
coded by: syzygy
Reveal hidden contents
<p>
</p>
<link href="https://fonts.googleapis.com/css?family=Cutive+Mono" rel="stylesheet">
<style type="text/css">
</style>
<div style="width:95%; margin: auto; background-image: url('https://secure.static.tumblr.com/b882afd347695bcd42b56318e558c993/bgzbsyt/BiEoee3td/tumblr_static_tumblr_static_byhno9lb87ww84ooc0sgwwg88_640.png'); background-size: cover;color: #37115a; font-family: Cutive Mono, serif; padding: 15px;">
<div style="float: right; width: 35%">
<div style="padding:2px; border: 2px solid #af9fbd; background-color: white;">
<p>
<span style="font-size:20px;">character name ??</span>
</p>
</div>
<p>
</p>
<div style="padding:2px; border: 2px solid #af9fbd; background-color: white; height: 120px; overflow: auto;">
<p>
this overflows and is editable out of source mode nice!
</p>
</div>
<p>
</p>
<div style="padding:2px; border: 2px solid #af9fbd; background-color: white; height: 210px; overrflow: auto;">
<p style="text-align: center;">
<img alt="" class="ipsImage" src="https://s-media-cache-ak0.pinimg.com/originals/5f/02/8f/5f028f1fbe82f022ab1cdb74c46d77e7.jpg" style="width: 100px; height: 100px;"><img alt="" class="ipsImage" src="http://s2.favim.com/orig/160105/adorable-aesthetic-aesthetics-black-Favim.com-3846402.jpg" style="width: 100px; height: 100px;"><img alt="" class="ipsImage" src="http://67.media.tumblr.com/e395cf929b051c17281f7c6319110fed/tumblr_nyfin6bV8D1v04lt2o1_1280.jpg" style="width: 100px; height: 100px;"><img alt="" class="ipsImage" src="http://s7.favim.com/orig/151226/aesthetic-aesthetics-black-grudge-Favim.com-3809847.jpg" style="width: 100px; height: 100px;"><img alt="" class="ipsImage" src="http://s4.favim.com/orig/160123/aesthetic-art-black-grunge-Favim.com-3922236.jpg" style="width: 100px; height: 100px;"><img alt="" class="ipsImage" src="https://s-media-cache-ak0.pinimg.com/originals/43/2a/05/432a0574fe46f099591570334163b0d3.jpg" style="width: 100px; height: 100px;">
</p>
</div>
</div>
<div style="height: 400px; border: 3px solid #af9fbd; background-color: white; overflow: auto; width: 60%;margin: auto;">
<p>
you can edit this bitch out of source and it overflows a y e
</p>
<p>
</p>
<p>
all of the images are resized already, so that's nice and easy, just gotta change out the url for them!
</p>
</div>
<div style="clear: both;">
<p style="size: 7px;">
<span style="font-size:8px;"><span style="color:#ffffff;">coded by: syzygy</span></span>
</p>
</div>
</div>
data:image/gif;base64,R0lGODlhAQABAPABAP///wAAACH5BAEKAAAALAAAAAABAAEAAAICRAEAOw==
it's so pretty thank youuu.
eclipsa
faerie sightings
so glad you like it 33
33
social
falling for you™
request form:
username: SociallyAwkward
pronouns: She/her
request type: HTML
timeframe: Tomorrow? Or whenever you can!
specifics (html: colors, fonts, style, etc. // fcs: ethnicity, age, etc.): Whatever fonts you think would fit best honestly. For colors, probably black, white, shades of blue or purple, anything that resembles the stars or galaxy. It would be nice to change these colors if I ever wanted to
html specific questions:
theme: Kind of mythical, stars or constellations. It's for a magic roleplay so something magical and relating to the stars would be great!
pictures: Placeholders would be nice and maybe between four to ten? If that's way too much, four to six is just fine!
anything else?: Nothing much, I'd just like to be able to change it a little bit to fit other characters because I'm positive I'll reuse your amazing coding! And thank you so much for all your hard work, I'm pretty sure everyone here really appreciates you doing this and loves to see your brilliant coding!
username: SociallyAwkward
pronouns: She/her
request type: HTML
timeframe: Tomorrow? Or whenever you can!
specifics (html: colors, fonts, style, etc. // fcs: ethnicity, age, etc.): Whatever fonts you think would fit best honestly. For colors, probably black, white, shades of blue or purple, anything that resembles the stars or galaxy. It would be nice to change these colors if I ever wanted to
html specific questions:
theme: Kind of mythical, stars or constellations. It's for a magic roleplay so something magical and relating to the stars would be great!
pictures: Placeholders would be nice and maybe between four to ten? If that's way too much, four to six is just fine!
anything else?: Nothing much, I'd just like to be able to change it a little bit to fit other characters because I'm positive I'll reuse your amazing coding! And thank you so much for all your hard work, I'm pretty sure everyone here really appreciates you doing this and loves to see your brilliant coding!
Last edited by a moderator:
eclipsa
faerie sightings
aah tysm. i should be able to get this one and the other one i have due done tonight!
social
falling for you™
aah tysm. i should be able to get this one and the other one i have due done tonight!
Alright thank you so much! I seriously LOVE your coding. It's so amazing, reminds me of BBCode.
eclipsa
faerie sightings
Alright thank you so much! I seriously LOVE your coding. It's so amazing, reminds me of BBCode.
a lot of my layouts are inspired by my old bbcode sheets, tbh. that and tumblr themes heh.
eclipsa
faerie sightings
@NWO i've been having a lot of trouble with my hovers lately, so i tried to make this look as nice and concise as possible without one, if you don't like it, i can do something else no problem! there's 17 placeholders currently, and it wouldn't be hard to add more!
character name !
this is editable out of source
all images are resized for you in advance, just change the src!
scrolls too hella
it's lit!!
coded by: syzygy
character name !
this is editable out of source
all images are resized for you in advance, just change the src!
scrolls too hella
it's lit!!
coded by: syzygy
Code:
<p>
</p>
<link href="https://fonts.googleapis.com/css?family=Josefin+Sans" rel="stylesheet">
<style type="text/css">
</style>
<div style="font-family: Josefin Sans, sans-serif; color: black; width: 50%; border: 2px solid black; background-color:white; margin: auto;">
<div style="background-color: black; color: white;">
<p style="text-align: center;">
<span style="font-size:28px;">character name <em>!</em></span>
</p>
<p style="text-align: center;">
<img src="https://secure.static.tumblr.com/17e07913a7c53772b309cc1a04a86fc3/edjwhhv/0mSnwd9n4/tumblr_static_autdrd97vwo440kok0c84koos_640_v2.jpg" style="width: 400px; height: 150px; border: 0px;">
</p>
</div>
<div style="height: 400px; overflow: auto;">
<p style="text-align: center;">
</p>
<hr width="75%">
<p style="text-align: center;">
this is editable out of source
</p>
<hr width="75%">
<p style="text-align: center;">
all images are resized for you in advance, just change the src!
</p>
<hr width="75%">
<p style="text-align: center;">
scrolls too hella
</p>
<hr width="75%">
<p style="text-align: center;">
it's lit!!
</p>
<hr width="75%">
<p style="text-align: center;">
<img src="http://s8.favim.com/610/151011/aesthetic-alternative-balloons-grunge-Favim.com-3417409.jpg" style="width: 100px; height: 100px; border: 0px;"><img src="https://s-media-cache-ak0.pinimg.com/564x/ac/9d/c4/ac9dc459dc670fd9dd18186a3d61c7b0.jpg" style="width: 100px; height: 100px; border: 0px;"><img src="https://secure.static.tumblr.com/c18f29563c4594fb5f71141a7135f97a/sgec0yj/bpIo7bi5k/tumblr_static_tumblr_static_8f3gto6i4lc0go0g8kk0gss0k_640.jpg" style="width: 100px; height: 100px; border: 0px;"><img src="http://65.media.tumblr.com/f86fa5086cf849013f986c1dda4f9ffc/tumblr_nxvb7jfOy61ulh40lo1_1280.jpg" style="width: 100px; height: 100px; border: 0px;">
</p>
<p style="text-align: center;">
<img src="http://67.media.tumblr.com/4b8fcad5fe84e379ec498138bec66a9b/tumblr_o2w4vl6X0s1v04lt2o1_1280.jpg" style="width: 100px; height: 100px; border: 0px;"><img src="http://s8.favim.com/610/150812/aesthetic-black-and-white-girl-grunge-Favim.com-3104345.jpg" style="width: 100px; height: 100px; border: 0px;"><img src="http://67.media.tumblr.com/924711501d394de863ae6463f4fd1846/tumblr_o563qdttFQ1v04lt2o1_500.jpg" style="width: 100px; height: 100px; border: 0px;"><img alt="" class="ipsImage" src="http://data.whicdn.com/images/169877366/superthumb.jpg" style="width: 100px; height: 100px; border: 0px;">
</p>
<p style="text-align: center;">
<img src="http://s4.favim.com/610/160112/grunge-aesthetic-tumblr-style-Favim.com-3871764.jpg" style="width: 100px; height: 100px; border: 0px;"><img src="http://67.media.tumblr.com/0d2fc32421701c08d7a58a8cd3f91724/tumblr_nysu22W3In1v04lt2o1_1280.jpg" style="width: 100px; height: 100px; border: 0px;"><img src="http://www.polyvore.com/cgi/img-thing?.out=jpg&size=l&tid=130563163" style="width: 100px; height: 100px; border: 0px;"><img src="http://67.media.tumblr.com/1a9cc71263bc11388578683688c53cb3/tumblr_nzbd8mhYP41uo9zw4o1_500.jpg" style="width: 100px; height: 100px; border: 0px;">
</p>
<p style="text-align: center;">
<img src="http://s6.favim.com/610/150708/aesthetic-black-and-white-gif-grunge-Favim.com-2923316.jpg" style="width: 100px; height: 100px; border: 0px;"><img src="http://s5.favim.com/610/151123/adventure-aesthetic-apple-black-and-white-Favim.com-3623095.jpg" style="width: 100px; height: 100px; border: 0px;"><img src="https://66.media.tumblr.com/a8682404d302ad8b5fe27fbed63e04d3/tumblr_ng9hw97dxV1sz9v0lo1_500.jpg" style="width: 100px; height: 100px; border: 0px;"><img src="http://65.media.tumblr.com/c88cba14b963fb1da3d29d7b82f0632a/tumblr_no9vv8whUN1sppna1o1_1280.jpg" style="width: 100px; height: 100px; border: 0px;">
</p>
<p style="text-align: center; font-size: 6px;">
<span style="color:#ffffe0;">coded by: syzygy</span>
</p>
</div>
</div>eclipsa
faerie sightings
@SociallyAwkward this is actually a redesign of one of my favorite character sheets i've ever done and when you said magic and stars i immediately was like 
o bc this cs came to mind. i hope you like it!!
.thebg {
background-image: url('http://www.themesltd.com/backgrounds/black-and-white/midnight_starry_sky.gif');
font-family: Arapey, serif;
color: #b8adea;
background-size: auto;
}
[SIZE= 24px]
[/SIZE]
[SIZE= 24px]
[/SIZE]
[SIZE= 24px]
[/SIZE]
title !
this box here overflows, all of the images are sized and ready, just change the src and you're good! the colors are easy to change, just change the hex color within the codes and you'll be set!
if you wanna use this multiple times on the same thread for different characters change the css title each time as well to prevent changes from happening!! background image can also be changed!
i wanted to put all of the images i found in here but i resisted... the picture area doesn't overflow, but if you wanted to add more pictures without making it huge, you could add a height and set overflow to auto like right here. (lmk if you wanna do this and/or need help with it!)
i'm trying to get this to scroll oops
there it is!
coded by: syzygy
o bc this cs came to mind. i hope you like it!!.thebg {
background-image: url('http://www.themesltd.com/backgrounds/black-and-white/midnight_starry_sky.gif');
font-family: Arapey, serif;
color: #b8adea;
background-size: auto;
}
[SIZE= 24px]
[SIZE= 24px]
[SIZE= 24px]
title !
this box here overflows, all of the images are sized and ready, just change the src and you're good! the colors are easy to change, just change the hex color within the codes and you'll be set!
if you wanna use this multiple times on the same thread for different characters change the css title each time as well to prevent changes from happening!! background image can also be changed!
i wanted to put all of the images i found in here but i resisted... the picture area doesn't overflow, but if you wanted to add more pictures without making it huge, you could add a height and set overflow to auto like right here. (lmk if you wanna do this and/or need help with it!)
i'm trying to get this to scroll oops
there it is!
coded by: syzygy
Code:
<p>
</p>
<link href="https://fonts.googleapis.com/css?family=Arapey" rel="stylesheet">
<style type="text/css">
.thebg {
background-image: url('http://www.themesltd.com/backgrounds/black-and-white/midnight_starry_sky.gif');
font-family: Arapey, serif;
color: #b8adea;
background-size: auto;
}</style>
<div style="background-color: #d6adea; height: 30px;">
</div>
<div style="background-color: #e3f3f6; height: 25px;">
</div>
<div class="thebg">
<div style="float: left; width: 50%; padding: 30px;">
<div style="float: right; width: 80%; border-top: 3px double #adc1ea; border-bottom: 3px double #adc1ea; border-radius: 50px; padding: 12px;">
<p style="text-align: center;">
<span style="font-size: 24px;"><img src="https://s-media-cache-ak0.pinimg.com/236x/4b/91/f4/4b91f492858df9b2bd8701cc9aa599d4.jpg" style="width: 100px; height: 100px;"><img src="https://41.media.tumblr.com/0686770a3bcfc902ee08d6f1c5303b3d/tumblr_nvkcfqEY801ue5zs3o1_500.jpg" style="width: 100px; height: 100px;"><img src="http://67.media.tumblr.com/292fb6a675d172b92065da24e1b83202/tumblr_nmcuqdfYWH1st2trho1_500.png" style="width: 100px; height: 100px;"></span>
</p>
<p style="text-align: center;">
<span style="font-size: 24px;"><img src="http://s5.favim.com/orig/150222/blue-dream-drink-me-fairy-dust-Favim.com-2502835.jpg" style="width: 100px; height: 100px;"><img src="http://66.media.tumblr.com/3f97111b52442077d263a44bea39fb08/tumblr_nptypg5S3S1tfhh9po6_500.jpg" style="width: 100px; height: 100px;"><img src="http://www.lovethispic.com/uploaded_images/142967-Crystal-Magic-Glass.jpg" style="width: 100px; height: 100px;"></span>
</p>
<p style="text-align: center;">
<span style="font-size: 24px;"><img src="http://67.media.tumblr.com/70eec5e84a899ee6464d8f873c5b2935/tumblr_o6gh3hlEZB1qefmu3o1_500.jpg" style="width: 100px; height: 100px;"><img src="http://img0.liveinternet.ru/images/attach/c/6/90/348/90348400_tumblr_m7a1a1gp4Q1qz4d4bo1_500.jpg" style="width: 100px; height: 100px;"><img src="http://66.media.tumblr.com/7aa846ae44d6cabaaa18521d22690ce3/tumblr_mxbeh89iMn1t5bvjfo1_500.jpg" style="width: 100px; height: 100px;"></span>
</p>
</div>
</div>
<div style="float:right; width:49%;">
<div style="float: left; background-color: #e3f3f6; width: 80%; overflow: hidden; height: 400px; border-radius: 0px 0px 50px 50px;">
<div style="width:90%; margin: auto; overflow: auto; height: 375px; border: 3px double #adc1ea; padding: 20px; border-radius: 0px 0px 50px 50px;">
<p>
<span style="font-size:28px;">title <em>!</em></span>
</p>
<p>
this box here overflows, all of the images are sized and ready, just change the src and you're good! the colors are easy to change, just change the hex color within the codes and you'll be set! <3
</p>
<p>
</p>
<p>
if you wanna use this multiple times on the same thread for different characters change the css title each time as well to prevent changes from happening!! background image can also be changed!
</p>
<p>
</p>
<p>
i wanted to put all of the images i found in here but i resisted... the picture area doesn't overflow, but if you wanted to add more pictures without making it huge, you could add a height and set overflow to auto like right here. (lmk if you wanna do this and/or need help with it!)
</p>
<p>
</p>
<p>
i'm trying to get this to scroll oops
</p>
<p>
</p>
<p>
there it is!
</p>
</div>
</div>
</div>
<div style="clear:both;">
<p style="text-align: center;">
<span style="color:#696969; font-size: 6px;">coded by: syzygy</span>
</p>
</div>
</div>social
falling for you™
@SociallyAwkward this is actually a redesign of one of my favorite character sheets i've ever done and when you said magic and stars i immediately was like
.thebg {
background-image: url('http://www.themesltd.com/backgrounds/black-and-white/midnight_starry_sky.gif');
font-family: Arapey, serif;
color: #b8adea;
background-size: auto;
}
[SIZE= 24px]
[SIZE= 24px]
[SIZE= 24px]
title !
this box here overflows, all of the images are sized and ready, just change the src and you're good! the colors are easy to change, just change the hex color within the codes and you'll be set!
if you wanna use this multiple times on the same thread for different characters change the css title each time as well to prevent changes from happening!! background image can also be changed!
i wanted to put all of the images i found in here but i resisted... the picture area doesn't overflow, but if you wanted to add more pictures without making it huge, you could add a height and set overflow to auto like right here. (lmk if you wanna do this and/or need help with it!)
i'm trying to get this to scroll oops
there it is!
coded by: syzygy
<p>
</p>
<link href="https://fonts.googleapis.com/css?family=Arapey" rel="stylesheet">
<style type="text/css">
.thebg {
background-image: url('http://www.themesltd.com/backgrounds/black-and-white/midnight_starry_sky.gif');
font-family: Arapey, serif;
color: #b8adea;
background-size: auto;
}</style>
<div style="background-color: #d6adea; height: 30px;">
</div>
<div style="background-color: #e3f3f6; height: 25px;">
</div>
<div class="thebg">
<div style="float: left; width: 50%; padding: 30px;">
<div style="float: right; width: 80%; border-top: 3px double #adc1ea; border-bottom: 3px double #adc1ea; border-radius: 50px; padding: 12px;">
<p style="text-align: center;">
<span style="font-size: 24px;"><img src="https://s-media-cache-ak0.pinimg.com/236x/4b/91/f4/4b91f492858df9b2bd8701cc9aa599d4.jpg" style="width: 100px; height: 100px;"><img src="https://41.media.tumblr.com/0686770a3bcfc902ee08d6f1c5303b3d/tumblr_nvkcfqEY801ue5zs3o1_500.jpg" style="width: 100px; height: 100px;"><img src="http://67.media.tumblr.com/292fb6a675d172b92065da24e1b83202/tumblr_nmcuqdfYWH1st2trho1_500.png" style="width: 100px; height: 100px;"></span>
</p>
<p style="text-align: center;">
<span style="font-size: 24px;"><img src="http://s5.favim.com/orig/150222/blue-dream-drink-me-fairy-dust-Favim.com-2502835.jpg" style="width: 100px; height: 100px;"><img src="http://66.media.tumblr.com/3f97111b52442077d263a44bea39fb08/tumblr_nptypg5S3S1tfhh9po6_500.jpg" style="width: 100px; height: 100px;"><img src="http://www.lovethispic.com/uploaded_images/142967-Crystal-Magic-Glass.jpg" style="width: 100px; height: 100px;"></span>
</p>
<p style="text-align: center;">
<span style="font-size: 24px;"><img src="http://67.media.tumblr.com/70eec5e84a899ee6464d8f873c5b2935/tumblr_o6gh3hlEZB1qefmu3o1_500.jpg" style="width: 100px; height: 100px;"><img src="http://img0.liveinternet.ru/images/attach/c/6/90/348/90348400_tumblr_m7a1a1gp4Q1qz4d4bo1_500.jpg" style="width: 100px; height: 100px;"><img src="http://66.media.tumblr.com/7aa846ae44d6cabaaa18521d22690ce3/tumblr_mxbeh89iMn1t5bvjfo1_500.jpg" style="width: 100px; height: 100px;"></span>
</p>
</div>
</div>
<div style="float:right; width:49%;">
<div style="float: left; background-color: #e3f3f6; width: 80%; overflow: hidden; height: 400px; border-radius: 0px 0px 50px 50px;">
<div style="width:90%; margin: auto; overflow: auto; height: 375px; border: 3px double #adc1ea; padding: 20px; border-radius: 0px 0px 50px 50px;">
<p>
<span style="font-size:28px;">title <em>!</em></span>
</p>
<p>
this box here overflows, all of the images are sized and ready, just change the src and you're good! the colors are easy to change, just change the hex color within the codes and you'll be set! <3
</p>
<p>
</p>
<p>
if you wanna use this multiple times on the same thread for different characters change the css title each time as well to prevent changes from happening!! background image can also be changed!
</p>
<p>
</p>
<p>
i wanted to put all of the images i found in here but i resisted... the picture area doesn't overflow, but if you wanted to add more pictures without making it huge, you could add a height and set overflow to auto like right here. (lmk if you wanna do this and/or need help with it!)
</p>
<p>
</p>
<p>
i'm trying to get this to scroll oops
</p>
<p>
</p>
<p>
there it is!
</p>
</div>
</div>
</div>
<div style="clear:both;">
<p style="text-align: center;">
<span style="color:#696969; font-size: 6px;">coded by: syzygy</span>
</p>
</div>
</div>
.thebg {
background-image: url('http://www.themesltd.com/backgrounds/black-and-white/midnight_starry_sky.gif');
font-family: Arapey, serif;
color: #b8adea;
background-size: auto;
}
[SIZE= 24px]
[/SIZE]
[SIZE= 24px]
[/SIZE]
[SIZE= 24px]
[/SIZE]
title !
this box here overflows, all of the images are sized and ready, just change the src and you're good! the colors are easy to change, just change the hex color within the codes and you'll be set!
if you wanna use this multiple times on the same thread for different characters change the css title each time as well to prevent changes from happening!! background image can also be changed!
i wanted to put all of the images i found in here but i resisted... the picture area doesn't overflow, but if you wanted to add more pictures without making it huge, you could add a height and set overflow to auto like right here. (lmk if you wanna do this and/or need help with it!)
i'm trying to get this to scroll oops
there it is!
coded by: syzygy
<p>
</p>
<link href="https://fonts.googleapis.com/css?family=Arapey" rel="stylesheet">
<style type="text/css">
.thebg {
background-image: url('http://www.themesltd.com/backgrounds/black-and-white/midnight_starry_sky.gif');
font-family: Arapey, serif;
color: #b8adea;
background-size: auto;
}</style>
<div style="background-color: #d6adea; height: 30px;">
</div>
<div style="background-color: #e3f3f6; height: 25px;">
</div>
<div class="thebg">
<div style="float: left; width: 50%; padding: 30px;">
<div style="float: right; width: 80%; border-top: 3px double #adc1ea; border-bottom: 3px double #adc1ea; border-radius: 50px; padding: 12px;">
<p style="text-align: center;">
<span style="font-size: 24px;"><img src="https://s-media-cache-ak0.pinimg.com/236x/4b/91/f4/4b91f492858df9b2bd8701cc9aa599d4.jpg" style="width: 100px; height: 100px;"><img src="https://41.media.tumblr.com/0686770a3bcfc902ee08d6f1c5303b3d/tumblr_nvkcfqEY801ue5zs3o1_500.jpg" style="width: 100px; height: 100px;"><img src="http://67.media.tumblr.com/292fb6a675d172b92065da24e1b83202/tumblr_nmcuqdfYWH1st2trho1_500.png" style="width: 100px; height: 100px;"></span>
</p>
<p style="text-align: center;">
<span style="font-size: 24px;"><img src="http://s5.favim.com/orig/150222/blue-dream-drink-me-fairy-dust-Favim.com-2502835.jpg" style="width: 100px; height: 100px;"><img src="http://66.media.tumblr.com/3f97111b52442077d263a44bea39fb08/tumblr_nptypg5S3S1tfhh9po6_500.jpg" style="width: 100px; height: 100px;"><img src="http://www.lovethispic.com/uploaded_images/142967-Crystal-Magic-Glass.jpg" style="width: 100px; height: 100px;"></span>
</p>
<p style="text-align: center;">
<span style="font-size: 24px;"><img src="http://67.media.tumblr.com/70eec5e84a899ee6464d8f873c5b2935/tumblr_o6gh3hlEZB1qefmu3o1_500.jpg" style="width: 100px; height: 100px;"><img src="http://img0.liveinternet.ru/images/attach/c/6/90/348/90348400_tumblr_m7a1a1gp4Q1qz4d4bo1_500.jpg" style="width: 100px; height: 100px;"><img src="http://66.media.tumblr.com/7aa846ae44d6cabaaa18521d22690ce3/tumblr_mxbeh89iMn1t5bvjfo1_500.jpg" style="width: 100px; height: 100px;"></span>
</p>
</div>
</div>
<div style="float:right; width:49%;">
<div style="float: left; background-color: #e3f3f6; width: 80%; overflow: hidden; height: 400px; border-radius: 0px 0px 50px 50px;">
<div style="width:90%; margin: auto; overflow: auto; height: 375px; border: 3px double #adc1ea; padding: 20px; border-radius: 0px 0px 50px 50px;">
<p>
<span style="font-size:28px;">title <em>!</em></span>
</p>
<p>
this box here overflows, all of the images are sized and ready, just change the src and you're good! the colors are easy to change, just change the hex color within the codes and you'll be set! <3
</p>
<p>
</p>
<p>
if you wanna use this multiple times on the same thread for different characters change the css title each time as well to prevent changes from happening!! background image can also be changed!
</p>
<p>
</p>
<p>
i wanted to put all of the images i found in here but i resisted... the picture area doesn't overflow, but if you wanted to add more pictures without making it huge, you could add a height and set overflow to auto like right here. (lmk if you wanna do this and/or need help with it!)
</p>
<p>
</p>
<p>
i'm trying to get this to scroll oops
</p>
<p>
</p>
<p>
there it is!
</p>
</div>
</div>
</div>
<div style="clear:both;">
<p style="text-align: center;">
<span style="color:#696969; font-size: 6px;">coded by: syzygy</span>
</p>
</div>
</div>
</p>
<link href="https://fonts.googleapis.com/css?family=Arapey" rel="stylesheet">
<style type="text/css">
.thebg {
background-image: url('http://www.themesltd.com/backgrounds/black-and-white/midnight_starry_sky.gif');
font-family: Arapey, serif;
color: #b8adea;
background-size: auto;
}</style>
<div style="background-color: #d6adea; height: 30px;">
</div>
<div style="background-color: #e3f3f6; height: 25px;">
</div>
<div class="thebg">
<div style="float: left; width: 50%; padding: 30px;">
<div style="float: right; width: 80%; border-top: 3px double #adc1ea; border-bottom: 3px double #adc1ea; border-radius: 50px; padding: 12px;">
<p style="text-align: center;">
<span style="font-size: 24px;"><img src="https://s-media-cache-ak0.pinimg.com/236x/4b/91/f4/4b91f492858df9b2bd8701cc9aa599d4.jpg" style="width: 100px; height: 100px;"><img src="https://41.media.tumblr.com/0686770a3bcfc902ee08d6f1c5303b3d/tumblr_nvkcfqEY801ue5zs3o1_500.jpg" style="width: 100px; height: 100px;"><img src="http://67.media.tumblr.com/292fb6a675d172b92065da24e1b83202/tumblr_nmcuqdfYWH1st2trho1_500.png" style="width: 100px; height: 100px;"></span>
</p>
<p style="text-align: center;">
<span style="font-size: 24px;"><img src="http://s5.favim.com/orig/150222/blue-dream-drink-me-fairy-dust-Favim.com-2502835.jpg" style="width: 100px; height: 100px;"><img src="http://66.media.tumblr.com/3f97111b52442077d263a44bea39fb08/tumblr_nptypg5S3S1tfhh9po6_500.jpg" style="width: 100px; height: 100px;"><img src="http://www.lovethispic.com/uploaded_images/142967-Crystal-Magic-Glass.jpg" style="width: 100px; height: 100px;"></span>
</p>
<p style="text-align: center;">
<span style="font-size: 24px;"><img src="http://67.media.tumblr.com/70eec5e84a899ee6464d8f873c5b2935/tumblr_o6gh3hlEZB1qefmu3o1_500.jpg" style="width: 100px; height: 100px;"><img src="http://img0.liveinternet.ru/images/attach/c/6/90/348/90348400_tumblr_m7a1a1gp4Q1qz4d4bo1_500.jpg" style="width: 100px; height: 100px;"><img src="http://66.media.tumblr.com/7aa846ae44d6cabaaa18521d22690ce3/tumblr_mxbeh89iMn1t5bvjfo1_500.jpg" style="width: 100px; height: 100px;"></span>
</p>
</div>
</div>
<div style="float:right; width:49%;">
<div style="float: left; background-color: #e3f3f6; width: 80%; overflow: hidden; height: 400px; border-radius: 0px 0px 50px 50px;">
<div style="width:90%; margin: auto; overflow: auto; height: 375px; border: 3px double #adc1ea; padding: 20px; border-radius: 0px 0px 50px 50px;">
<p>
<span style="font-size:28px;">title <em>!</em></span>
</p>
<p>
this box here overflows, all of the images are sized and ready, just change the src and you're good! the colors are easy to change, just change the hex color within the codes and you'll be set! <3
</p>
<p>
</p>
<p>
if you wanna use this multiple times on the same thread for different characters change the css title each time as well to prevent changes from happening!! background image can also be changed!
</p>
<p>
</p>
<p>
i wanted to put all of the images i found in here but i resisted... the picture area doesn't overflow, but if you wanted to add more pictures without making it huge, you could add a height and set overflow to auto like right here. (lmk if you wanna do this and/or need help with it!)
</p>
<p>
</p>
<p>
i'm trying to get this to scroll oops
</p>
<p>
</p>
<p>
there it is!
</p>
</div>
</div>
</div>
<div style="clear:both;">
<p style="text-align: center;">
<span style="color:#696969; font-size: 6px;">coded by: syzygy</span>
</p>
</div>
</div>
data:image/gif;base64,R0lGODlhAQABAPABAP///wAAACH5BAEKAAAALAAAAAABAAEAAAICRAEAOw==
omg I totally LOVE IT!!!!!
eclipsa
faerie sightings
Queen_Liyah
From Dusk till Dawn
I love all your work it is just so amazing how you do it. Only if I knew but all of these HTML are amazing
eclipsa
faerie sightings
caramel
spmo!
username: @juniper ali
pronouns: she/they
request type: HTML
timeframe: whenever is easiest for you
specfics: something I can edit a bit for every character. Also, I like black/dark purple with brighter colors shot through
theme: pyschics/something aesthethically pleasing
pictures: 3-6 placeholders
pronouns: she/they
request type: HTML
timeframe: whenever is easiest for you
specfics: something I can edit a bit for every character. Also, I like black/dark purple with brighter colors shot through
theme: pyschics/something aesthethically pleasing
pictures: 3-6 placeholders
