Mabel Skins

hello! welcome to my portfolio blog. i'm sara aka mabel. I code skins and templates for jcink. skin commission is closed. Queu open.| (ps: i follow from @themabel profile)

[mabelskins]

Tarot Readings Skin ⸻ $65 (by mabel skins)

Live Preview / Purchase / Discord Support

Tarot Readings is a responsive skin for JCINK forums and is optimised for Google Chrome.

The Skin Features:

— Side Navigation Bar — Hideable Navstrip — 8 Easy to edit member group variables — CSS variables for fonts, colors and images for easy customization — Medium colour skin featuring black and white with focus on readability Responsiveness — Option to Increase and Decrease font sizes — 3 different category styles — Post row with a sticky, hover mini profile — A tabbed main profile featuring aesthetic images, sections for freestyle and shipper, and automatic thread tracker (by fizzyelf) — A filterable, searchable, and sortable isotope member list — Installation guide PDF with comprehensive instructions. Text Styles — Heading and text styles — Face Claim and Reserves — Generic Admin Template

Extras: — Socials Pack $10 — Guidebook and Thread Templates $10

Up to 1h support for installation and help on my discord server.

Purchase link: https://ko-fi.com/s/0a71ca8387

[mabelskins]

nevermore skin updates

Ticking along with the skin development, just wanted to share a few more updates with you all! I finished the memberlist and most of the main profile. Moving onto the templates while my partner is making sure the whole site is adaptable for all screen sizes.

Nevermore skin will be available for limited multi-sale purchase.

[mabelskins]

nevermore skin updates

Ticking along with the skin development, just wanted to share a few more updates with you all! I finished the memberlist and most of the main profile. Moving onto the templates while my partner is making sure the whole site is adaptable for all screen sizes.

Nevermore skin will be available for limited multi-sale purchase.

[mabelskins]

Nevermore Skin Update

I'm so excited about this skin!! Topic Rows, Post Rows and Mini profile are all done and ready to go. I've added a tabbed post row, as I believe this is a great feature for rpgs that follow a point system or want to show additional character information in an easy one-click way. A new learning for me, was using two completely different backgrounds (though they shared the same theme), for the dark and light version. I feel like reversing the same image as I've seen done around, ends up with some really weird constrasting in colours and usually something feels off when doing it. Anyways, Nevermore will be a limited multi-sale premade, stay tuned for more updates!

[mabelskins]

hi mabel! how much will nevermore be?

Hi anon!

Since nevermore will be a limited multi sale with only 3 slots, the price will be around $130 USD. This will include:

The whole skin pack (board wrapper, hemlock templates, etc)

Guidebook code with pre-made text styles

Posting bbcodes

Tabbed Post Row

Automatic thread tracker

Automatic face claim

Admin codes

Development in the main profile

3 Socials Codes

Installation Guide and Skin installation support

There might be more included to it, depending on how I go over the next few weeks 😌

still interested in buying?

yes!

nope

Voting ended onMay 23

[mabelskins]

Nevermore Skin Update

I'm so excited about this skin!! Topic Rows, Post Rows and Mini profile are all done and ready to go. I've added a tabbed post row, as I believe this is a great feature for rpgs that follow a point system or want to show additional character information in an easy one-click way. A new learning for me, was using two completely different backgrounds (though they shared the same theme), for the dark and light version. I feel like reversing the same image as I've seen done around, ends up with some really weird constrasting in colours and usually something feels off when doing it. Anyways, Nevermore will be a limited multi-sale premade, stay tuned for more updates!

[mabelskins]

Nevermore, Nevermore Skin

This is a project I'm working on for a personal site which I'm considering to sell as a limited multi-sale premade skin. Honestly, I'm making for a fantasy site, but could work really well with historical, urban fantasy or RL (whatever you'd like actually hehe). I'm slowly working on this project and it's my new baby, the imagery is very flower inspired as you may see and I'll bring updates as I keep building it! Keep it your eyes out for more updates!

[mabelskins]

Nevermore, Nevermore Skin

