for unsteady characters: Changing Themes

4 views
Skip to first unread message

wolfgang

unread,
May 21, 2008, 4:41:21 PM5/21/08
to TiddlyWiki
Hi to everyone,

I put together a TiddlyWiki with an extensive collection of existing
themes and/or colors, adapted to switch on the fly with
SwitchThemePlugin and SelectPalettePlugin. It's merely intended as a
showcase and for experiments - to spare one having to search and
download many TiddlyWikis, for simple copy and paste guys like me.

As such a huge TiddlyWiki - having swollen to 3 MB with 140
systemTheme tagged tiddlers - it is still far from completed and only
maybe 80% of the themes work without fault. Sometimes a theme switch
is only completed with a second click on 'apply', or a third to
refresh the display. And at times only a reload of the whole
TiddlyWiki clears the layout again.

For showing the potential of some themes I choose to install some of
their plugins and scripts. And most have been adapted to function with
BreadcrumbsPlugin, TiddlersBarPlugin, TagglyTaggingPlugin,
TidIDEPlugin, a horizontal SiteMenu, a StoryMenu and a generic ToolBar
in the upper right corner - to have easy access to switching and
frequently needed functions.

Therefore, if you choose to install any of these themes in your
TiddlyWiki - though you're absolutely free and welcome to do so - but
you do it entirely on your own risk. I would rather suggest to get
them at their original sites. With repeated adjustments to so many
templates easily many errors could have sneaked in..

However, I won't update plugins and scripts regularly and some are
already outdated or messed with. So please don't use this TiddlyWiki
as an plugin update source, but make sure to get your up to date
versions of plugins and scripts at their original sites.

It's a work in progress, and I haven't been able to solve some errors
yet, despite much efforts. Therefore, any help, suggestions, comments
or questions are welcome and much appreciated.

wolfgang

unread,
May 21, 2008, 4:42:18 PM5/21/08
to TiddlyWiki
Some examples:

# I tryed to use ToggleTiddlerTags script with a command in the
toolbar for having tags not displayed by default. And dispite having
placed:
config.options.chkHideTiddlerTags = true;
- in a systemConfig tagged tiddler, it still takes two further clicks
to have them hidden

# simlarly, the generic toolbar in the upper right corner sometimes
disappears, and only clicking the toggling bookmarklet twice makes it
appear again

# Bunny + PeachTheme: sometimes the graphical toolbar commands are
displayed, but most of the time not

# MenuMoreTheme: simply havn't been able to get the dynamic MainMenu
working within this TW

# SigletTheme: isn't compatible with the current TW version

etc..


A final suggestion - especially with a small bandwidth internet
connection:

Better download this 3 MB TiddlyWiki first - by right clicking and
'save as' the following link - and load it in your browser window only
afterwards from your hard drive itself:

http://change.tiddlyspot.com/

If anyone feels unhappy for having his theme being made available in a
single systemTheme tiddler - or the way I messed with it - please let
me know and I'll remove it.

Regards,

W.

PS. don't even want to know how bad this fails in IE ;-)

Simon Baird

unread,
May 21, 2008, 9:35:29 PM5/21/08
to Tiddl...@googlegroups.com
This is impressive! Nice work. I didn't know there was so many themes out there. It would be good if you could do some work with Saq to get a new version TiddlyThemes.com using your collection.

One thing I noticed, you should put a

<html><div style="clear:both"></div></html>

somewhere after your float left columns. I will make the tabs enclose the tab contents better I think.

Simon.
--
simon...@gmail.com

FND

unread,
May 22, 2008, 3:41:49 AM5/22/08
to Tiddl...@googlegroups.com
> This is impressive!

Indeed - nicely done, Wolfgang!

> I didn't know there was so many themes out there.

Well, this includes not only complete themes, but also "simple"
StyleSheet customizations (e.g. from my DevPad, which I don't recommend
anyone use).

