jcink codes by chloe

Styling your forum pages for mobile devices

We all know Jcink has a mobile version. And I think I speak for all of us when I say it sucks. So as I was updating my base skin, I thought I’d share my framework for styling Jcink pages on desktop mode for mobile. (aka another attempt to ask this lovely rpc to stop making me scroll sideways or zoom to use the built-in features on your forums T_T)

This is mostly a matter of targeting the right elements, stacking them, and removing any extraneous information. These are all in a media query, and it includes the codes you’ll need in your wrappers to make it work as intended. If you have any questions, feel free to @ me either here on tumblr or on discord.

There is no real styling for any of these pages, it’s just a bare bones framework to make it all work better when you’re viewing the desktop mode on your devices. So you may need to add/adjust some things to fit your skin best. Feel free to get into it and change it up for your needs!

Styled pages:

Registration page

User control panel

Edit profile page

Message inbox

Search engine

Moderating team

Posting page

Find the complete code on pastebin

The unofficial part two of My Favorite Skin-Building Scripts, this is a collection of scripts that I wish more forums used! Not quite essential for building your forum, but definitely nice to have from an end user perspective. Like the post draft saver, post bookmarks, ctrl+b/i/u, etc.

These are some of my favorites from the resource forums jCodes and Sourced, both of which have a lot more codes available than the ones I pulled out as my favorites. So go check those resource forums out!