[Suggestion] - Global Header/Footer HTML [Worlds]

Posted 4 years, 6 months ago (Edited 4 years, 6 months ago) by Preimpression

Yes?

19 Votes +1

So, most of us know about Worlds. They're awesome (free CSS and actual pages, thoooo), at least in concept (world search function please!!) but they have some fallbacks.

The standard layout is super boring.
The number of World-specific css/html layouts is super disappointing compared to the number of character and profile codes available.
Even if you DO edit the standard layout, if you have html code that heavily affects the look of pages, you have to rely 100% on CSS for layout of certain pages, such as the world forums, the joining page, etc.

On Deviantart (and potentially other sites), journal themes can (currently) be set up like this:

THEME:

[ Header HTML ]
[ JOURNAL CONTENT ]
[ FOOTER HTML ]

I have a world that I'm currently in the process of moving over from deviantart (so.much.stuff. rip) and am tinkering with code all the time. I don't like the standard world page setup so using a combo of HTML and CSS, I've gone ahead and hidden the sidebar and created a footer that includes all those links (yet, sadly covers up the site's footer with TH's About, FAQ, etc.)
However, I can't include my custom footer on pages such as the bulletins, forum, etc. While the forum has a breadcrumb that works fine, I haven't been able to find a way to include HTML formatting on the forum.
Honestly, I'd even opt for having non-global CSS if there's forum-global CSS (like you can have pages with different CSS currently.)

If I add pages later on, I would have to manually go in and add the link to the footer html on every.single.page. It'd... suck, frankly. Also, anyone who relies on a particular set up of divs/etc would have to edit every page if they wanted to change their world

My proposition

I propose Worlds have additional "global header/footer" html that you can code, perhaps on the Manage World page. On pages, etc, you can enable whether this code is shown on your pages. The code essentially just gets added in before and after the html of the current content, so instead of it being:

[ EVERYTHING BEFORE ]
[ CONTENT ]
[ EVERYTHING AFTER ]

It would be:

[ EVERYTHING BEFORE ]
[ HTML of 'GLOBAL' HEADER ]
[ CONTENT ]
[ HTML of 'GLOBAL' FOOTER ]
[ EVERYTHING AFTER ]

Basically I think having this functionality would make coders more likely to code nice looking World codes for multiple pages. I know I'd be more likely to try whip up a few for free use, once I'm done with my own world setup.

Alternatively

let us format the forum, etc, with html please

Preimpression

Seteth

First of all, thank you for the bootstrap classes. I don't know much about bootstrap so pretty much all of my coding is done by hand, both CSS and HTML.

However... I don't think you quite understand my suggestion or the problem I'm facing. I'll clarify.

CSS is doing the majority of my styling, yes, but there is specific html coding that I want to have on all pages (including forum, joining page, etc) of my guild that aren't available currently, due to not being able to add custom html code.

For example, this is my home page: https://toyhou.se/~world/27854.xiunus (Notice that it's got two versions of the custom navigation currently, one from the Bulletin and one from the home page, since I want people to be able to see the custom navigation even when looking at bulletins alone.) The current (non-bootstrap) floating navigation is custom html and CSS that I coded.

I've tossed that code onto all of my Pages. (See: https://toyhou.se/~world/27854.xiunus/page/4107.immigration )
I can't do that on the forum (https://toyhou.se/~world/27854.xiunus/forums) or the joining page, which I get might be because it's usually just pulled up on the screen when you hit "join" (https://toyhou.se/~worlds/request-membership/27854)

After doing so I realized that I wanted the Transfers link to be a thread on the forum instead of a page, and, forgetting that it was in the footer, deleted the original Transfers page. Now, every single one of my pages has a broken "Transfers" link. With the current setting of not having custom global html we can use, I will have to go through every. single. one. of my pages to fix the error. Were there to be some custom html that is global across pages (including forum, etc, god please) I would only have to edit the one thing.

Also having those custom html bits could allow for an additional div cushioning around my content, such as the one I have currently named "continent" in my pages, without needing to add potentially messy looking code to every single page.

Just like how premium users can make css sheets on their accounts and simply have a line to include it elsewhere (and, as I've just learned, have "Global Characters Blurbs" that put certain HTML to all character pages), I want there to be a similar functionality for html in Worlds.

(Also, this isn't me trying to advertise my world, it's Super unfinished, )

Preimpression

No worries! Thank you so much for your help.

I implemented your sidebar z-index code (the actual fixed-on-top navigation, I already had coded efficiently), switched .sidebar from display:none; to visibility:hidden;, switched my navigation div to the blurb and set it to visibility:initial;, and set .sidebar's height to 0px (since it decided it was going to sit above [in x/y space not z space] the rest of my page due to my full-width coding), and it seems to be working nicely!

My suggestion still stands though, specifically for people who want actual html set directly around/above/below their content on every page that they might want changed, such as if they want every page to be in a table with navigation in-set instead of in a nice footer like mine (thankyou again! having your code here will help others).

Preimpression

also [screams] is there a way to revert a change in a Page, like you can check history in character page edits? I totally just overwrote a page accidentally while in the process of removing the footer from pages

Preimpression

Hopefully! And unfortunately, I don't believe there is it currently. I can shoot a ticket in for it for the future; I just ended up going and writing up the code again (took 2 hours but that's life lol.)

Thanks! Workarounds all around, haha.

Huh! I'll see about reducing the size between the drop up and the "button" for it; I had the same issue for a bit when it was still in the page code so hopefully there's just a microscopic space between them that hides it. Otherwise, I'll have to figure something else out! :o Annoyingly, most of the drop-down codes I was finding online needed js, which is understandably blacklisted haha

Edit: Pushed a fix; any better?

Preimpression

Oh wow, thank you!! I went ahead and transferred everything into bootstrap dropups, is that working for you? I even set Colonies to be a split button.

Such a pain!

Preimpression

Awesome!! Thanks so much for your help! Hehe, I'll be sure to nudge you once all the info is set up c: