widowskins

[widowskins]

another fantasy

roleplay resource forum

[widowskins]

Thank you for all your lovely tutorials, Athena!

Okay so here we have the quickest of quick run throughs on how to utilize variables. Here's the basics:

Whatever --variable: ###; says, you can pull it with var(--variable) and it will keep you from having to repeat color codes, as well as make things easier to switch based on light and dark mode, text size changers, member groups, any and everything.

Feel free to check out the example I was playing with here but this comes with the same contingencies as the grid tutorial base I created which is: the template i’m using as an example is free to use as a base, without credit, same with all the others in my tutorials so far, so long as you are using it to actually make your own. With this one, please don’t use it with no significant changes and try to claim it as your own, that would be pretty dishonest. It's also really quickly and shoddily made so again, not something you want to use without changes anyway which is why I made it [Needs Permission] to denote this stipulation. If you do that, throw some credit in your guidebook or something, i don’t mind, just throw a bone on that one because at that point it is solely my template and not the tutorial itself you are using. But even then, you’re free to use it with credit.

Anyway! If I didn't explain anything well (I probably didn't, this is very quick, I recognize I could definitely be more thorough here but this was created as the most basic of basic overviews of variables and so you could see it in action) let me know your questions and I will answer them as best I can.

And, for anyone who cannot listen to the tutorial, here's a quick overview of what I was basically saying:

Basically, variables are shorthand. instead of ###, ###, ### for the accent color, you just put var(--accent1RGB) or instead of #hexcode you'd put var(--accent1) or however you name them, but the --accent1: #hexcode means that anywhere you are trying to pull that hexcode you'd put var(--accent1).

So for any color you're using, versus repeating it, you can just do something like --bg1: #dedede; and then you don't have to type #dedede ever again, it automatically pulls it in with var(--bg1).

Once you understand it, it's super simple, but again if you need anything further explained or you're more of a hands on learner and wanna walk through it with me, feel free to just reach out, I really don't mind.

Hope this helps! Have a great day, y'all.

#coding #how to #html css

[widowskins]

here’s another for my little tutorial section, this time sans video. basically, there’s some simple coding tips you can use to set a default photo. for the main uploaded avatar, use the default avatar macro for jcink, but anywhere else you can use one of these.

for background images, make a default by putting it literally right behind the one you want. you can see an example of this in the css section of the naked codepen i’m linking below. (btw this was kept naked so it would be easier to just get to coding, instead of sorting through me making it ‘pretty’ so to speak. i only put the length of this text there so there was something that populated.)

for img src, i use a pretty simple script. now, the caveat here is there are two versions, depending on if you’re in an area where jcink auto puts “no information” or not. these are below. these scripts are in the js section of the codepen. there are two, so make sure you scroll down for the not no information version.

anyway! this is just a really easy way to do things. there are others, but it’s a simple way to get your default image to show up where you want them replaced with a custom profile field.

as always, this is a tutorial, so be wild and free, do what you like with them. you don’t have to credit me. i’m just trying to help us all learn a few neat tricks that make the editing and creation process of jcink skins a little easier, and replenish some of the resources we’ve lost lately.

i hope it helps! if you use it, i’d love a like just because i love seeing that people actually utilize these, but it’s not a requirement by any means. have a great day, rpc!

codepen

#coding #how to #guide #tutorial #jcink coding #default images

[widowskins]

Replace No Information default text

When a user doesn't fill out information in their main profile, it often defaults to No Information as the output. This code replaces that text with whatever output you want.

[widowskins]

widowbase v3 and v4

Whooboi, there is a lot of discourse going on right now about JCINK coders. Perfect time for me to update some base skins!

For those who just want to streamline their coding process, I have updated my widowbase v3 to include a day/night theme toggle and made a few responsive tweaks to the vertical nav and sidebar. For those looking to learn how to use CSS grid and flexbox to create responsive forum designs, I added a new base, widowbase v4. This version includes some HTML templates that have a very ugly, extremely basic, but functional fluid grid layout. These templates also incorporate hidden divs (read as, display: none) that include the PHP variables frequently used inside those respective HTML templates, so you can easily delete everything I've done and start from scratch with your own. Then just delete the hidden div when you've used everything you need. Easy peasy!

