#coding help

[luvtism]

hello! do you have any resources/guides for the sntry css builder? tysm and sorry if this is troublesome!

Well get ready! Doll is about to explain a lot of things! One of the most important things is html coding! It's almost a requirement if you want to do sntry builders! Especially tricky ones. You can find templates, sure! But what if the template has issues that you dont know how to fix? Then you're screwed! Click below for a full explanation of points that come to mind! (Disclaimer: Doll is not an html coder by any means! She's completely self taught!) Also resources at the bottom of this!

A few basics:

If you wanna import fonts into sntry, you need to link them with a download link. I've been people use catbox, filegarden, and much more to link it. The point is, you must have the ttf ready to download. Then you implement it into your html code like this:

This way, when you want to use it you type its name in the divider or item you want! Say, if i want it to be the overall font, i'd put it in p or body!

For scrollboxes, the most usual ones are the lace ones! Which look like this:

Usually you'll need to have the lace image and apply it with the border-image code! Most lace images will look like this image by the way! Also if you want it to scroll it's usually good to give it a set height, and then set overflow to auto. Sometimes it'll show the scroller horizontally too, but i fix that by writing overflow-x: hidden; (x for horizontal y for vertical).

Another thing is positioning , you have relative, absolute, fixed, and i forgot the last one! But heres a few notes from what I gathered!

Absolute: It will stay to one place and when you zoom out it'll stay in the exact place you left it at!

Relative: It'll be in relation to the position of the device! So 1080 x 1920 computer will position it differently than a smaller one! granted its usually relative hence the name.

Fixed: No matter if its zoomed out or in, it wont move form that exact position.

Resources

Scripted neocities!

This site has EVERYTHING you might need for codes! Fonts, backgrounds, cursors, text, everything!!! It's SOOOO useful 10/10 I highly advice u save it!

Pinterest:

Self explanatory but pinterest has a lot of people who post sentries for inspiration !!! It's so useful to have a hit of inspo for yourself! PLEASE REMEMBER the people who post are real and have boundaries! So if they ask you for credit, CREDIT THEM! I also have a pinterest, but right now I haven't posted anything except saving resources !!! Here's My board! (Follow doll please pspsps)

Carrds!

The reality is, a lot of the builder sentries you may see have been either made from scratch, or inspired by carrd creators. I suggest you google carrd pro tutorials to see the code the creators may use, and then customize it and make it your own!

Final thoughts!

Doll did not expect it to be so long !!!!!

Sentry builder is...

honestly pretty easy once you get the hang of it! Style codes, html, you can google a lot of the resources you may need which will give you a head start into what you may want!! Good luck out there!

[fujowebdev]

Need webdev help? Send in your questions!

As part of Saturday's update, we announced the next stream in our "Let's Build our Website!" series, which explores how Astro can help anyone create the website of their dreams!

For this next session we're tackling some light basics of programming (specifically tailored to what you're likely to encounter while using Astro), but, more importantly, we want to help solve your problems!

If you've encountered issues while trying to build your website, if some webdev concept or syntax still eludes you, or if you have any question(s) about how to approach a programming journey, let us know before or during our stream on Friday September 15th at 3PM PDT (timezone conversion) on Twitch! We'll answer them during the stream and publish the recording later on!

[musthavesims]

Can you get a job with just html, css and Java? Basically just as a front end developer ? With square space, Shopify, and WordPress does this take away a lot of need for front end developers?

Also with ai becoming more prominent is it "useless" to just have front end experience and are more companies wanting more people with back end experience?

[sonicattos]

question for website building nerds:

is there a website builder that you can physically design, then convert into html/css code?

the only way i know how to describe it is one that is visually understandable. (the only example i can think of is like carrd but it doesn’t HAVE to be like that just simple like it?? idk)

i want to make my own website (neocites), but it’s hard to do with the disabilities i have. i can design just fine in terms of visual shit, it’s the code that fucks me up. it triggers stress, brain fog, pain, etc.

sorry if this sounds stupid, i’m new at this. don’t tell me any “oh just take the time to learn it” i don’t have the memory power for that.

[ramonag-if]

Basic guide for testing conditions using <<if>> statements (Twine Sugarcube)

Hello everyone! I made this guide for a fellow writer and since it's pink and pretty, I thought I'd share it with you all. This is for someone who already knows the basic types of variables. If you're new to coding, check out this guide which helped me a lot when I first started.

This might confuse you more than anything, so feel free to reach out if you need help 💖

[scottland-manor]

need neocities advice

im trying to get this kind of character card vibe for a neocities page but CANNOT figure out if i just dont understand columns or if i should be trying to do this in a table. my issue is that whenever i do my columns, the second one just..... sticks to the bottom of the first?????