> One thing I noticed, you should put a
> <html><div style="clear:both"></div></html>
> somewhere after your float left columns. I will make the tabs enclose
> the tab contents better I think.

Personally, I prefer using "overflow: auto;" on the respective parent
container - adding an extra element for this is so ugly...


-- F.

wolfgang

unread,
May 22, 2008, 7:20:33 AM5/22/08
to TiddlyWiki
Thanks for the feedback,

> > I didn't know there was so many themes out there.
>
> Well, this includes not only complete themes, but also "simple"
> StyleSheet customizations (e.g. from my DevPad, which I don't recommend
> anyone use).

FND, I consider you DevPad a very clear custom TW. Why you wouldn't
recommend it yourself?

> One thing I noticed, you should put a
>
> <html><div style="clear:both"></div></html>
>
> somewhere after your float left columns. I will make the tabs enclose the
> tab contents better I think.

I moved the clear:both from the separate tab tiddlers to the
containing tiddler, though it does looks a bit nicer that way, the tab
contents is still left out too.

> Personally, I prefer using "overflow: auto;" on the respective parent
> container - adding an extra element for this is so ugly...

Hmm.., tried this too. However, I didn't mentioned any change ..so I
guess, didn't understood how to implement your suggestion completely?

regards,

W.

FND

unread,
May 22, 2008, 7:27:41 AM5/22/08
to Tiddl...@googlegroups.com
> FND, I consider you DevPad a very clear custom TW. Why you wouldn't
> recommend it yourself?

It's ancient, not polished, and not extensively tested.
Nevertheless, it might be useful as inspiration/reference for minor
modifications.

>> Personally, I prefer using "overflow: auto;" on the respective parent
>> container - adding an extra element for this is so ugly...
>
> Hmm.., tried this too. However, I didn't mentioned any change ..so I
> guess, didn't understood how to implement your suggestion completely?

Here's an example of the structure:
{{parentContainer{
{{floatedColumn{
[contents]
}}}
{{floatedColumn{
[contents]
}}}
}}}
... and the accompanying CSS code:
.parentContainer {
overflow: auto; /* conain floats */
}
.floatedColumn {
float: left;
}
In your case, the parent container's class is "tabContents".

HTH.


-- F.

Simon Baird

unread,
May 22, 2008, 9:07:07 AM5/22/08
to Tiddl...@googlegroups.com
    .parentContainer {
        overflow: auto; /* conain floats */
    }

hey, that's a good one! I dedicate to you this changeset:

http://trac.tiddlywiki.org/changeset/5140


--
simon...@gmail.com

wolfgang

unread,
May 22, 2008, 9:20:30 AM5/22/08
to TiddlyWiki
Thanks for spelling it out for me, FND.
Though this does enclose the tab content nicely - but I couldn't
divide the columns to the left and right that way.

> It would be good if you could do some work with Saq to get a new
> version TiddlyThemes.com using your collection.

As far as I understand TiddlyThemes - it's declared policy is to
distribute distinct themes. Many themes which were submitted here on
GoogleGroups for inclusion in TiddlyThemes didn't made it there for
this main reason. Or, for example as it might be the case with the
superb themes at www.tiddlytools.com, because they are already
available and regularly updated at their original address. Or maybe
because they got too distinct and therefore too private? - like this
one: http://nikenhn.moved.in/cc/

Contrarily, 'Changing Themes' is not intended for distribution really,
but as a showcase and for easy comparison of differently styled
elements of all, and not so much varying themes too. To see what's
already there and possible with TiddlyWiki - and hopefully inspiring
to create something further, or even not seen before... With no hurdle
in distinctness, but only my copy and paste abilities ;-)

regards,

W.

FND

unread,
May 22, 2008, 10:10:30 AM5/22/08
to Tiddl...@googlegroups.com
> hey, that's a good one! I dedicate to you this changeset

I'm honored!


-- F.

Dave Parker

unread,
May 22, 2008, 11:04:46 AM5/22/08
to TiddlyWiki
http://change.tiddlyspot.com/