For those of you just beginning your coding journey, I wish you the best of luck! It is such a fun and rewarding hobby. You are also free to rip apart any of the codes on my preview site and cobble them back together. These experiments can be a great learning tool! You are more than welcome to use any of my free resources as a base, as long as the finished product remains free. As for my actual skin bases (or template sets specifically labeled as bases), these can be used for free or paid skins. Make money or give it away, whatever works for you, just leave the credits given to resources intact so others can find out how to accomplish the same thing!

#jcink code #jcink skin #jcink resource #jcink coding #base code #widowspeak

[widowskins]

Vertical styled posting form code

#resource #coding #jcink code

[widowskins]

Idk why more people don't have one of these, it's really simple to make, but basically a little bit of code that adds each character's age to their profile and then automatically updates it / ages them + 1 year on their birth month.

The only input from you is to update the year when your board's year changes, so you can make it work for IC settings that are using different timelines than IRL as well.

#resources #coding #jcink code #character ages

[widowskins]

yes, this is a coding blog. no, i'm not gonna post every meme i see. but this one was imPORtant and relevant to my interests.

[widowskins]

Luxury's sliding menu upgrade

Luxury received some much-needed love. I was never happy with the sliding menu, but honestly, I was running out of time to finish the skin because I had IRL issues coming up that required my full energy. The new nav is not perfect, but it's semi-responsive (at a browser width of 899 pixels or less, it converts to a different grid layout) and I think it is more visually appealing.

If you already purchased the skin, please contact me to get the updated XML file. Happy holidays, widowspeak

#jcink skin #jcink code #widowspeak #luxury skin

[widowskins]

Different designs call for different icon fonts. Some sets have thick, round lines, others have sharp, elegant lines. Some have unusual icons, some are lightweight and just have the basics. Instead of asking for everyone’s favorite icon fonts in my discord groups 500 different times, here’s my masterlist of icon fonts and icon font collections for easy reference.

While there are many icon fonts out there, the ones in this collection are easy to use and install. If your favorite icon font isn’t on the list, reblog with your picks!

Keep reading

#resource #coding resource #icon font

[widowskins]

Skin Preview site updated

A few updates to my preview site:

1. Resources have been moved over from CTTW and some edits have been made. Specifically, I added a class named .unset to around 90% of the templates. It -- you guessed it -- unsets a lot of commonly used styles (but only on the template, your skins are safe). This is a little bulky but it will help the templates work with more skins in the wild. 2. The Shiver skin did not want to play nicely with one of the templates so I made some edits to the XML, mainly converting the post view template to a grid layout instead of flexbox. The XML link has been updated accordingly. 3. A full live preview of Luxury is now available on the site. You can browse the available templates for the skin in the corresponding forum.

Y'all, I'm really going to miss seeing links to edited versions of my resources, so please, please, PLEASE if you get in there and make edits, let me see somehow. Reply to the resource on my preview site or message me on Tumblr. It always made my day seeing what people came up with and I would love to keep seeing the creative things you do. Thanks, and happy holidays from widowspeak

#jcink code #jcink skins #caution to the wind #it took a while but the move is complete #i'm serious about letting me see ur changes ok please contact me somehow i LOVE seeing the community's creativity

[widowskins]

joss is basic

I’ve only been talking about it since forever. Now it’s here: Joss’ Basic (or Joss Is Basic, if you prefer). This is a base skin for jcink forums meant to cut down on a lot of the time people spend implementing the same features, and if I’m lucky I might just teach someone something. The goal here is to provide something flexible, legible, and full of potential. Please let me know if it gives you any trouble!

Features Include:

All the jcink fixin’s (recent topics appended to board stats, removed pesky comma from topic description, styled tooltips, click to highlight code, etc.)