this is whats happening 😭 how do i center these fuckers!!!!! i want the basic layout working so my brain will let me start drawing things for it again

if anyone has set up something similar to this and it works with at least 5 entries please god i am on my hands and knees begging you to let me look at your homework

[sagecodex]

Jcink Coding Communities & Resources

Coding shouldn’t feel like some exclusive, unattainable club. We all started somewhere—most of us just messing with elements to try customizing them before we got ✨ambitious✨ and started building our own projects. 

Most of us are hobby coders, and we can’t always hold everyone’s hand as they’re getting into the community. Plus, a lot of our knowledge is hobbled together according to need (maybe that’s just my personal experience though lol). But we can share the resources and communities we use to build our sites and skins with you. So here’s my ever-growing list of communities, resources, and learning tools I’ve used, and still use every day, to build my projects.

If I’ve missed a valuable community or resource, let me know so I can add it to the list! And if you’re a coder with resources on your blog, reblog this with a link to a tag that others can follow! 

Forums

Jcink Support Community This should be everyone’s first stop shop when it comes to Jcink. The support forum has an active community that’s ready to help with specific problems, and is full of very specific codes that usually don’t ever make it to other resource forums. Learn how to use the search function to find what you’re looking for!

Caution to the Wind The OG jcink rp resource site at this point. It has a lot of what we now consider essential building blocks of our forums, as well as tutorials to teach you how to do things.

jCodes A community that is mostly full of JavaScript coders, with an amazing collection of Jcink plugins to optimize your forum and add functionality. Not necessarily the best for learning, but definitely a wealth of resources.

Sourced A mini-resource community, hosted by Essi. It’s the home of many useful resources for forum development that Essi and others have put together. This is not an active community, but a home for resources. 

RPG Initiative A resource forum for more than just Jcink rp’s. There isn’t so much a coding community here, but there are some great coding guides in the codex.

RPG Directory Another general resource site, the coding community here is pretty quiet these days, but it has some classic tutorials and resources worth visiting.

Discord Groups

The Jcink Community Corner A great community for coding, as well as writing and general site management. For newbies and pro’s alike! This is the general home for most of us (afaik), and is probably the biggest/most active group of jcink coders on discord.

Coding Camp A discord community for all levels of coders. Camp offers regular coding challenges, as well as a variety of resources for beginners who might not know where to start but want to get into the thick of things.

General (and free!) Learning Resources

If you’re just starting out, want a general refresher, or are a seasoned pro looking to add some credentials to your name, these resources are for you! All of them are free and are not Jcink-specific.

Free Code Camp Learn how to code for free! It walks you through the basics to build the fundamentals you need to start on more complex projects. I’ve done the CSS and JavaScript courses and cannot recommend it enough.

The Odin Project A full stack curriculum that I’ve heart great things about! I haven’t used it myself so I can’t speak to it, but their JavaScript and CSS courses looks amazing.

Flexbox Froggy A game to learn how to use flexbox and all its corresponding properties by organizing some frogs and their lilypads. When I take a break from coding, I always play a round of flexbox froggy as a refresher.

Grid Garden A game to learn how to use CSS Grid! A lot like flexbox froggy, but with vegetables. 

CSS Tricks Not recommended to open until you have a basic handle on things, only because it has a wealth of articles that are easy to get lost in. But if you’re looking for how to do something specific, chances are CSS Tricks has an article on it!

Stack Overflow An active community for coding of ALL kinds, every question about coding ever has been asked and answered here somewhere. 

W3 Schools The reference sheets on W3 are tools I reference all the time. I always have a tab with the CSS or JavaScript references up, because nobody can remember all the properties and what they do off the top of their head!

CodePen A place to start creating your own codes! It has live updates, so you can see what you’re creating as you make it. And you can use it to create a nice little portfolio for yourself! You can also “fork” other users’ codes to play with them, figure out how they work, and learn how to implement those practices into your own work. (side note: if you see my profile on CodePen, no you didn’t, it’s a mess)

[friendliestpoltergeist]

Help I followed the advice of a coding post so videos would load all the way and now all my tabs are messed up. Does anyone have the post that starts with a comic of a guy thinking back to a time when the youtube bar would fill all the way, and then someone talked about going into firefox about:config and changing a setting from false to true or vice versa? I would really appreciate any help, I've been digging around for an hour and can't fix it. Edit: here's the post. all you have to do to undo is go to about:config, search for media.mediasource.enabled and then set it back to true https://soratayuya.tumblr.com/post/733752688623353856/warning-at-least-a-few-streaming-sites-will-be

[sunnycowleaf]

Screams in trying to change the title to a god damn image. I've been trying over and over and I just, dunno wtf to do with the code. There's 3 (or 4) headers but I only want the image on the top-most one where the "Bee's Cozy Corner" is.

