Tumgik
#jcink codes
mabelskins · 15 days
Text
Tumblr media Tumblr media Tumblr media Tumblr media
Notion Skin Building Guide - Free
get now on my ko-fi
[EN] Soooo, I did a thing! I've fallen completely for Notion and have been using like crazy. I decided to make an ultimate masterlist to keep track of my commissions and premade and thought - why not make it available? So this is a guide containing resources, to-do lists and much more.
It's free for use! So please, like and reblog if you use it.
[PT] Entããão, eu fiz uma coisa! Virei a doida do Notion! Decidi fazer uma masterlist das masterlists pra me organizar com minhas skins e pensei - por que não disponibilizá-las? Portanto, este é um guia que contém recursos, listas de tarefas e muito mais.
O uso é grátis! Se utilizar, por favor goste e compartilhe!
68 notes · View notes
shanicodes · 3 months
Text
Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media
Hollow Crown Skin ($65, Unlimited) by Shani Codes
HOLLOW CROWN is a responsive skin for JCINK forums and is optimized for Google Chrome. If you have questions about the skin, or seeing a full preview, feel free to join my support discord: discord[DOT]gg/G9zb4sQxdp
SKIN INCLUDES:
A light/dark mode toggle,
A font size toggle,
Custom forum layouts and category images,
Pop-out with navigation, updates, about section, and user links,
Full responsiveness for various screen resolutions, supporting both mobile and smaller screens,
Easy to edit member group variables,
CSS variables for fonts, colors, images, sizes, etc. for easy customization,
Post row with a sticky, hover mini profile,
A tabbed, main profile with sections for freestyle and shipper, and FizzyElf's automatic thread tracker,
A filterable, searchable, and sortable isotope member list with counts,
And an included installation guide PDF with comprehensive instructions.
PURCHASE LINK: ko-fi[DOT]com/s/e65d3a5664
61 notes · View notes
sagecodex · 1 year
Photo
Tumblr media
I know I’m not the only one who struggles to find the right fonts for my projects. So I put together a list of places to find good, free, legal, fonts to use in all of our websites. This list may be short, but it’s curated to help you find the best fonts in the easiest way, and without having to worry about all the legalese.
If there are any free font resources you like to use that I’ve missed, let me know! 
Google Fonts
Google Fonts is a great resource, and the go-to font repository. They make it easy to select and install fonts on your website—just click the font you want and copy the code! There’s over 1,455 font families to choose from, plus some great resources on typography, guides on how to choose the best fonts, and more.
All Google fonts are 100% free for personal and commercial use. The most common license is the SIL Open Font License. Some fonts are under the Apache license or Ubuntu Font License. You can redistribute open source fonts according to those conditions.
Fontshare
Similar to Google Fonts, Fontshare is a free fonts service launched by the Indian Type Foundry (ITF). Their mission is accessibility, so every font they release and promote is open source. There are 100 font families to choose from, as well as curated font pairings to help you pick! Like Google Fonts, they make it easy to install, just pick the font(s) you like and copy the code.
All Fontshare fonts are 100% free for personal and commercial use. They are offered on two licenses: Closed Source, which are are governed by ITF’s Free Font License (FFL) , and Open Source, which  are governed by SIL Open Font License (OFL). You can read more about their licensing here.
The League of Moveable Type
The League is the world’s first open source type foundry. They have some great fonts, as well as a newsletter, a podcast, and some tools to help you learn typography! You’ll need to download and install all of their fonts on your own website, but many of their fonts are also found in the first to foundries as well for easier install.
All the fonts from The League of Moveable Type are free & open source, available to use commercially and subject to the Open Font License.
Indestructible Type*
While its library is small, it has some very unique, iconic fonts. The designer only makes high quality, versatile, modern fonts that are accessible to everyone. If you’re familiar with fonts, you probably already know some of their core styles, but there are a few unique styles we don’t see used enough!
These fonts are licensed under the SIL open font license and are free for commercial use.
Font Squirrel
A great resource with thousands of available fonts for free commercial use. They also have a great font identifier tool, plus a forum to talk about fonts and typography. You do need to download the fonts and upload them into your own site. 
Unlike the other sites in this list, do be careful when selecting your fonts. While they do mark their fonts with what they think their individual licenses allow, there is no guarantee. So be sure to read their individual licenses and read Font Squirrel’s FAQ before using!
Other Free Font Resources
There are other places you can find good, free, legal fonts to use, but they are less reliable and often offer fewer free versions to promote premium paid fonts. Just be sure to read the individual font licenses before you use them. So check out these sites if you’re willing to dig around and see what you can find: Dribbble, Behance, Pixel Surplus, Graphic Pear, Fontbundles.net, Wild Picks, Sunrise Digital, Fontfabric, Pixelify, Font Shop, FontHaus, FontSpace, and MyFonts.
How to embed webfonts
Some of the linked resources give you easy links to install their fonts—but others require you to download the font and embed it into your website. So here’s the w3 article to show you how!
Remember: always use fonts with an open commercial license, specifically for the web. Using demo fonts or fonts designated for personal use on your website is not only bad practice (and usually not web-optimized), it’s almost always illegal! Personal use means for use on your single desktop (like when typing in a word doc) or for the free invitations you made for your dog’s fourth birthday. Everything else (including embedding a webfont) is almost always commercial.
Note: It is not advised to use sites like Dafont, Fontriver, 1001 Fonts, etc. to find fonts for your projects. While they do have free fonts, they are almost exclusively demo versions of commercial fonts that you need to buy a license to use on the web. Please read the license for every font you download to keep yourself out of trouble.
570 notes · View notes
koncodes · 8 months
Text
Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media
ATLAS OBSCURA (60$)
ATLAS OBSCURA is a fully flex skin optimized for Chrome but has been adjusted for compatibility across Firefox and Safari. A low contrast, dark background is recommended. A live preview can be requested at any time through my support discord. PURCHASE HERE: https://ko-fi[DOT]com/s/740013f3a4 WEBPAGES HERE: https://ko-fi[DOT]com/s/07654e42a0 TEMPLATES: https://ko-fi[DOT]com/s/020489ee5a
Includes:
light/dark toggle sidebar that auto transitions to a module for mobile custom forums, topics, memberlist, posts (optional larger post avatar with sticky) tabbed, popup application profile member group colors set up across the skin css variables set up for images, fonts, and colors for ease of editing guest to member links on login for easy navigation various indicators for messages/alerts customized tooltips tabbed header basic post template with all basic styles (bold, italics, h1 through h7, blockquote, hr, lists, etc)
Files:
full xml file html templates xml file easy to import field set json file general installation guide pdf skin specific instructions with member group prefix/suffix codes and user fields
Policies:
credit must remain intact and unchanged you may not claim my codes as your own at any point, nor may they be used as a base for other projects I offer unlimited support for bugs present at purchase
Please review the rest of my my policies prior to making any purchases: koncodes[DOT]tumblr.com/policies For questions or a live preview, you can contact me through ko-fi or my support discord: discord[DOT]gg/MXD5nDgDzq
119 notes · View notes
noomicodes · 2 months
Text
Tumblr media Tumblr media
sweet nothing ˚♡˚ ($45) is a jcink skin that features:
full set of html templates
dark mode
topic rows, profile rows, and full skin change color according to member group
main profile that can be customized into a shipper app
freeform codes
live previews are available upon request. if you need any help, contact me on tumblr or on discord at noomi#8925. live preview is available upon request. https://payhip.com/b/JQadP sweet nothing template sets ˚♡˚
the basics ($10,00)
admin post
face claim and reserves
member directory
6 thread templates
technology ($10,00)
4 phone templates (2 texting, 2 calling)
instagram templates (profile, posting)
tinder templates (profile, swiped left, swiped right, matched)
requests, development ($10,00)
request templates
development templates
40 notes · View notes
lumicodes · 2 months
Text
Sequence - Full Jcink Skin + Guidebook Template (55 USD)
youtube
Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media
A responsive Jcink skin. Comes with a zip file including the skin's XML sheet, a PDF installation guide, and a json file for uploading profile fields.
Features:
All HTML templates (forum rows, topic rows, post rows, board stats, member list, main profile, etc)
Modal staff popups
One tabbed forum category
Ten member group gradients, skin changes with a user's member group
Isotope filtering member list
Profile app
A guidebook code
[ PURCHASE HERE ]
Matching Templates:
Sequence - Development Set ($7.50)
Sequence - Site Essentials Set ($7.50)
Sequence - Technology Set ($7.50)
Sequence - Thread Set ($6.50)
30 notes · View notes
lanayrucodes · 1 month
Text
Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media
Immortales: Skin Bundle ($20)
I've been wanting to branch out into a more minimalist style for a while, and found the opportunity to do so when I was struck by the coding bug over the weekend and began to experiment with a more semi-transparent style of index that eventually evolved into this. I tried to keep the skin as light as physically possible, with minimal Javascript or Jquery inclusions, and instead tried to optimize it to build off of HTML5 elements as best I could without needing to weigh it down with more external resources.
The Immortales skin is a dark themed, responsive skin for Jcink forums, and is optimized for Google Chrome. (Cross-tested in Opera GX and Mozilla Firefox.)
You can purchase the skin here: https://ko-fi[DOT]com/s/6f663cfe6e
Bundle Includes:
All custom HTML structures
a forum index a topic row for threads a post row with a sticky/hover mini profile a main profile custom board stats, with the five (5) recent topics appended a member list, sortable by filters
Full set of DOHTML templates
x1 general announcement/admin template x1 application template (tabbed, for threads) x4 thread templates x5 development templates x1 miscellaneous codes for TW/CW x1 tabbed webpage/guidebook
Custom Userlinks Menu
Easy to add/modify group variables for color coordination (five groups already included)
Responsive to smaller monitors
Upon purchase, buyers will receive an installation guide with editing and customization instructions, as well as any XML/HTML files.
Support & Refunds:
Refunds or returns are not offered on pre-made skins. Due to the nature of how they're distributed and the fact that they're digital files I cannot offer refunds for a purchase if you buy a skin from me.
If you encounter bugs or skin-breaking issues, please reach out to me and I will do my best to fix them and provide you with updated files.
I do not offer coding support beyond initial problems with my skins at install. (i.e. Finding a bug when you install a fresh copy of the skin onto your site, etc.) If the skin breaks during modifications you make on your own, I am willing to help restore the skin to it's original state. I do not provide support for third party coding that is not mine.
31 notes · View notes
lolitacodes · 2 months
Text
Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media
NIGHTHAWKS - $75USD - PURCHASE
LIVE PREVIEW
this skin features a dark and light mode toggle; the images used are the dark skin, see the live preview for the light version!
features fully customizable forums and a profile application.
uses color variables to easily customize colors per group for the boards, mini profile, main profile, member list, and more.
reference the initial board itself (https://skin021.jcink.net/) for some guidelines on custom fields. board descriptions are found here.
there are no templates yet, when they're available everything will be updated.
you can purchase this on my PAYHIP STORE! however, if you want, or need, support, you should message me here or email me with the email in the installation instructions to get my discord.
35 notes · View notes
monojcink · 7 months
Text
Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media
NEXT LEVEL - Unlimited $50
if you didn't notice by the dates i've been working on this skin for awhile, probably around a year. i think i began the concept for this skin a little after drippin was released. as much as i love that skin--the response from it from y'all has been amazing, thank you--there was a lot with gradients and that style i wasn't able to fit into that or didn't incorporate. thus: next level! it's gone through a fair amount of edits, concept changes, and more. it's almost weird to me that i can now mark it as done, it's been a wip (among many others) for a long time. i almost didn't release it, there were some small things i couldn't get over. but here it is!
i plan on coming up with some templates & codes in my free time, i'm in my senior year of college so that's my main focus now. regardless, i hope you enjoy it if you like it! if you'd like a live preview feel free to ask on discord (i'm rarely on this blog to check dms unforunately). i'm now diagnosedmono there. the skin comes with the following:
full custom jcink skin
all custom html templates
profile app (with a freestyle section) and custom html for that
web page/guidebook included!
purchase on payhip.
if there are any requests for templates to be included in this skin as i begin to work on them, please reply to this post or dm me on discord! i'd love to hear your thoughts.
57 notes · View notes
Text
Tumblr media
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.
24 notes · View notes
madelinecodes · 6 months
Text
⋆˚✿ cruel summer skin ✿˚⋆
hiya!! i've decided, because of hard times atm, to put my skin cruel summer up for sale. <;3
this colorful, trendy, fully responsive skin is up for sale for unlimited sales.
it includes: ✿ a full set of html templates ✿ light/dark toggle ✿ a full quality set of dohtml templates (comms, threads, requests, social media, threads, development, general, face claim/reserves, and bbcodes) ✿ a guidebook with 7 fully coded webpages ✿ isotope member list ✿ a profile app that includes a fun freeform section with profile codes ✿ and more!
upon purchase you will receive all files with an installation guide and an abundance of notes within the codes. more information can be found on my policies page, and i request these be read before purchase: click me!!
Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media
35 notes · View notes
shanicodes · 9 months
Text
Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media
Labyrinth Skin ($65, Unlimited) by Shani Codes
LABYRINTH is a responsive skin for JCINK forums and is optimized for Google Chrome. If you have questions about the skin, or seeing a full preview, feel free to join my support discord: discord[DOT]gg/G9zb4sQxdp
SKIN INCLUDES:
Two pop-ups for Navigation menu and for User Links,
A color mode toggle with three themes: light, medium, and dark modes
Full responsiveness for various screen resolutions, supporting both mobile and smaller screens,
Easy to edit member group variables,
CSS variables for fonts, colors, images, sizes, etc. for easy customization,
Post row with a sticky, hover mini profile,
A tabbed, pop-out main profile ft. attribute sliders, aesthetic images, sections for freestyle and shipper, and automatic thread tracker,
A filterable, searchable, and sortable isotope member list with counts,
And an included installation guide PDF with comprehensive instructions.
NOTES:
A low-contrast, bright background image is recommended to match all three color modes.
Accents can easily be switched from gradients to solid colors.
PURCHASE LINK: ko-fi[DOT]com/s/b164fd2264
81 notes · View notes
hexxincodes · 9 months
Text
Tumblr media Tumblr media Tumblr media
DAYLIGHT Jcink Skin
DAYLIGHT is a $50 semi-responsive, mobile-friendly Jcink skin used for approximately 6 months in 2022 and is thus extensively bug tested. I didn’t originally intend to sell it as a premade, but I’ve made it as user-friendly as possible with easy-to-edit variables and cues within the HTML which are also in the installation guide.
Separate site templates (30-template package) are available for purchase on my Ko-fi.
Please read my terms of service before purchasing.
https://ko-fi[dot]com/s/436da6d7ca
DETAILS
All colours, fonts, and images set as variables for easy editing
Full HTML templates
Isotope member list
Guidebook with 18 tabs set
Skin changes colors according to member group (10 set up)
Profile app w/ carousel that tabs to tracker
Half and full forums
Forums change accents w/ last poster
Full installation guide
UPON PURCHASE
Full xml file
HTML templates xml file
Profile fields json
Installation guide pdf
Guidebook txt file
46 notes · View notes
sagecodex · 1 year
Text
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)
214 notes · View notes
noomicodes · 5 months
Text
Tumblr media
peppermint candy ˚♡˚ is a jcink skin that features:
full set of html templates
dark mode
topic rows, profile rows and full skin change color according to member group
live previews are available upon request. if you need any help, contact me on tumblr or on discord at noomi#8925. live preview is available upon request. https://payhip.com/b/7tFw8
34 notes · View notes
beedesigns · 5 months
Text
Coming back to this WIP skin, and it's amazing looking at the code. I've learnt so much this year! It shows even in the little things, like the amount of CSS shorthand I use. But I've got to say I am still very much vibing with the contained feel of this skin. Especially with the header on the header on mobile. I need to stick a new avatar in, though. Alas, the old one disappeared when nickpic went down.
Tumblr media
I'm thinking of dusting off the code and selling the skin as a multi-sale. Would anyone be interested? I'm definitely going to overhaul the forum row and board stats, though. I've got a much clearer idea of how I want them to look now. Anyway, it's a fun little side project.
26 notes · View notes