that's really neat! - very convenient, useful, etc. Thanks for doing
this Wolfgang!

wolfgang

unread,
May 22, 2008, 4:31:57 PM5/22/08
to TiddlyWiki
Thanks for the appreciation. I'm glad it's useful for others too.

W.

Robert Mark Bram

unread,
May 22, 2008, 8:05:18 PM5/22/08
to TiddlyWiki
I am impressed - so many themes to choose from! :)

Can you please tell me what exactly do you do to make the tags drop
down appears as a scrolling list like that?

Rob
:)

wolfgang

unread,
May 23, 2008, 12:48:39 AM5/23/08
to TiddlyWiki
> I am impressed - so many themes to choose from! :)

Actually I meant it to improve on them ;-)

> Can you please tell me what exactly do you do to make the tags drop
> down appears as a scrolling list like that?

# SetPopupsHeight http://www.TiddlyTools.com/#SetPopupsHeight
# StickyPopupPlugin http://www.tiddlytools.com/#StickyPopupPlugin
# Batch http://yann.perrin.googlepages.com/twkd.html#Batch
# TemplatedTagTools http://yann.perrin.googlepages.com/twkd.html#TemplatedTagTools
# batchTagTools http://yann.perrin.googlepages.com/twkd.html#batchTagTools
# StyleSheetAdjustments http://www.tiddlytools.com/#StyleSheetAdjustments
# ShowPopup http://www.TiddlyTools.com/#ShowPopup

Huuh.., looks like my popups could use a diet..

regards,

W.

Dave Gifford - http://www.giffmex.org/

unread,
May 23, 2008, 7:45:22 AM5/23/08
to TiddlyWiki
Wow you already have my Philemon theme in there. Hadn't spotted it.
You are pretty thorough!

Dave

wolfgang

unread,
May 23, 2008, 7:44:13 PM5/23/08
to TiddlyWiki
Hi Dave,

not as thorough as I wanted, since I could name a handful of themes
made especially by yourself I would have included - but didn't found
the time yet. So I thought it better to share what's already there.

And to tell you the truth, it's Philemon and MenuMore with their magic
switching side menus I really wanted - therefore took so much time
trying all I could think of, to get these to work inside of 'Changing
Theme' - but simply wasn't able to. (the hurdle of my copy and paste
a.. debilities..)

Am only left with one easy out solution to simulate what these themes
do: Using for each top menu button (menuA, menuB, ..) a different
switchTheme button and thereby invoking with each theme change only a
different MainMenu each. But that's somehow unsatisfactory.

Does anyone know why MenuMore and Philemon seems incompatible, at
least to me?

Regards,

W.

On 23 Mai, 13:45, "Dave Gifford - http://www.giffmex.org/"

wolfgang

unread,
May 25, 2008, 7:57:07 AM5/25/08
to TiddlyWiki
> Does anyone know why MenuMore and Philemon seems incompatible, at
> least to me?

Just in case anyone racked his brain about this too - I now got them
to work. :-)

Regards,

W.

wolfgang

unread,
May 31, 2008, 4:55:56 AM5/31/08
to TiddlyWiki
Hi to everyone,

Could someone help me by explaining why the themes I try to make
accessible under:
http://change.tiddlyspot.com/#OtherThemes
- TiddlySinister2, Ectopolis and First2 -
push the tiddler display down below the side menus?

What I would have to add to the StyleSheet to have it display the
tiddler at the same height as the side menus?

Any help is greatly appreciated.

W.

FND

unread,
May 31, 2008, 9:15:48 PM5/31/08
to Tiddl...@googlegroups.com
> Could someone help me by explaining why the themes [...]

> push the tiddler display down below the side menus?

Looks like it's caused by "clear: both;" on #tiddlerDisplay.
However, removing that might have unintended consequences...


-- F.

wolfgang

unread,
Jun 1, 2008, 12:34:40 PM6/1/08
to TiddlyWiki
Thanks for the tip, FND,