Here's the html & the css

Any help is monumentally appreciated

[madame-mongoose]

Hey do any coders know how I could put a little floatie right here? If its even possible? Idk how Im not very knowledgeable with that stuff

[bendro-pascarnes]

If you want a slightly buggy version of the old tumblr dashboard, here is the link to the css: https://userstyles.world/api/style/11023.user.css

Step 1: Install Stylus Chrome/Firefox Extension

Step 2: Click the Extension icon in your topbar and click "Manage"

Step 3: Under "Actions" on the left side menu, click "Write new Style"

Step 4: Paste the code from the css link above directly into the text editor.

Step 5: Name the code (I just named it Old Tumblr Dashboard), and click save.

[shepherds-of-haven]

how did you make the 'screen'/tab that shows off the info about the mc (stats, details from the character creation at the start, etc) ?

Hey there, Choice of Games has a tutorial for making a stats screen that outlines the process way better than I could! :) Essentially, like any choice in the game, when you selected those character customization choices, you set "variables" so the game could remember your choices. It looks like this, in essence:

Choose an eye color.

My eyes are green. *set eyecolor "green"

My eyes are blue. *set eyecolor "blue"

Then, in the stats screen, I just "display" those choices by either using the *stat_chart command (outlined in the link above) or with display variables command, like so:

Appearance: You have ${eyecolor} eyes. Your hair is ${hairlength}, ${haircolor}, and ${hairtexture}.

...where whatever variable is within the ${brackets} automatically displays whatever the player chose earlier.

Hope that makes sense and answers your question! :) Feel free to follow up if you need more details!

[coreofbuddy]

Heeyyyyy webmasters and html nerds-

How do yall figure out what your website is gonna look like?

Cause I've been wanting to work on my website again, only thing is that I want to know what my layout is gonna look like before I attempt it.

Do you guys like...plan it out? Like...draw it or something? Or do yall choose when your in the process of coding?

Lemme know pleaaaseeee pleaaaaseeeee pleee-

[bloodbot-brian]

hey this is probably a stupid question but does anyone know how to make images backgrounds for neocities/html?? whenever i search it, all that come up is 'body { background-image:url('image.jpg'); }' and im not sure where to put the image link??

i cant find anything that explains where to put it. (also, this might no be important but im adding it anyways because it might be, ive been sending my image to myself on discord and then copying that link and pasting it.) (also, also, im using a tile background.)

[kalorphic]

If the name variable is tied to your gender variable you could use the <<switch>> command.

It would look smth like this (m = masc, f = fem, t = neutral);

<<switch $gender>><<case "m">>[[Kalan does smth|next passage]]<<case "f">>[[Kalix does smth|next passage]]<<case "t">>[[Kal does smth|next passage]]<</switch>>

idk if there are easier ways, but this is how I do it and keep some of my sanity lol

Me looking at this like:

Omg how do you guys figure this stuff out 😭 everyone who uses twine is some sort of coding god I swear like spare braincells pls !!

Thank you for the advice though, I really appreciate it <3

[ramonag-if]

hi!!

how did you code it so that the game blocks you from naming your character certain things?

thank you so much :)

I'm assuming you might have tried naming your MC Rana? 😋

It's really not too difficult. If you're able to test other variables, you can easily test to check if the variable responsible for the MC's name is a name you want to keep from being used by the player.

Please note I'm using Twine Sugarcube for coding and developing Crown of Exile, so this will only work if you're using the same format.

I'm sure there's probably a more efficient way of doing this, but this is how I did it:

What is your name? [[Max.|page1][$name to "Max"]] [[Ari.|page1][$name to "Ari"]] <<textbox "$name" "Your name" "page1"

It's important to note that I'm using a string variable - basically to store text and that for a player name, it's best to set the variable in the StoryInit passage as it is used throughout the game.

The variable would look something like this in the StoryInit passage:

<<set $name = "unknown">>

In the page1 passage, you will test for the name you don't want players to use (in Crown of Exile, I did it all one one passage, but it might be easier to use more than one passage so you don't confuse yourself or make an error).

<<if $name is "Undesired Name">>

Whoops. That name cannot be used. Please select a new name.

[[Max.|page1][$name to "Max"]] [[Ari.|page1][$name to "Ari"]] <<textbox "$name" "Your name" "page1"

This will just redirect the player back to choosing a new name and they will be unable to progress until they do. Once they've selected a new name, you just need to finish your <<if>> statement with the following:

<<else>> You have a lovely name! [[Proceed.|page2]]

Don't forget to close it all with <</if>> 😊

I hope this helps you and let me know if you would prefer a visual reference if this is too confusing.