Looks nice so far (pity it's not mobile lol)
Do you plan to make the contents box links work? If so, you might have to wait longer for anchors to work again because as far as I know they're still broken
Hello,
I got bored and felt like creating a little wiki for my stuff. Unfortunately I couldn't find any good free hosting service, so I was stuck with using toyhou.se ... and I ended up concocting a layout code that lets you use a single character profile + its tabs as a full-fledged wiki. It's basically "just" a simplified rip-off of the Wikipedia layout (please don't sue) and therefore does almost everything its role model does. Since it's very adaptable, it can be used for complex projects like whole wikis, but also for simple things like a single character profile.
I'm proud to announce that it's complete now. I might make some adjustments in the future, but I'll try to keep them from breaking existing code.
Here is a live-demo of the layout, which doubles as a documentation.
The CSS source can be found here. I also uploaded the HTML for the documentation, but it's intended as a reference, not as a starting point for making your own pages.
To-Do:
- nothing for now
Update 20th Nov 2017:
- layout width now adjusts to smaller screens
- info boxes added
- tables styling added
- additional alert box styles
- working anchors
- less bootstrap
- other minor tweaks
Update 21st Nov 2017:
- everything should be fully responsive now
- fixed minor oversights
Update 28th Nov 2017:
- renamed wiki-float class
- got rid of wiki-caption
- columns work now!
hi there! this looks pretty cool, it'll be a fun way to make use of tabs! one thing i noticed is it makes my screen sidescroll on both my laptops - perhaps try setting the width to be "max-width" so that it can adjust itself for small screens?
feather--weather Thanks! I might look into making it mobile-friendly, we'll see. Adding links to the content box would be easy, but like you said, unfortunately TH doesn't support that at the moment. If it ever does again, I'll add the code. Whoops I misspoke, apparently the links do work after all/already/somehow? I'll go ahead and add them.
lowkeywicked Oh, thanks for the feedback. I'll see what I can do about it.
it fits my screen now, and updates look nice!! i scrolled through and everything looks good except the bits where you have code, when i am night mode the text for the code shows up white and can't be read on the white background (the bits where you provide HTML for like images, pate set up, etc)
also on a side note.. omg... when did anchors return from the war, i've missed them so....
!!!
Anchors are back!? What trickery is this!
Also it looks great on mobile except the info box (whixh looks like it's a tad too big for my screen), the image box (which has the same issue as being a tad too large) and your credit at the end (instead of wrapping, it stays a fixed length)
But wow very nice! Definitely plan to use for species info!
aah, this looks so neat and it's so detailed! ur tut is also really nicely written & descriptive!
could you ping me when you finish the code and release it? i'd love to mess around with it for my informational pages!
lowkeywicked Code tags should always be red now, thanks for pointing it out - I forgot to check with other themes. The only thing that still gets awkwardly recoloured is the spoiler, but I think it's not possible to change that? I dunno.
feather--weather Oop. I tried fixing it. Everything should shrink correctly on small screens now. I hope I didn't break anything else by doing that.
Nonstop Will do.