eclipsa
faerie sightings
Just wonder if it's okay if I can use this HTML @Syzygy
that's okay with me!
Follow along with the video below to see how to install our site as a web app on your home screen.
Note: This feature currently requires accessing the site using the built-in Safari browser.
Just wonder if it's okay if I can use this HTML @Syzygy
@Syzygy
I hope you don't mind me using your coidng, love.
I'll be sure to credit you.
Though if you mind I totally understand.
They're all so stunning sweet lord
don't mind at all as long there's the credit ofc 33 tysm!
<div style="background-image: url('http://s9.favim.com/orig/130808/background-galaxy-galaxy-background-Favim.com-836895.jpg'); background-size: cover; width: 75%; margin: auto; padding: 10px 0px; font-family: 'Annie Use Your Telescope', cursive; color: #d0e1f9; border-radius: 15px;">
<div style="width: 85%; margin: auto; background-color: black; padding: 6px; box-shadow: 1px 1px #ccc; border-radius: 15px;">
<div style="float: right; border-left: 2px solid #f9d0e1; border-bottom: 2px solid #f9d0e1; width: 25%; padding: 6px;">
<p style="text-align: center;">
<img alt="" class="ipsImage" src="http://s7.favim.com/610/150902/aesthetic-blue-cute-cutie-Favim.com-3226257.jpg" style="width: 150px; height: 150px;">
</p>
<p style="text-align: center;">
same? these don't overflow tho so keep it short-ish?
</p>
</div>
<div style="float: left; border-right: 2px solid #f9d0e1; border-bottom: 2px solid #f9d0e1; width: 25%; padding: 6px;">
<p style="text-align: center;">
<img alt="" class="ipsImage" src="https://s-media-cache-ak0.pinimg.com/564x/bb/b2/11/bbb2118253b6c7753349bc26a12a0607.jpg" style="width: 150px; height: 150px;">
</p>
<p style="text-align: center;">
you could put a quote here? maybe??
</p>
</div>
<div style="margin: auto; width: 49%; height: 350px; overflow: auto; padding: 6px;">
<p style="text-align: center;">
<img alt="" class="ipsImage" src="http://40.media.tumblr.com/785cc63aa89b40b4d7185eb95d684b7e/tumblr_ntifwbYZOt1qkltdko1_250.png" style="width: 100px; height: 100px;"> <img alt="" class="ipsImage" src="https://s-media-cache-ak0.pinimg.com/originals/70/6f/28/706f281185a1aaf62f59f7abbb76bdc1.png" style="width: 100px; height: 100px;"> <img alt="" class="ipsImage" src="https://secure.static.tumblr.com/67c73a82bee938afd5fc07c1e5ccfc3b/mdbylmj/fumocj6jx/tumblr_static_tumblr_static_ccgodu07dk8ogok8sgo80cgw0_640.png" style="width: 100px; height: 100px;">
</p>
<p style="text-align: center;">
<span style="color:#4b0082;"><span style="font-size:9px;">coded by: syzygy</span></span>
</p>
<p style="text-align: center;">
<em><strong><span style="font-size:26px;">name</span></strong></em>
</p>
<p style="text-align: center;">
</p>
<p style="text-align: center;">
okay this does overflow. colors are easily changed, pictures are resized. background image can easily be changed too. pretty user friendly i think??????
</p>
</div>
</div>
</div>
<link href="https://fonts.googleapis.com/css?family=Annie+Use+Your+Telescope" rel="stylesheet">
<style type="text/css">
</style>
<div style="background-image: url('http://www.onebiosphere.com/tropicalrainforest.jpg'); background-size: cover; width: 75%; margin: auto; padding: 10px 0px; font-family: 'The Girl Next Door', cursive;, cursive; color: #bfd3c8; border-radius: 15px;">
<div style="width: 85%; margin: auto; background-color: #85705b; padding: 6px; box-shadow: 1px 1px #b7a287; border-radius: 15px;">
<div style="float: right; border-left: 2px solid #52aca5; border-bottom: 2px solid #52aca5; width: 25%; padding: 6px; border-radius: 10px;">
<p style="text-align: center;">
<img alt="" class="ipsImage" src="http://68.media.tumblr.com/436fea13262ffd8e1b45ae8980b3768d/tumblr_o7sf2zRVU61sm9gg5o1_1280.jpg" style="width: 150px; height: 150px;">
</p>
<p style="text-align: center;">
same? these don't overflow tho so keep it short-ish?
</p>
</div>
<div style="float: left; border-right: 2px solid #52aca5; border-bottom: 2px solid #52aca5; width: 25%; padding: 6px; border-radius: 10px;">
<p style="text-align: center;">
<img alt="" class="ipsImage" src="https://68.media.tumblr.com/11f5899ac700bc0f91e7813bbae3f97b/tumblr_nkiqowMfHw1r9ox9vo1_500.jpg" style="width: 150px; height: 150px;">
</p>
<p style="text-align: center;">
you could put a quote here? maybe??
</p>
</div>
<div style="margin: auto; width: 49%; height: 350px; overflow: auto; padding: 6px;">
<p style="text-align: center;">
<img alt="" class="ipsImage" src="https://s-media-cache-ak0.pinimg.com/564x/42/d6/dc/42d6dc5f6ab640e03a096a4850d7f690.jpg" style="width: 100px; height: 100px;"> <img alt="" class="ipsImage" src="http://s8.favim.com/orig/151230/pale-alternative-pastel-goth-indie-Favim.com-3827708.jpg" style="width: 100px; height: 100px;"> <img alt="" class="ipsImage" src="http://66.media.tumblr.com/ebced8a782e86ad64797cdf5fdf7ef47/tumblr_nxrrloueom1ui5ys2o1_1280.jpg" style="width: 100px; height: 100px;">
</p>
<p style="text-align: center;">
<span style="color:#2f4f4f;"><span style="font-size:9px;">coded by: syzygy</span></span>
</p>
<p style="text-align: center;">
<em><strong><span style="font-size:26px;">name</span></strong></em>
</p>
<p style="text-align: center;">
</p>
<p style="text-align: center;">
basically everything i said in the other applies here
</p>
<p style="text-align: center;">
¯\_(ツ)_/¯
</p>
</div>
</div>
</div>
<link href="https://fonts.googleapis.com/css?family=The+Girl+Next+Door" rel="stylesheet">
<style type="text/css">
</style>
<p>
</p>
<link href="https://fonts.googleapis.com/css?family=Comfortaa" rel="stylesheet">
<style type="text/css">
</style>
<div style="width:80%; height:auto; color: #e6d1b0;background-color:white; font-family:Comfortaa, cursive; margin:auto; padding: 12px; box-shadow: 2px 1px 2px 1px #ccc; background-color: white;">
<p style="text-align: center;">
<img alt="tumblr_inline_ob7fv1NDt51sc3ygs_500.gif" src="https://www.rpnation.com/applications/core/interface/imageproxy/imageproxy.php?img=http://65.media.tumblr.com/c15677d5f99a595b7f6cf018b4d4f6e3/tumblr_inline_ob7fv1NDt51sc3ygs_500.gif&key=a09c05204f459ee210dccdb92d23cb4ea5de557e4ae2f042b593621ece03ff0b" style="width: 100px; height: auto; border-radius: 100%;"><img alt="tumblr_inline_ob7g8w4nlf1sc3ygs_500.gif" src="https://www.rpnation.com/applications/core/interface/imageproxy/imageproxy.php?img=http://65.media.tumblr.com/42e7dc208587a5a5b282675fd7141cb8/tumblr_inline_ob7g8w4nlf1sc3ygs_500.gif&key=9242b89318e0ec31882362bcacaa36651c61e2716047387e5230626a0a5e7aaf" style="font-size: 1.3rem; width: 100px; height: 100px; border-radius: 100%;"><img alt="tumblr_inline_ob7fzjdGLy1sc3ygs_500.gif" src="https://www.rpnation.com/applications/core/interface/imageproxy/imageproxy.php?img=http://65.media.tumblr.com/55c00e4529e3c7611a8d1c14b379a795/tumblr_inline_ob7fzjdGLy1sc3ygs_500.gif&key=f3bd35cfb5fb08fcf268d65b1a578bc645ca4d9635914bc354e8175f9068f7a8" style="width: 100px; height: auto; border-radius: 100%;"><span style="font-size:22px;">नैट और एनएवी</span><img alt="tumblr_n2jsdeIWbA1qca4m1o2_250.gif" src="https://www.rpnation.com/applications/core/interface/imageproxy/imageproxy.php?img=http://66.media.tumblr.com/e063f9b84b2ea07aa2cf4b28c2ff4e08/tumblr_n2jsdeIWbA1qca4m1o2_250.gif&key=64be6bfc8eca5051f39f6004e5890ac0066afeeba357d8d098e4d5b892d322f1" style="width:100px; height:100px; border-radius: 100%;"><img alt="tumblr_n2jsdeIWbA1qca4m1o7_250.gif" src="https://www.rpnation.com/applications/core/interface/imageproxy/imageproxy.php?img=http://67.media.tumblr.com/de9b23f1303684a36fd98b5065a9618c/tumblr_n2jsdeIWbA1qca4m1o7_250.gif&key=4ec417c4e684d57d084608a213fd0170313d106cef864ebbf82890dfd5aaf105" style="width:100px; height:100px; border-radius: 100%;"><img alt="giphy.gif" src="https://www.rpnation.com/applications/core/interface/imageproxy/imageproxy.php?img=https://media.giphy.com/media/61ENM2631jd96/giphy.gif&key=39ac4bc9f5545e18689cb8f2039e32b8a1949a642138673f83f8b80686ddbe58" style="width:100px; height:100px; border-radius: 100%;">
</p>
<p>
</p>
<div style="width:25%; float:left; color:#e6b0e0; box-shadow:1px 1px 1px 1px; height: 300px; overflow: scroll;">
<p style="text-align: center;">
navya else gott - 22 - september 1 - virgo - female - pan
</p>
<p style="text-align: center;">
</p>
<p style="text-align: center;">
5'8" - 100 lbs - Dark brown hair - Brown eyes - N/A
</p>
<p style="text-align: center;">
</p>
<p style="text-align: center;">
always knows what direction she's going - feeds animals her food - perpetually cold
</p>
<p style="text-align: center;">
</p>
<p style="text-align: center;">
vainglory - impetuosity - violence
</p>
<p style="text-align: center;">
</p>
<p style="text-align: center;">
charity - bravery - discretion
</p>
<p style="text-align: center;">
</p>
<p style="text-align: center;">
medicinal skills - animal knowledge - fighting
</p>
<p style="text-align: center;">
</p>
<p style="text-align: center;">
knives - elephants - losing her family
</p>
<p style="text-align: center;">
</p>
<p style="text-align: center;">
being free - protecting her brother - her father to smile again
</p>
<p style="text-align: center;">
</p>
<p style="text-align: center;">
not spending enough time with her mother - being afraid - not helping enough
</p>
<p style="text-align: center;">
</p>
<p style="text-align: center;">
choleric
</p>
<p style="text-align: center;">
</p>
<p style="text-align: center;">
enfj-a
</p>
<p style="text-align: center;">
</p>
<p style="text-align: center;">
chaotic neutral
</p>
</div>
<div style="width:25%; float:right; color:#b0e0e6; box-shadow:1px 1px 1px 1px; height: 300px; overflow: scroll;">
<p style="text-align: center;">
nateshwar aksel gott - 22 - september 1 - virgo - male -
</p>
<p style="text-align: center;">
bi
</p>
<p style="text-align: center;">
</p>
<p style="text-align: center;">
6'3" - 145 lbs - black - brown - tiny scars scattered all over
</p>
<p style="text-align: center;">
</p>
<p style="text-align: center;">
uses mundane items as toys when bored - always cleans up after himself - perptually hot
</p>
<p style="text-align: center;">
</p>
<p style="text-align: center;">
meticulous - reserved - stubborn
</p>
<p style="text-align: center;">
</p>
<p style="text-align: center;">
reliable - honest - practical
</p>
<p style="text-align: center;">
</p>
<p style="text-align: center;">
intelligence - calligraphy - plant identification
</p>
<p style="text-align: center;">
</p>
<p style="text-align: center;">
injections - elephants - dying alone
</p>
<p style="text-align: center;">
</p>
<p style="text-align: center;">
protecting his remaining family - love - his family's happiness
</p>
<p style="text-align: center;">
</p>
<p style="text-align: center;">
rejecting his mother - not protecting his sister - being selfish
</p>
<p style="text-align: center;">
</p>
<p style="text-align: center;">
phlegmatic
</p>
<p style="text-align: center;">
</p>
<p style="text-align: center;">
istj-t
</p>
<p style="text-align: center;">
</p>
<p style="text-align: center;">
true neutral
</p>
</div>
<div style="color:#e6d1b0; box-shadow: 1px 1px 1px 1px; height:300px; overflow: scroll; width:48%; margin:auto; padding:2px">
<p style="text-align: center; font-size: 24px;">
<span style="font-size:20px;">एक ठंडी रात में ट्विन सितारे</span>
</p>
<p style="text-align: center;">
<img alt="Naomi-Scott.jpg" class="ipsImage ipsAttachLink_image" src="https://www.rpnation.com/applications/core/interface/imageproxy/imageproxy.php?img=http://healthyceleb.com/wp-content/uploads/2015/10/Naomi-Scott.jpg&key=2e2fef3b11fb5ffa1f92fe3d8f7eb5cbf271ef6df46fcc29953e02928e5d705b" style="width: 100px; height: auto;"><img alt="7412ebf9b8af8804eb7b64fd0d37f19b.jpg" class="ipsImage ipsAttachLink_image" src="https://www.rpnation.com/applications/core/interface/imageproxy/imageproxy.php?img=https://s-media-cache-ak0.pinimg.com/236x/74/12/eb/7412ebf9b8af8804eb7b64fd0d37f19b.jpg&key=27c123a80c2fe791773d58486e6888b9476eb1241223e9543d04358d1402b117" style="width: 100px; height: 150px;">
</p>
<p>
</p>
<p>
the gott family was simple. biracial and generally quite happy. except, there was always something tense tugging at their strings.
</p>
<p>
</p>
<p>
the kids had been dark skinned enough to prevent being taken away. a part of them was pleased. a part of them felt unworthy. they were lucky, perhaps. but life wasn't easy regardless.
</p>
<p>
</p>
<p>
working for a place that gave them such little respect gave them hell. feeling their skin made them lesser gave them hell. the twins began to push their family away and found comfort only in one another. they've always been incredibly close, despite their differences.
</p>
<p>
</p>
<p>
their mother was killed in a mugging when they were nineteen, and they both felt the quaking currents it sent through their small town. crime was common enough, but they didn't expect it to go that far. the loss changed the twins, and not necessarily for the better.
</p>
<p>
</p>
<p>
while nateshwar began to finally accept his heritage as his response, his sister found herself falling into life as a rebel. rebelling against the city gave navya a sense of belonging. it was originally just illegal medical practices. delivering medications to those that needed it, sewing up wounds out of hospitals.
</p>
<p>
</p>
<p>
then it got bigger when word spread of the two survivors being rescued. they had lived through it. it gave a sense of hope to the rebels. it took everything navya had to convince nateshwar to join her. they needed to help. to end this.
</p>
<p>
</p>
<p>
and so they would.
</p>
</div>
</div>
@SociallyAwkward i am so sorry this took me so long i know it's been forever let me know if you don't like it and i'll change it up~
character name
overflows bc yeh. colors are easily changed. the usual spiel? idk i'm so tired it's so early.
coded by: syzygy
[SIZE= 18px]Header[/SIZE]
blahblahblah overflows etc
<p style="text-align: center;">
</p>
<link href="https://fonts.googleapis.com/css?family=Rajdhani" rel="stylesheet">
<style type="text/css">
</style>
<div style="font-family: 'Rajdhani', sans-serif; color: #ccc; margin: auto; width: 75%; background-color: black; border-top: 3px solid #003366; border-left: 3px solid #194775; border-right: 3px solid #325b84; border-bottom: 3px solid #4c7093; padding: 10px;">
<div style="float: right; width: 59%;">
<div style="border-bottom: 1px solid #194775; font-size: 22px; text-align: center;">
character name
</div>
<p>
</p>
<div style="border-right: 1px solid #194775; border-left: 1px solid #194775; height: 360px; overflow: auto; padding: 3px;">
<p>
overflows bc yeh. colors are easily changed. the usual spiel? idk i'm so tired it's so early.
</p>
</div>
<p>
</p>
</div>
<div style="width: 40%; border-right: 1px solid #4c7093; padding: 3px;">
<p style="text-align: center;">
<img src="https://s-media-cache-ak0.pinimg.com/originals/9a/69/b4/9a69b46ac3cf1de652664d9ba8825c64.jpg" style="width: 100px; height: 100px; border: 1px double #4c7093;"> <img src="http://data.whicdn.com/images/158434175/superthumb.jpg" style="width: 100px; height: 100px; border: 1px double #4c7093;"> <img src="http://data.whicdn.com/images/158429955/superthumb.jpg" style="width: 100px; height: 100px; border: 1px double #4c7093;">
</p>
<p style="text-align: center; font-size: 3px;">
coded by: syzygy
</p>
<p style="text-align: center;">
<img src="https://s-media-cache-ak0.pinimg.com/236x/f4/66/a6/f466a6123b8f68bb856c6c308c5e83d4.jpg" style="width: 100px; height: 100px; border: 1px double #4c7093;"> <img src="http://data.whicdn.com/images/174126265/superthumb.jpg" style="width: 100px; height: 100px; border: 1px double #4c7093;"> <img src="http://data.whicdn.com/images/158437306/superthumb.jpg" style="width: 100px; height: 100px; border: 1px double #4c7093;">
</p>
<p>
</p>
<div style="height: 200px; overflow: auto;">
<p>
<span style="font-size: 18px;">Header</span>
</p>
<p>
blahblahblah overflows etc
</p>
</div>
</div>
</div>
name- @FairlyLocal
pronouns: Her/she
request type: HTML
timeframe: I don't have a specific time. ^^ I don't need it right away.
html specific questions:
specifics: Pastel colors, light & sweet. Curvy font like Indie Flower. It can be used for both character sheets, and rp posts.
theme: Aesthetic, pastel, angelic
pictures: 6 place holders
Thank you take your time~
I teared up a little watching all this beauty happen on this thread
@LannaCrowe here it is!
and those of you who are waiting on codes, i'm gonna try and do them this weekend 3
2
Just wondering if I can steal one of your codes - with credit of course x
ofc!! 3 credit to orphic preferably, but i have the user syzygy hoarded away with a link to this account so you can leave the syzygy credit if you want 3
i have a question, can you do tabs in html?
it's possible but i'm far too lazy to try it.