This is a project I'm working on for a personal site which I'm considering to sell as a limited multi-sale premade skin. Honestly, I'm making for a fantasy site, but could work really well with historical, urban fantasy or RL (whatever you'd like actually hehe). I'm slowly working on this project and it's my new baby, the imagery is very flower inspired as you may see and I'll bring updates as I keep building it! Keep it your eyes out for more updates!

[mabelskins]

Updates and Interest Check

Heyooo! This is the once a year post about slowly coming back to the community. I've been going through some health issues lately which kept me away, but am slowly coming back. With that being said, I wanted to gather some interest from you all. I'm considering selling the Danse Macabre Skin Set as a single sale skin, including installation, as this skin has a bit more set up to do than usual. This would also be a chance to personalise it a bit more to the forum theme, if there's any interest! So, this is my question for you all, if there's not much interest, I'll just simplify the whole skin and sell it as a multi sale :) If you would like to see more of Danse Macabre Skin, send me a dm here or on discord @sahmabel

[mabelskins]

Skin Commission

I'm so excited to share this project to you all! Just finished yet another commission for the site Trigger Warning (which I believe should be opening for new apps soon). This skin holds a special place in my heart, as it is the last commission I'm making for a long time. I'm finding less and less time for this hobby, and really want to focus more on pre-mades, coding resources and such over the next few months.

This skin was made in partnership with Ryuk, who has been brilliant as usual with all the mobile coding and js magic!

Without further chit chat, this skin features:

2 styles forum rows

Light/Dark changes

Isotope memberlist

Profile App

Variables all around for ease of use

My inbox is always open for questions!

Gyazo Screen Video

Gyazo Screen Video

Gyazo Screen Video

[niobe-codes]

Jcink coders' shops

My masterlist of jcink coders' shops with skins for free or for sale.

Zach https://ko-fi.com/zachariassmithexperience/shop

Yun https://ko-fi.com/folieahdude/shop

Yorozuya https://ko-fi.com/yorozuyacodes/shop

Widow https://ko-fi.com/widowspeak/shop

Timelapse https://payhip.com/Timelapse

Tenebrius https://ko-fi.com/tenebriuscodes/shop

Teal https://payhip.com/codesbyteal

Snow https://payhip.com/snowcodes

Skye https://ko-fi.com/skyescodes/shop

Shani https://ko-fi.com/shanicodes/shop

Scratch https://ko-fi.com/akascratch/shop

Rose https://ko-fi.com/alittlerosecodes/shop

Raya https://payhip.com/htmlraya

Raven https://ko-fi.com/ravencodes/shop

Noomi https://payhip.com/NoomiCodes

Niobe https://ko-fi.com/niobecodes/shop

Mono https://payhip.com/MonoCodes

Majorcodes https://ko-fi.com/majorcodes/shop

Madeline https://ko-fi.com/madelinecodes

Mabel https://ko-fi.com/mabelskinss/shop

Lux https://payhip.com/codesbylux

Lumi https://payhip.com/lumicodes

Lolita https://payhip.com/lolitacodes

LeeAnn https://ko-fi.com/leeann/shop

Lana https://ko-fi.com/aech9072/shop

Kon https://ko-fi.com/koncodes/shop

Joss https://ko-fi.com/josscodes/shop

Jaslene https://payhip.com/jaslenecodes

Jackalope https://ko-fi.com/jackalopeskins/shop

Hex https://ko-fi.com/hexxincodes/shop

Forrest https://ko-fi.com/helloforrest/shop

Evangeline https://payhip.com/evacodes

Eliza https://payhip.com/ElizaCunningham

Dante https://ko-fi.com/dauntss/shop

Daisy https://payhip.com/daisycodes

Cindy https://payhip.com/CindysCodes

Bodhi https://ko-fi.com/forebodhi/shop

Bianca https://ko-fi.com/binkywinky/shop

Ashley https://payhip.com/AshleyCodes

[mabelskins]

Great list and resource for who's looking at a revamp!

[mabelskins]

hi mabel! this may be a broad question and honestly feel free to ignore it! but how did you get into skinning/coding? i really want to make a skin of my own one day and just learn more coding in general (i know very few basics). i suppose it's definitely trial and error! i know there used to be guides on cttw and other sites i believe but i don't think i've found any creative ones! do you perhaps have any resources/suggestions? thank you for your time!! ♡

