PLAYGROUND

PUT EM HERE. Add screenshots if needed.

I can do/add/change just about anything if I put my mind to it, but there are some more complex functionalities like account-switching that there are already well-established plugins for, and I'm not out to reinvent the wheel.

No Replies

Butcher man bun

Test Sexy Thread

gist, 02-13-2024, 03:08 PM

Sexy testing.

Omg this thread is so sensual.

Do you hate it?

Hide it with content filters.

No Replies

Playground Facts and Figures

About Playground

gist, 02-03-2024, 04:10 PM

Every couple of years, something gets under my skin and I cobble together a MyBB theme for roleplaying purposes. This usually starts with flipping through the custom themes already available and deciding none of them have the vibe I want, so I rip it all apart and start from scratch. And every time, the process of disassembling all the awful built-in tables and hacking everything into some level of responsiveness is a giant pain in the ass. I've wanted for ages to just make myself a very basic responsive theme that fits my aesthetic needs so that the next time I want to do up something fancier, I can start from that instead. I've procrastinated for a long time, thinking that MyBB might drag themselves into the modern era at some point, and they still might, but I finally sat myself down and did my own, and I'm sharing it for everybody who, like me, enjoys that good old Jcink vibe but wants to self-host.

This theme comes with

Mobile-first, readable-first philosophy. Do you die a little when the very first thing you have to do after a site loads is zoom in 200% to read anything? Not with Playground! I took inspiration as much from long-form reading-centric websites as existing roleplaying forums, so text remains large and legible and the most important thing on any screen. Did you know that the ideal length of a line of text on a website is 45-80 characters? I've tried to maintain that for any significant blocks of text.
No reliance on hovering over things to see information.
Built in light and dark modes, defaulted to approved material design colors.
Customizable Google material symbols for icons.
A metric ton of commentary/explanation/rambling notes in the code, so you know what does what.
Zero required plugins/code changes. There are a couple of optional php edits to include recent threads on the index and user info popups that you can read about in this post. They're very easy to implement and I haven't bothered to make a plugin out of them. Feel free to skip them and/or go find plugins with similar functionality.
Some really stupid bells and whistles because I couldn't help myself. Toggles toggles everywhere. Chroma.js, so you can change the color scheme on demand! (You'll probably want to delete that if you have a more opinionated design in mind.)
Content filter system: series of customizable checkboxes that users can check/uncheck to literally prevent themselves from seeing the posts in any of the objectionably prefixed threads. Just in case they accidentally click into one. This could be easily be edited to hide tagged threads from view completely, if you prefer.
No terms of use. Playground is meant to be a jumping-off point for something prettier, not a final product. Take it. Use it. Change it. Break it. Bop it. Credit me me or don't, I don't care. In exchange, I make no guarantees of support or answering questions. My only request, which I know is in no way enforceable, is that you not attempt to profit off of anything you use this theme to build.

Disclaimer: I'm not a professional coder or designer!! I just do this for fun and as an exercise to keep from forgetting my basic bitch frontend skills. I've kinda tried to sidle up close to decent UX and best code practices, but ultimately everything is just cobbled together with floss and chewing gum. Deploy at your own risk.

No Replies

Playground Facts and Figures

Theme Notes

gist, 01-07-2024, 05:28 PM

On smaller/mobile screens, this theme has a sticky footer to facilitate navigation by thumb. There is enough space at the bottom of each page that it shouldn't interfere with reading anything. Don't like it? Move it to the top by switching the main grid structure in the header.

Replies (1)

Playground Facts and Figures

Small Backend Changes

gist, 12-29-2023, 02:44 PM

If you're using MyBB, presumably you are comfortable with some code-related fiddling! There are a couple of steps to take in file manager to get this skin working just right.

By default, the quick theme select dropdown can only be in the footer. To render the template outside of the footer:

in global.php, find

Code:
// Are we showing the quick theme selection box?

$theme_select = $theme_options = '';

if($mybb->settings['showthemeselect'] != 0)

{

...

}

cut and paste above, in line 950:

Code:
}

(LINE 950) // PASTE THIS CODE HERE

$jsTemplates = array();

foreach (array('modal', 'modal_button') as $template) {

    eval('$jsTemplates["'.$template.'"] = "'.$templates->get($template, 1, 0).'";');

    $jsTemplates[$template] = str_replace(array("\n","\r"), array("\\\n", ""), addslashes($jsTemplates[$template]));

}

You can now move the quick theme selector wherever you want!

Replies (1)

umami organic consectetur

Test Thread

gist, 12-20-2022, 02:07 PM

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis tristique ultrices risus, eu volutpat metus consectetur et. Suspendisse vitae turpis laoreet, laoreet orci at, facilisis leo. Quisque eu bibendum metus. Mauris vel nisl mi. Proin quis semper tortor, et rhoncus lorem. In hac habitasse platea dictumst. Phasellus euismod mollis massa, ullamcorper luctus est pretium quis. Nunc quis volutpat ipsum. Aenean tincidunt convallis tellus, quis dictum velit maximus ac. Nam lobortis consequat erat sit amet sagittis. Curabitur ut orci ornare, consequat felis eget, pretium risus. Nulla vehicula, nibh et varius aliquet, nunc lacus molestie lectus, sed pharetra turpis diam eu enim. Duis ac odio sed odio dictum iaculis.

Cardigan af yes plz tattooed quinoa shoreditch.
PBR&B shaman ascot, hashtag four dollar toast plaid gochujang blog forage vice irony dreamcatcher.
Pork belly laborum sus shabby chic four loko. Cold-pressed iceland godard blackbird spyplane church-key typewriter master cleanse succulents synth hoodie whatever chicharrones keffiyeh.

Retro cardigan flexitarian cillum humblebrag drinking vinegar bicycle rights.
Vape organic poke marfa.
+1 hoodie church-key fanny pack, succulents taiyaki kogi kickstarter hella.

Replies (3)

Content Filter Options

Username

Location

About

Theme: