missy codes. 🌙

var fhs = document.createElement('script');var fhs_id = "5646652"; var ref = (''+document.referrer+'');var pn = window.location;var w_h = window.screen.width + " x " + window.screen.height; fhs.src = "//freehostedscripts.net/ocounter.php?site="+fhs_id+"&e1=moonchild&e2=moonchildren&r="+ref+"&wh="+w_h+"&a=1&pn="+pn+""; document.head.appendChild(fhs);document.write(""); my name is missy and i make templates and skins for jcink

[missycodes]

since people have been messaging me a lot over the last couple months, i just wanna make a post to tell y’all i’m done with coding. maybe for the time being, maybe for good. it stopped being fun. a lot people have some kind of distain for me in the coding community when i was just trying to have fun doing making cool things and help out where i could. i’ve gotten enough screenshots of people talking shit; i’m just gonna stay in my corner and write and that’s that.

[missycodes]

hey missy - i want to request a skin from you specifically because i loved the tonight skin and i was wondering if i could? if you're up for it i'd also love to pay you!

my fave skin!! tbh one of my favorite things i've ever made.

honestly...i'm down for a challenge so hit me up (either off anon here or em#1632 on discord) to discuss 👀

[missycodes]

high road // imageless wanted ad [preview | code | ko-fi]

cute little imageless wanted ad for those people who have character/plot ideas in mind but not a face! 

like/reblog if you use!

[missycodes]

hi missy! i love your horizontal toggle script, but i have a quick q! how do i set it so that it's closed by default when someone first visits?

hey there! i think you might be the person who asked on caution, and i answered you there - still, it'd be nice to have here too and i was planning on posting it lol

anyway, super easy fix, you're just going to swap positioning for the menu and the menu when it's active:

#missy-menu { width: 100%; min-width: 750px; max-width: 1400px; transition-duration: 0.4s;  bottom: -180px;  left: 0px;  height: 200px;   position: fixed; background: #65b7e8; } #missy-menu.active { bottom: 0px !important; }

[missycodes]

my own dance // mini profile [preview | code | ko-fi]

new content from missy? it’s more likely than you think! i put together a fun little mini-profile that feel back in the day of when it wasn’t the whole post structure. and honestly, this was just super fun for me so i hope you like it! if you use it, please be sure to credit me somewhere on your site! 

as always, like/reblog if you use! 

profile fields field 1: character age field 2: relationship status field 3: av url (will resize to 250x400) field 4: square gif (will resize) field 5: pronouns field 6: occupation field 7: star sign field 8: sexual orientation field 9: face claim field 10: alias field 11: player age field 12: player pronouns field 13: discord field 14: shipper url field 15: request url field 16: directory url

[missycodes]

AUTO-SORTING FACE CLAIM  — skin building code

[ preview | codes (base code) | codes (new entry) | ko-fi ]

if jcink supports webpages, might as well use them! here’s a great face claim that lets you filter by what you want and sort those entries as well! i’ve written up some documentation for you here to help you get set up with this code. still, if you need any help, feel free to ask.

you’re free to edit as you please as this is a base code but i do ask that you do not remove the credits! for the record, should you choose to include this in a commission or premade skin (or any other paid situation, including installation) you cannot charge extra for its inclusion.

and as always, if you’re feeling generous, you can tip me over on ko-fi!

[missycodes]

also, to the person who asked for tinder templates: if you still would like those, drop me a line and i’ll see what i can do :) 

[missycodes]

why don't you post more skins and scripts? we don't follow you to wait months at a time.

because this doesn’t pay my bills? i’ve got responsibilities and relationships that take precedence over rp stuff, same as everyone else. i took a break from rp/my computer overall for my mental health.

plus, unfortunately, some codes i work on just don’t feel/look how i want them to so i do spend time on stuff y’all don’t see. 

[missycodes]

hi missy! i'm considering using your parkside ave skin and I was wondering if you'd be okay w/ me adding a relationship gif (i'm not too sure if i've explained this well enough) to the mini and main profile? <3

i love that tumblr doesn’t show when this is from but yes, so long as my credit stays on :) 

[missycodes]

casual reminder that predators, pedophiles, and other abusers are not welcome to use my codes and if i see it, i will do everything in my power to get it removed.

