Hi All, I have been lurking this group for the past month and reading every help page I can on TiddlyWiki, even reading through W3 CSS tutorials to try and grab a gleam of inspired thought on how and what code to change to achieve the simple look I want, but alas, I just can't get it. So I finally turn to you!
Issues that I'm running into: 1. I really like the Hawk theme here <http://tiddlythemes.com/#Hawk>, but it uses TW v.1.0. Since I had difficulty importing this theme into the current version of TiddlyWiki, I just stuck with it as a learning tool and have been using IE to allow saving since TiddlyFox won't work with v.1.0. a. I'm not sure which tiddlers from this theme I should manually import into the current version of TiddlyWiki. Currently fiddling with this at the moment, any guidance would be greatly appreciated! 2. I'm having a headache trying to figure out CSS in regards to layout. Most of the issue seems to stem more from the StyleSheet instead of the PageTemplate tiddler. a. In particular, I want the MainMenu to be fixed, have a background image, have a height of 100% and be z-indexed underneath the TopMenu and SiteTitle, so that when a reader scrolls down the page, the background image extends to the full height of the window, instead of stopping to where the TopMenu and SiteTitle normally would be. i. If my understanding is correct, the 'white space' showing above my fixed MainMenu when I scroll down the page is due to the TopMenu and SiteTitle (and possibly other related elements) having a "position:relative". ii. I'm having a heck of a time trying to figure out what should be absolute/relative. There's a #contentWrapper in this theme with a position:relative, but I'm not sure what else it's affecting... ANY help would be much appreciated. This is what I want my team (and instructor) to see when they open up the Game Design Document: ======================================================================== img:Logo, Video Game Title --------------------------------------------------------------------------------------------------------------------------------- Top Menu --------------------------------------------------------------------------------------------------------------------------------- MainMenu, width:33% .............|| Display Area, width: 47% || Sidebar, width:20% position: fixed..........................||.......................................|| position: fixed contains the Table of Contents..||.......................................|| has a scrollbar.........................||.......................................|| has a background image..........||........................................|| text aligned left, but with..........|| .......................................|| padding on the left so text........||.......................................|| is overall centered in element...||........................................|| In the Hawk theme, the Sidebar is placed in a Footer. I can probably figure that one out (how to place it back on the right side of the screen) just by looking at the original TiddlyWiki, but I wouldn't mind someone throwing me a bone here as well. :-) I've already used a bit of mental bandwidth today.... I'd like to add the TreeView in the MainMenu and tabs on the tiddlers for a discussion/comment area later on, similar to Eric Schulman's "Tiddlybard", but if I could just get this (I assume?) simple layout and import problem figured out to begin with, I would be very pleased :-) Many thanks in advance, Maria -- You received this message because you are subscribed to the Google Groups "TiddlyWiki" group. To view this discussion on the web visit https://groups.google.com/d/msg/tiddlywiki/-/3EbTGtRFKugJ. To post to this group, send email to [email protected]. To unsubscribe from this group, send email to [email protected]. For more options, visit this group at http://groups.google.com/group/tiddlywiki?hl=en.
