More distinguishable tiddlers?

36 views
Skip to first unread message

Nunud

unread,
Jun 10, 2011, 8:55:12 AM6/10/11
to tiddl...@googlegroups.com
Hi!

Do you guys know of a plugin that would make it easier to visually distinguish between tiddlers?

Something that would make them look more like this image here:

whatever

unread,
Jun 10, 2011, 10:25:17 AM6/10/11
to tiddl...@googlegroups.com
That's more about the stylesheet/theme than it is about a plugin. See TiddlyThemes (1), perhaps you'll find a theme that's to your liking. Otherwise you need to change CSS.

(1) http://tiddlythemes.com/#Home

w

Nunud

unread,
Jun 10, 2011, 11:15:55 AM6/10/11
to tiddl...@googlegroups.com
Hey!

Thanks fot the quick answer!  :-)

Unfortunately none of the themes matches my idea...

Is it hard for a noob to change CSS?

PMario

unread,
Jun 10, 2011, 12:04:15 PM6/10/11
to TiddlyWiki
Hi,

Download a vanilla TW [1].
Add the following code to your StyleSheet [2] tiddler.
The values are set at the ColorPalette [3] shadow tiddler.

/*{{{*/
body {
background: [[ColorPalette::TertiaryLight]];
}

/* give tiddlers 3d style border and explicit background */
.tiddler {
background: [[ColorPalette::Background]];
border-right: 2px [[ColorPalette::TertiaryMid]] solid;
border-bottom: 2px [[ColorPalette::TertiaryMid]] solid;
margin-bottom: 1em;
padding:1em 2em 2em 1.5em;
}
/*}}}*/

If you need more info, tell us.
The ColorPalette affects the whole TW. So some care is needed.

have fun!
mario

[1] http://tiddlywiki.com/
[2] http://tiddlywiki.com/#ColorPalette
[3] http://tiddlywiki.com/#StyleSheet

Nunud

unread,
Jun 10, 2011, 12:09:19 PM6/10/11
to tiddl...@googlegroups.com
It works thank you!  ;°)

Would be nice if the background was light blue though! ;°)

axs

unread,
Jun 10, 2011, 3:36:06 PM6/10/11
to tiddl...@googlegroups.com
just do

body {
background: lightBlue;
}

then :)

Nunud

unread,
Jun 10, 2011, 4:31:54 PM6/10/11
to tiddl...@googlegroups.com
Yup! But that makes the tiddlers blue as well!

What if I replaced 'TerctaryMid' in Whatever's code with lightBlue each time?

Hmmmm... I'll try it on a blank wiki, and I'll get back ti you guys, to tell you if it worked! x-))

Nunud

unread,
Jun 10, 2011, 4:33:35 PM6/10/11
to tiddl...@googlegroups.com
Nope! Didn't work as expected! x-)

axs

unread,
Jun 10, 2011, 4:46:18 PM6/10/11
to tiddl...@googlegroups.com
did you add PMario's code AFTER the lightBlue code?

/* give tiddlers 3d style border and explicit background */ 
.tiddler { 
background: [[ColorPalette::Background]]; 
border-right: 2px [[ColorPalette::TertiaryMid]] solid; 
border-bottom: 2px [[ColorPalette::TertiaryMid]] solid; 
margin-bottom: 1em; 
padding:1em 2em 2em 1.5em; 
} 
/*}}}*/ 


adding this after the body CSS will change the tiddler background but keep the lightblue on the body.

Regards,
axs

Nunud

unread,
Jun 10, 2011, 5:11:57 PM6/10/11
to tiddl...@googlegroups.com
Nope, I just added the lightBlue code afterwards, sorry! x-D

So, if I paste the code below, in that order,it should work fine right?

body {
background: lightBlue;
}
/*{{{*/ 
body { 
background: [[ColorPalette::TertiaryLight]]; 
} 

Nunud

unread,
Jun 10, 2011, 5:18:43 PM6/10/11
to tiddl...@googlegroups.com
Oh Sorry PMario, I credited whatever for your code!

Nunud

unread,
Jun 10, 2011, 5:20:36 PM6/10/11
to tiddl...@googlegroups.com
Hmmm... :-/

Don't get it... I entered the codes in the right order, but the background is still grey...

I apologize if my requests seem trivial to you guys, but I really don't know nothing about CSS!

axs

unread,
Jun 10, 2011, 5:22:37 PM6/10/11
to tiddl...@googlegroups.com
Almost...get rid of the second body background definition, like so:


/*{{{*/ 
body {
background: lightBlue;
}

/* give tiddlers 3d style border and explicit background */ 
.tiddler { 
background: [[ColorPalette::Background]]; 
border-right: 2px [[ColorPalette::TertiaryMid]] solid; 
border-bottom: 2px [[ColorPalette::TertiaryMid]] solid; 
margin-bottom: 1em; 
padding:1em 2em 2em 1.5em; 
} 
/*}}}*/



Regards,
axs

Nunud

unread,
Jun 10, 2011, 5:32:12 PM6/10/11
to tiddl...@googlegroups.com
It works!!! Thanks man! YEEEEHAAAA!!!

That is one beautiful wiki I say! x-)

Thank you all! ;-)
Reply all
Reply to author
Forward
0 new messages