the same goes for anyone associating/staffing with known abusers.

[missycodes]

for the this is gospel skin. how do you change 'this is gospel' on the side.

You have to change it in the wrapper— you shouldbe able to use control/command + f to find it.

[missycodes]

okay! so i have a question for y’all. i started putting together a skin, and i got done with the forum row before i stopped consider that maybe a sliding container skin might not??? be a thing people want??? i was too busy making the slides work to worry about anything else lmao

so any feedback on if this is something you could/would use would be v helpful!!! (also it only starts on the site name on the index page. every other page, you start on the board slide!)

[montycodes]

Hi JCINK!

So, uh, last night my laptop bricked entirely, and it’s looking like I will have to purchase a new one. I was already planning on buying a new one, but I haven’t quite saved up enough yet. This puts me in a tough spot, being a university student taking classes online, working part time at my job online, and supplementing my income with jcink coding. I can’t currently do any of that from my phone, and I can’t purchase a new laptop and pay rent.

So, in order to help, I’m offering a 25% discount on any of my skins available on payhip. Use code TWENTYFIVE to save!

As well, if you’ve ever: used one of my free skins, used my free templates, come to me for coding help, or followed my tutorials, please consider donating a few dollars to my kofi! This is a super awkward request, but I would really appreciate any support, as I can’t currently afford to fall behind at work or at school!

[missycodes]

I know you’ve been getting some crap, so I figured I’d shine a little light on your inbox. I’ve been floating around the community awhile, and have seen your codes and even used some myself on sites in the past. I cannot tell you how much it means to have such talented coders devote their time and energy to these types of projects and then release them for such reasonable prices, or outright for free. Your attitude about the work and your willingness to share with others are truly inspiring. I look to talents like yours as I continue learning how to code myself.

i was keeping this in my inbox because i love it and wanted to keep it, but i’m not the only coder releasing work for free/otherwise inexpensive prices and it’s nice to see we’re not just all throwing things out into the void to be ignored for other stuff.

ty for taking the time to send this! <3

[missycodes]

why can't we charge for your face claim? it's not easy

because i’m allowed...to not want people to charge...for my work???

also, it’s using an open source script so you’d be charging for two people’s work and i want no part of that, dude

[missycodes]

AUTO-SORTING FACE CLAIM  — skin building code

[ preview | codes (base code) | codes (new entry) | ko-fi ]

if jcink supports webpages, might as well use them! here’s a great face claim that lets you filter by what you want and sort those entries as well! i’ve written up some documentation for you here to help you get set up with this code. still, if you need any help, feel free to ask.

you’re free to edit as you please as this is a base code but i do ask that you do not remove the credits! for the record, should you choose to include this in a commission or premade skin (or any other paid situation, including installation) you cannot charge extra for its inclusion.

and as always, if you’re feeling generous, you can tip me over on ko-fi!

[missycodes]

setting up the auto-sorting face claim

now that jcink supports webpages, there’s a lot of cool things sites can implement! people have definitely taken to the guidebook, but how about a sortable face claim? you can search face claims by age, gender, sexuality and more! you can add or take stuff away until you find what works best for your site.

for the sake of this tutorial, i’ll be working from the filters available in my base code, and how to add new ones. some will be easier than others, so please don’t hesitate to reach out for help! that’s what we’ve got coding help for. 

setting up a new entry

first and foremost, how do you add an entry to your face claim so it can be searched? the answer is a lot more simple than you think! it looks a little wacky for some who don’t deal in multiple classes, but here’s the cheat sheet for you.

<div class="character-card " data-category="”>

    <div style="background:url('URL'); background-size: cover; width: 210px; height: 320px; background-position: center; overflow: hidden; margin: -10px;">

<div class="face"> FACE CLAIM</div>

</div>

    <div class="character-card-hover">

    <h3 class="name">CHARACTER NAME</h3>

    <p class="age">##</p>

    <p class="gender">GENDER</p>

    <p class="sexuality">SEXUALITY</p>

  </div>

    </div>

how you fill this out is important! spelling something wrong or putting something in the wrong spot, like all coding, will cause the code + script to break. 