Light/Darkmode toggles, jump to top/bottom of page, and pop-out menus

Six member group colors pre-plugged

A “practical-not-perfect” mobile mode

Myspace Tom on our member directory <3

Live Preview: https://jossisbasic.jcink.net/index.php? / Thumbnails below the cut

Keep reading

#jcink codes #jcink skin #this looks awesome #try this pls

[widowskins]

re: Caution closing and my resources there

I received a PM on CTTW asking the following:

Would you be okay with rpers saving, and continuing to use, your templates even with Caution closing? If not, that's more than understandable and your wishes will be respected.

First, super sweet and greatly appreciated. I did respond, but I would also like to say here for anyone curious, you can absolutely back up any resources you want to keep using from my portfolio on Caution. In the meantime, I am working on migrating my codes over to my skin preview site. It's a slow process because I have to edit every code to make them compatible with every skin. That's a lot of tweaking! But once it's done, the codes should be more compatible with other skins that use h1-h6 styling, so everyone wins. But yes, in the meantime, grab what you want from my codes on CTTW and I will post an update here when my resources go live on the preview site.

#jcink code #jcink codes #caution to the wind #widowspeak

[widowskins]

𝐏𝐀𝐓𝐓𝐄𝐑𝐍 𝐁𝐀𝐍𝐍𝐄𝐑𝐒 | galaxy.

okey, I love this set so much, I’m so happy with it. I love all things space and stars and galaxy related. I have many colour sets coming so keep an eye out for those ! i really like what i did here ahahahah. 🤍🤍🤍

colours : 001 / 002 / 003 / 004 / 005 / 006 / 007 / 008 / 009

feel free to use; please like, reblog, and credit 〜

more dividers →

[widowskins]

An end of an era and some updates

Please indulge me this moment of reminiscing and rambling. It is saddening to see Caution closing its doors. I understand why. The RPC has been shifting towards Discord servers for a while now, and I know that change is both good and inevitable. At the same time, I can't help but feel a twinge of... sorrow? Melancholy? to see the end of an era. I've been with Caution since it was on IF. Caution was where I found my first skins and templates, and through hacking them to bits, learned to code. I fell in love with CSS and HTML on Caution. Resource sites came and went over the years, but for the majority of the height of the resource forum era, every code and skin I made was exclusively available on Caution. I am slowly working on moving all of my templates onto my skin preview site. I'm also joining a handful of RPC resource servers on Discord. Although I am sad to see Caution go, I want my codes to be available to as many people as possible. It's time I get with the times. From the bottom of my heart, I would like to thank all the staff, former and present, of Caution, for all the years you kept the forum running. I might not have been an active participant in the community outside of posting resources, but for many years Caution has felt like a home. I appreciate the welcome and wish you all the best wherever you go. And now, for a few updates: I'm tweaking a few codes as I migrate them over to my preview forum. I've also got two skins in progress. I think one will be a free resource, and one will be paid. I am considering lowering my prices on Luxury again. I don't want to insult anyone who has purchased it at the old price point(s), but the more I ruminate on it, the more I think I would prefer to offer greater accessibility to people from all walks of life and financial security. I'm not sure what the protocol is for lowering prices on an existing skin. Does one offer a partial refund to those who purchased at the higher rate? I'm not sure. If you're reading this, please feel free to chime in with your thoughts. Anyway, thanks for following and keep an eye out for the completion of my template migration and the eventual release of new skins!

#jcink code #cttw #caution to the wind #caution #widowspeak

[widowskins]

L U X U R Y

New prices

$20 USD without templates (here) $30 USD with templates (here)

#jcink skin #jcink skin for sale #jcink code #jcink codes #widowspeak #widowspeak codes #price change

[widowskins]

me: starts typing a new line of code

coding software: WHat IS THat??? whAT Th?E FuCK Is thAT??? WHat arE  YoU ???DOInG ThaTs nOt? ReAL cODE?????

me: finishes typing the line

coding software: :)