Hey Guys. Thanks very much. You made me rethink my decision to try doing all I'm trying to do with TiddlyWiki5. I've gone back to TWC, and am going to try to build what I want from the ground up. It's going to take a lot of hours of work, and it won't be very future-proof, but It's the best route, i think. I've seen all the things I want already implemented in TWC in various places, and I think it just may be possible to pull it off. I've actually made a lot of progress this last week, have a clear set of ToDo's, etc.
Ton: Thanks for all your additional explanations there. Pmario: Thanks for that video! And thanks for all the advice on setting goals. On Wednesday, February 19, 2014 11:47:22 AM UTC-7, Ton Gerner wrote: > > Hi Leo, > > First of all: > > If you like TW Classic better than TW5, why don't you stay with TWc? > At the moment I use my TWc wikis alongside my TW5 ones. > And to be honest, the main things I still do in TWc (like my wiki about > the history of the western part of Amsterdam [1], wikis about TWc itself, > about portable software and so on). > > Just wait and there will be more color schemes, themes etc. > > On the other hand, if you want to use TW5, you have to learn step by step. > I think you have to read Mario's post very well and act accordingly. > > When I started (in 2007) to use TW Classic for my description about the > history of the western part of Amsterdam [1], I started with the default > layout of TiddlyWiki. At that moment I knew a little bit of HTML and > nothing about CSS. > During the years I learned the basics of CSS step by step. I just learned > what I needed to change my TWc the way I wanted it. > It took me to april 2011 before I reached the layout I use now (with > dropdown menus, tiddlersbar, tabs etc.). > > At the end of september 2013 I started as a newbie with TW5. For sure it > helped I used and experimented with TWc. > Since I missed a few things in the layout I got used to in TiddlyWiki > Classic 1, I started with modifying the layout of TW5. > And I used TW5 also to document my experiments. And that led to the guides > I made. > (But for me there is still a lot to learn about TW5, especially that list > and filter stuff). > > So, start simple and experiment, experiment, experiment. Small steps at a > time! > As an example look at the 'Changelog' of my guides (e.g. the 'oldest' > tw5toolbar), and you will see I did it step by step. > > That said, some clarifications about what you observed, hope that helps. > > On Wednesday, February 19, 2014 10:02:39 AM UTC+1, Leo Staley wrote: >> >> I know it's possible. I just do not have the computer programming skills >> to make it happen, even after 100 hours of trying to learn CSS, HTML and >> TiddlyWiki the past month. >> >> All I want is *3 things which I know are possible.* They're probably >> even *EASY **for those who know what they're doing. * >> >> 1) My 3 columns from the old TiddlyWiki back, (Okay, I also want the >> topbar and the columns collapsible, but this has been done already. I can't >> do it. (Best Case Scenario would be to have something very close to >> http://tbgtd.tiddlyspot.com/)) >> 2) A simple, straightforward color scheme that doesn't hurt my eyes, like >> current grey one does. (Again, tbGTD is the best i've found, but other dark >> ones are great too) >> 3) A more compact, tighter presentation in both view and edit mode, >> without all of the extra vertical and horizontal empty space, like TWC used >> to do. >> >> It's not that I dislike the current visual setup of TW5. I just can't >> even work in it. I need the old look back. Everything is too vertically >> stretched and/or filled with empty space, and or confined too narrowly when >> I need it wider. (When I use Preview, the columns are just so *ridiculously >> *narrow.) I don't want to have to change the story-river and tiddler >> width every single time I use a different monitor! :( >> >> Did you have a look at my guide about a top menu and toolbars? > There are 4 options for fixed width/fluid width and sidebar/hidden sidebar. > > >> I literally cannot use Tiddlywiki5 as it is currently visually setup. >> >> One major reason I can't even edit it to my needs is because everything >> is so radically decentralized and scattered compared to TWC. It's too hard. >> Too confusing. Everything in the style sheet(s) has its own specified >> colors distinct from the colourmap, and different absolute and fixed and >> relative positions and widths distinct from everything else.* So when I >> try to experiment with a single change, everything breaks.* >> >> I have tried so hard, and put so many hours of reading into trying to >> understand how to do it myself that even I can't believe it. I've analyzed >> as much as I can of Ton Gerner's http://tw5topleft.tiddlyspot.com/ and >> I've figured out more CSS and HTML than I ever wanted to know, But I still >> don't know something as simple as how to make the side columns float to >> their respective sides instead of having their position properties. >> >> In the process of this though, I wrote out explicitly what I learned >> about Ton's buttons. Here that is, in case it helps anybody. >> >> Enter code here... >> >> The Tiddler $:/_topmenu contains the HTML element <div> putting the Left >> Toggle Button and Right Toggle Button on the page. >> This Tiddler is tagged "$:/tags/PageTemplate" so that it is displayed at >> the same level as the story-river and >> sidebar-header html elements. >> >> Displayed in that div element are two TiddlyWiki wikified items. The >> first transcludes (displays the wikified contents of) >> the contents of $:/_top-toggle-left-sidebar-button, and the second >> transcludes the contents of $:/_top-toggle-width- >> sidebar-button. I'll explain how they function below. >> >> And directly below that, HTML <div> element putting the breadcrumbs on >> the page. >> >> The Tiddler $:/_stylesheet/topmenu contains the CSS stylesheet how to be >> "Fixed" on the page and properly interact with the >> other elements. I don't understand the "TOP MENU CLEARANCE" part of this >> stylesheet. >> > > The height of the top menu depends on what you need to display. > For the height of the top menu with only both 'arrow' buttons I needed > 25px. > For the height of the top menu with both 'arrow' buttons and 2 rows of > breadcrumbs I needed 70px. > (For the height of the top menu with toolbar buttons (tw5toolbar) I needed > 45px) > If you add a top menu, it can overlay the top of your tiddlers. Therefore > you need to shift the top of the story river downwards. > That you can do with "transform: translate". > I use a line under the title of the tiddler and a line under the title of > the wiki and I want to align these 2 lines. > You can shift the title of the tiddler up/down (transform: translate) > and/or shift the title of the wiki (sidebar-header top) up/down. > It becomes even trickier when you modify the tiddler layout as I did with > the toolbar above the title, but the principle stays the same. > Experiment with changing these values and yes lines under the titles will > help ;) > > > >> The buttons work like this: >> >> The Tiddler $:/_top-toggle-left-sidebar-button contains 1) an HTML <span> >> element containing a bunch of important TiddlyWiki syntax, >> and 2) Some CSS stlying. >> >> > The <span> ...</span> is only used to add a tooltip. > With the fieldmangler you can add/remove the tag $:/stylesheet > If it is tagged with $:/tags/stylesheet the given CSS in that tiddler will > be used (the styles itself do not display in the tiddler by adding > @@display:none; ... @@ around the styles. > > >> The visible content of this is a Button. This button tells tiddlywiki to >> add, or remove, the "$:/tags/stylesheet" tag to this tiddler, >> so as to toggle whether or not the CSS in this Tiddler is to be used. >> >> When the button is pressed, >> this Tiddler is tagged stylesheet, >> the Tiddler $:/_leftmenu gets tagged with "$:/tags/PageTemplate", and >> so will now be displayed as part of the whole page template, (like the >> topmenu). >> When the button is pressed again, >> the "$:/tags/stylesheet" tag is removed, >> and the default value is used instead. The default value is is in the >> Tiddler "$:/_stylesheet/leftmenu" which is just >> permanently tagged as a stylesheet. >> >> > Correction: > $:/_leftmenu is tagged with with $:/tags/PageTemplate ALL THE TIME, while > the tag $:/tags/stylesheet will be toggled on/off. > > $:/_stylesheet/leftmenu just contains display: none, so you see nothing of > it. > The styles in $:/_top-toggle-left-sidebar-button will be applied when this > tiddler gets tagged with $:/tags/stylesheet. > > >> I don't know what the @@ thing is or does. >> >> > See Styles and Classes in WikiText at http://tiddlywiki.com/ > > >> The $:/_top-toggle-width-sidebar-button does basically the same thing, >> but for the other sidebar. (unfortunately, the story river doesn't expand >> to fill the whole remaining area when this one is collapsed) >> >> The $:/_top-toggle-width-sidebar-button does exactly what is described in > my guide (tw5topleft): > The button increases the width (in my case from 686 to 868px but that can > be changed) of the tiddlers and hides the sidebar. > If you want more functionality like fluid width, see my guide tw5toolbar > which gives you 4 options for tiddler width/sidebar. > > As I already said, start simple and experiment, experiment, experiment. > Small steps at a time! > > Cheers, > > Ton > > [1] http://www.tongerner.tk/ > [2] http://tongerner.tiddlyspot.com/ > > >> Please. Someone. Help me. I'm begging. I can't write the necessary code. >> I can't even edit it. I've been trying. >> >> I know it's not a big deal to anyone here, but I personally can't use TW5 >> until I get these things fixed and working, and I've now given up trying. >> I've given it my best, but I have to stop now, so if anyone would be kind >> enough to spend some time on this for me, I would be so very, inexpressibly >> grateful. >> >> If you can't help, I understand. I'm not trying to demand anything from >> anyone or insult or offend anyone. >> Cheers, >> -Leo >> > -- You received this message because you are subscribed to the Google Groups "TiddlyWiki" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. To post to this group, send email to [email protected]. Visit this group at http://groups.google.com/group/tiddlywiki. For more options, visit https://groups.google.com/groups/opt_out.