first thing’s first, add an image (that will resize) and then basic info in the appropriate spots. there’s a spot for face claim name, character name, character age in numbers, gender, and sexuality. once that is filled out, the code will look something like this:

<div class="character-card " data-category=" ”>

    <div style="background:url('https://img.nickpic.host/FQuey2.png'); background-size: cover; width: 210px; height: 320px; background-position: center; overflow: hidden; margin: -10px;">

<div class="face">natalia dyer</div>

</div>

    <div class="character-card-hover">

    <h3 class="name">bellamy blake</h3>

    <p class="age">24</p>

    <p class="gender">female</p>

    <p class="sexuality">bisexual</p>

  </div>

    </div>

filling out the hover portion is giving information to the sorting part of the script. when you say you want to sort all entries by age, it’s looking at <p class=”age”>for the integer so it knows how to sort. that’s why it’s important to put in numbers, not write the age out. it’s also important to spell everything correctly, and use the same terms across entries. 

now you’ve got the sorting terms filled out! next up, the filtering terms. this is where multiple div classes come into play.

looking at the current code, we need to add that bellamy is a female, that she’s bisexual, and that she’s the character of an admin. to do that, it’ll look like this:

<div class="character-card female bisexual admin" data-category="admin”>

    <div style="background:url('https://img.nickpic.host/FQuey2.png'); background-size: cover; width: 210px; height: 320px; background-position: center; overflow: hidden; margin: -10px;">

<div class="face">natalia dyer</div>

</div>

    <div class="character-card-hover">

    <h3 class="name">bellamy blake</h3>

    <p class="age">24</p>

    <p class="gender">female</p>

    <p class="sexuality">bisexual</p>

  </div>

    </div>

so, after the character-card declaration, we’re saying that this entry also involves the other classes between the quotation marks. now, when you go to filter female characters, this entry will say “hey! i’m a female class entry!” and it’ll be filtered appropriately. 

i’ve also declared “admin” in data category. that’s there so when you filter by member group, this entry will be grouped with all the other admin accounts. this will work for any member group!

speaking of which…

how to add a new filter

you probably want more specific filters than “admin” and “member” but how do you do it? you’re going to need this code:

<button class="button" data-filter=".CLASS">TITLE</button>

you just need to add two simple things: a button label so people know what they’re sorting, and a new class declaration. if i wanted to add a member group called “ruby”, this is what it’d look like:

<button class="button" data-filter=".ruby">ruby</button>

pop that in with the rest of the buttons, and it’ll be included with the other filters. and then, when you’re putting together the entry, just include class ruby in with everything else! nice and simple.

how to add a new term to sort by

this is a little more complicated, but nothing too scary! to do this, you’re going to need to go into the script before doing anything else. what you’re looking for is this:

// init Isotope

var $grid = $('.grid').isotope({

  itemSelector: '.character-card',

  layoutMode: 'fitRows',

  getSortData: {

    name: '.name',

    gender: '.gender',

    age: '.age parseInt',

    face: '.face',

    category: '[data-category]',

  }

});

now, let’s say i wanted to add the ability to sort by sexuality. when i look at all female characters, i want to see them grouped together by their preferences. in order to do that, i’m going to need to declare the name of what i want to sort by and what class that includes what i’m looking for. for sexuality, it’ll look something like this:

sexuality: '.sexuality', 

and then including it into the script will look like this:

// init Isotope

var $grid = $('.grid').isotope({

  itemSelector: '.character-card',

  layoutMode: 'fitRows',

  getSortData: {

    name: '.name',

    gender: '.gender',

    age: '.age parseInt',

    face: '.face',

    sexuality: '.sexuality',

    category: '[data-category]',

  }

});

now, you need a button to use the sorting! that’s going to be this code:

<button class="button" data-sort-by="NAME">LABEL</button>

and then filled out, it’ll look like this:

<button class="button" data-sort-by="sexuality">sexuality</button>

and then just drop it in with the rest of the sorting filters and there you go!

that’s all there is to this code/script! you can definitely sort by other things depending on your jquery knowledge (or having access to someone who can help you set it up) but this is a great, usable start for the base code.

if you have any questions, feel free to ask or roll over to the coding help forum where i’m sure someone will be able to help you problem solve if need be!