> Looks like it's caused by "clear: both;" on #tiddlerDisplay.
> However, removing that might have unintended consequences...
>
> -- F.

It was indeed 'clear:both' in all cases! Twice in the PageTemplates
for the 'toTop' arrow Html-code by Eric. And the 2 remaining within
the ViewTemplates. Removing those from these themes isn't an issue.

Thanks again.

W.

wolfgang

unread,
Jun 5, 2008, 12:47:03 AM6/5/08
to TiddlyWiki
Hi to everyone,

within 'Changing Themes' TW I use tiddler##section transclusion for
the site title (in PageTemplate) - for having each switched theme
display it's own name as SiteTitle, and at the same time avoiding
having to have more than hundred SiteTitle tiddlers.

Now I further tried to cut down on the number of tiddlers by using
tiddler transclusion with parameters - transcluding the PageTemplate
with placeholders for the SiteTitle. Which doesn't seem to work in any
variation I tried, for example:
________

<<tiddler [[PageTemplate]] with: [[SiteTitle##Changing]]>>
________

<!--{{{-->
<div id='header' class='header' macro='gradient vert
[[ColorPalette::PrimaryMid]] [[ColorPalette::PrimaryLight]]'>
<div class='headerShadow'>
<span class='siteTitle' refresh='content' tiddler=$1></span>&nbsp;
<span class='siteSubtitle' refresh='content' tiddler='SiteSubtitle'></
span>
</div>
<div class='headerForeground'>
<span class='siteTitle' refresh='content' tiddler=$1></span>&nbsp;
<span class='siteSubtitle' refresh='content' tiddler='SiteSubtitle'></
span>
</div>
</div>
...

Any ideas how this could work?

Regards,

W.

FND

unread,
Jun 6, 2008, 6:51:06 AM6/6/08
to Tiddl...@googlegroups.com
> Now I further tried to cut down on the number of tiddlers by using
> tiddler transclusion with parameters - transcluding the PageTemplate
> with placeholders for the SiteTitle.

Within your <<tiddler>> macro call, you are trying to access a slice
from the SiteTitle tiddler.
I don't think you can use the [[tiddler##section]] syntax there though.
Try evaluated parameters instead:
<<tiddler
[[PageTemplate]]
with:{{store.getTiddlerText("SiteTitle##Changing")}}
>>

HTH.


-- F.

wolfgang

unread,
Jun 8, 2008, 7:51:08 AM6/8/08
to TiddlyWiki
> Within your <<tiddler>> macro call, you are trying to access a slice
> from the SiteTitle tiddler.
> I don't think you can use the [[tiddler##section]] syntax there though.
> Try evaluated parameters instead:
> <<tiddler
> [[PageTemplate]]
> with:{{store.getTiddlerText("SiteTitle##Changing")}}
> >>

thanks for the suggestion, though that doesn't work neither. It
displays the substitution marker $1 instead of the intended site
title. I believe this has to do with the difference that transclusion
usually works with the <<tiddler ..>> macro, but in templates with
double bracets links: [[..]].

Is there any way to override this custom behavior?

Regards,

W.

FND

unread,
Jun 9, 2008, 4:23:26 AM6/9/08
to Tiddl...@googlegroups.com
> thanks for the suggestion, though that doesn't work neither. It
> displays the substitution marker $1 instead of the intended site
> title.

Could you create a simple demo (testcase) for this so I can have a look?


-- F.

wolfgang

unread,
Jun 9, 2008, 5:37:14 PM6/9/08
to TiddlyWiki
> Could you create a simple demo (testcase) for this so I can have a look?

Please take a look at http://vipa.tiddlyspot.com/ with the singled out
case only.

Regards,

W.

FND

unread,
Jun 10, 2008, 5:40:36 AM6/10/08
to Tiddl...@googlegroups.com
> Please take a look at http://vipa.tiddlyspot.com/ with the singled out
> case only.

Not exactly a minimal testcase, but anyway...

This won't work:


<span
class='siteTitle'
refresh='content'

tiddler='SiteTitle##Change'>
</span>
The tiddler attribute here doesn't support slices/sections.

Neither will this:


<span
class='siteTitle'
refresh='content'

tiddler=<<tiddler ShowPopup with: "Themes" "Descending" "" ""
"30em" "">>>
</span>
You can't invoke a macro like that.
Normally you'd use the macro attribute (macro="macroName parameter"),
but that won't work with <<tiddler>>.

Instead, rename your current [[SiteTitle]] to something like
[[CustomTitles]], then use the following in [[SiteTitle]]:
<<tiddler
[[templateTiddler]]
with:{{store.getTiddlerText("CustomTitles##Changing")}}
>>
(You'll have to adjust "templateTiddler", of course.)

HTH.


-- F.

wolfgang

unread,
Jun 10, 2008, 3:53:57 PM6/10/08
to TiddlyWiki
> Not exactly a minimal testcase, but anyway...

Sorry, but it is - with only the 14 tiddlers which are at the heard of
the task at hand: changing the site title with each theme switch -
while creating a popup menu right there - and from which further theme
switches can be made. And as it is working at http://change.tiddlyspot.com/

> Instead, rename your current [[SiteTitle]] to something like
> [[CustomTitles]], then use the following in [[SiteTitle]]:
> <<tiddler
> [[templateTiddler]]
> with:{{store.getTiddlerText("CustomTitles##Changing")}}
> >>
> (You'll have to adjust "templateTiddler", of course.)


Tried your new suggestion - but just as before this doesn't work
(http://vipa.tiddlyspot.com/). Even if it would have - that still
wouldn't help with my objective of cutting down the number of hundred
PageTemplate tiddlers. Because this method would now need a hundred
SiteTitle tiddlers instead.

Anyway, thanks for your repeated efforts trying to help. But in this
case - as it is impossible to transclude this way in templates - I'll
have to live with the hundred PageTemplates. Not such a big deal.

Regards,

W.

wolfgang

unread,
Jun 22, 2008, 7:01:58 AM6/22/08
to TiddlyWiki
> It's a work in progress, and I haven't been able to solve some errors
> yet, despite much efforts. Therefore, any help, suggestions, comments
> or questions are welcome and much appreciated.
>
> Example:
>
> # I tryed to use ToggleTiddlerTags script with a command in the
> toolbar for having tags not displayed by default. And dispite having
> placed:
> config.options.chkHideTiddlerTags = true;
> - in a systemConfig tagged tiddler, it still takes two further clicks
> to have them hidden
>

I'm still left wondering why these hard-coded options don't stick with
Eric's onclick ToggleTiddlerTags bookmarklet at http://change.tiddlyspot.com/
?

Any suggestion?

Regards,

W.

wolfgang

unread,
Jul 5, 2008, 9:04:03 PM7/5/08
to TiddlyWiki
Is there any way to use transclusion with the StyleSheetColors
shadowed tiddler?

For example, by replacing each occurance of ColorPalette with a
substitution marker:
[color:[[ColorPalette::PrimaryDark]];} to {color:
[[$1::PrimaryDark]];}

- it's possible to write in a SecondaryStyleSheet tiddler the 'tiddler
with parameters macro':
<<tiddler StyleSheetColors with: AnyPalette>>

- which works in that the markers appear replaced with the desired
TiddlerName::TiddlerSlice

However, this SecondaryStyleSheet tiddler transcluded in the
systemTheme tiddler with double braclets:
[[SecondaryStyleSheet]]

- doesn't gives the desired result, and the colors of AnyPalette
aren't applied. :-(


Is there any other way to change a ColorPalette with a systemTheme
switch - without having to write for each systemTheme tiddler a
separate and complete StyleSheetColors tiddler?

Regards,

W.

PS.: I would need it for these themes: http://change.tiddlyspot.com/#pale
Reply all
Reply to author
Forward
0 new messages