Making a World Code! UPDATED [11/03]

Posted 3 years, 2 months ago (Edited 3 years, 1 month ago) by Togo
Introduction

I've seen people asking around for world codes and I need a new project so... I want to create a world theme that works for as many people as possible, but for that i need some of your input.

If you have a world and want to change the look / plan to make a world but haven't found a nice theme for it yet, this is your chance! Fill out the form below and help shape this world code with me!

Examples

I've made world codes before, you can check out these examples:

These are customs so I won't be showing any live previews, sorry!

About

This will be a world CSS bundle with a couple different HTML options. This shouldn't be a problem for anyone, since all users have access to CSS for worlds. I would like to continue adding to the bundle in the future; more HTML options as well as matching snippets for forums or custom pages.

The style itself will be slightly generic, but you'll have full control over colours, backgrounds, borders, fonts and more through SCSS variables.

The final version will have options for both personal worldbuilding/story worlds and community/group worlds. If some questions seem more geared towards one world type, it's probably because I couldn't think of many options for the other - if there's something obvious I missed, leave a comment about it!

I'm mainly looking for opinions on the layout and type of content, as well as input from people who mod / admin communities through worlds. Any submission helps though, they let me know this is something people actually want!

Fill out the form here
FAQ

I've never used CSS before, how does it work?

In this instance, you will get a text file with SCSS variables and an import link. This goes in 'Manage World > Group CSS'. Everything should work from the get-go, but you'll be able to customize it further by editing the variables.

Will I be able to use custom colours, backgrounds etc.?

You will have a lot of styling options through SCSS variables. If you've used a custom coloured HTML at any point, variables are similar except they do everything for you - pick your primary colour, update the CSS variable and all the HTML will use that primary colour automatically. I'll add as many of these as possible, including colour changes and background options - you can check the current planned ones on the feature list.

Regarding custom menu content:

Custom menus mean completely remaking the HTML for the sidebar/menu so you can have complete control over your menu links, dropbars and other content. TH worlds automatically sort mod and admin panels into dropdowns, and you can add and sort your pages into page folders with dropdowns under 'Manage Pages'. It's also possible to hide and rearrange content with CSS, and add custom content via the blurb (although blurb content will stay grouped together). If this covers what you're looking for I would not recommend a custom menu, as they require at least some experience editing codes.

Q&A

Are you planning to create more world CSS as time goes on?

Definitely! I have some personal worlds I want to style and I'll most likely put them up, either as F2U or P2U! I'd love to make some more stylized/themed world codes in the future ~

Planned features

The bundle will have one global CSS sheet which will style all content in the world - both default pages like characters and forums, as well as any custom pages you choose to use. You'll be able to combine this with a gallery of matching front page, custom page, folder, bulletin and forum HTML. The goal is to let everyone grab the content sections they actually need and still make everything match. Bootstrap-style codes from other coders should generally look fine as well.

Planned features / options listed are below. Italic text means I'm tentative about them, either because of technical limitations or they haven't gotten much attention on the form. If you have something else you'd like, mention it in the form or comments and I'll consider it!

CSS Variables:

  • global options:
    • max page width
    • page title & icon visibility
    • grid margins
    • footer visibility
    • scrollbar style
  • sidebar / menu styles:
    • sidebar (left)
    • topbar
    • pull-out sidebar (mobile menu on desktop)
    • fancy custom menus
  • menu options:
    • sticky menu (sticks to top/side of screen when scrolling)
    • overflow fixes
    • world icon visibility + style
    • fontawesome icon visibility + placement
    • dropdowns on click or hover
  • individual menu link options:
    • visibility
    • renaming (e.g. changing "bulletins" to "updates")
    • page link styling (custom icons and colors for page links)
  • colours:
    • sidebar colours
    • text & content box colours
    • primary, secondary and default colours for text, buttons and most other bootstrap elements
    • success, danger, warning and info recolours
  • fonts & typography:
    • fonts imported from google fonts
    • seperate options for body, header, display and monospace fonts
    • custom header & display styles
  • background options:
    • background color, image or gradient
    • full size or repeating background image
    • fixed or scrolling background image
  • card / content box options:
    • paddings & margins
    • card header style
    • background & text colour
    • border & border radius (rounded / square corners)
    • box shadow style
  • character gallery:
    • character descriptions
    • force square character icons
HTML Layouts:

  • front pages:

    still figuring these out! will update later :>

  • custom pages:
    • species guide
    • species overview (if your world has multiple species and you want a page to show differences etc.)
    • important characters
    • character groups/teams
    • story summary
    • story timeline
    • setting/environment
    • locations
    • magic guide
  • forum templates:
    • MYO submissions
    • shop template (for world/ingame items & currency)
    • newsletter
    • Q&A / FAQ
  • other:
    • folder overview
    • custom character gallery
Other Global Content:

Added through CSS or the blurb. Everything will be separate HTML snippets / togglable through CSS, so totally optional.

  • custom menu content (details in FAQ)
  • header image (with optional title / blurb / links)
  • pagedoll
  • floating music player

thank you for your time and input // togo :^>

Togo

UPDATE LOG:
i'll make this prettier later :^)

[ 11 / 03 ] UPDATE: sidebar options + alpha testing interest check


[ 27 / 02 ] NOTICE: form summary + pinglist test

Cumulofare

filled it out! i can't wait--

//also, i had no idea world CSS was free

Togo

lovegaze tysm !!!


NotDamien you didn't have to fill this out man, i'll get you that tibu css eventually,,, ty tho, good to know i'm not the only one who can't figure out forums :o)


hitorikiri TYSM !! i thought this was common knowledge but a couple peeps in our coding discord were surprised by it so i guess i'm plastering it everywhere now LOL

your idea about a page for magic systems & rules is excellent (and actually something i'd want for my own worlds) - i might hit you up with some drafts later down the road if that's ok !

STAR3XIAN

I filled it out! 


Can't wait to see it ;O;

Togo

NotDamien HJDDHSJHDL UR VALID,,,,,,,,,,,

Cumulofare

Togo oh!!! that's fine! feel free to ping me here or on the discord group at any time :D

MoonLotus-Hime

Oooo Love custom CSS for World O.O I don't use CSS, so it's hard for me even try. XD

(Filled it out~)

zufoxz

This is SO nice and good to see, I have a world for an OC verse thats for info purposes for others but is only for my personal use and there's like no codes geared towards that

LinkaBell

I filled it out! So excited about this! <3

FancyHatching

Curious to see what you'll make!

There's not that many codes for worlds around, most seem to be aimed at closed species and stuff and not general world building.

Pine_Niidles

Filled out! Super excited for this