Hi Anon! That's a good question, we all start somewhere. Personally I started my journey at uni, I took an elective for webdesign which taught me basics. Meanwhile, I was starting to make my own thread templates and slowly built up the confidence to take on the challenge of building my own skin!

When it comes to coding, there's a few communities on discord such as inner child, coding camp, and the roleplay source (I'm sure there's more, I'm probably not aware). There's lot's of resources there for jcink specifically and the community is great about answering questions too! On the other hand, design wise, I can only speak about my process and personal experience. Whenever I start a new project, I go around Dribbble, Pinterest, Behance and other sites for inspiration. For me it's all about analysing a website I like and thinking "what do i like about this? why is this working? why is not?". And there's a lot of answers to that, it could be hierarchy of information, the way an element is displayed or how a texture is being used. This helps me discover new ways of using elements which I hadn't thought of before. From that, I try to build a mockup of the site before coding, it helps me visualize the structures of the boxes and start thinking where elements will go, etc. Nowadays I use figma, but even pen and paper are a great helper.

This is a long answer to the question, i really hope it helps! Feel free to DM if you like, or if there's anything specifically you'd like to know such as how to use elements and principles of design, coding or process related I'm happy to answer <3

[mabelskins]

Accessibility part 1.2 [EN]

I've been working through bringing more resources on this topic and stumbled upon one of the best contrast checkers I've seen! One of my main struggles with contrast checkers has been "how do I fix this?" - finding replacement colours that could fix the issue at hand. https://contrast.report/ not only checks for contrast using a LIVE COLOUR PICKER (this is super exciting) but also suggests colours to fix it *chefs kiss*

Rechecking all my member groups asap

Site: https://contrast.report/

Accessibility part 1.2 [PT]

Tenho trabalhado para trazer mais recursos sobre este tópico e me deparei com um dos melhores verificadores de contraste que já vi! Uma das minhas principais dificuldades com constraste tem sido "como faço para corrigir isso?" - encontrar cores de substituição que possam resolver o problema em questão. O https://contrast.report/ não só verifica o contraste usando um SELETOR DE CORES, mas também sugere cores para corrigir o problema *chef's kiss*

Vou eu verificar as cores dos meus membergroups de novo

Site: https://contrast.report/

[mabelskins]

PERSONAL SKIN PROJECT

Hi all!

I'm slowly recovering after going into a bit of a hiatus - from working my ass off at a new job which I didn't really like, going on holidays and now moving away from the said job and trying to find my feet with my career goals agains (nobody said life is easy ;--;).

With that being said, I would love to share a personal project which I've been working on with my favourite rp partner (ryuk). The project features: - Light/Dark Toggle - Power/Abilitites featured as cards that can hide/show - Quick access character stats in the post rows - 3 types of forum rows - Isotope Member Filtering - Automatic Face Claims - Profile Character Sheet - Admin Profile - 8 Member groups with variable colours

I'm working through some other projects at the moment to release more pre-mades in the near future!

My askbox is always open, feel free to shoot a question and keep an eye out for more news skin/code related news

[mabelskins]

hello, i have found myself in kind of a pickle! i have a tRPG jcink forum in the works, but my previous designer checked off of the project. now, i am a coder, but definitely not a designer. i know you dont have your commissions open, but if you had, would you be willing to take on a project that would only consist of a mockup of a design? i really wish to do the coding myself to dust off my skills, but regarding the designing, there is nothing to build upon i fear :/

Hi anon!

Whilst I don't have currently the time to do the coding for commissions myself, I'd be happy to do the designs! Shoot me a message here or on discord and we can discuss it :)

[mabelskins]

Will you be doing commissions again? If so, when? I would love to know when to be on the look out. I am coming out of a hiatus after 8 years and looking to bring back my site with a bang. And your skins are absolutely amazing. Las Valencia, my dear, is the bees knees!

Hi there! Thank you so much, thats very kind of you. At the moment, I'm swamped with life, but I'm organizing myself to go back to skinning commissions in late April. Will be posting an update soon, but totally understand if that time doesn't suit!

[athenacodes]

here is a script for mass toggling fields with special instances, with full directions in the pen attached.

[mabelskins]

This is amazing, thank you @athenacodes!