cmari,
I've been wishing for something like this - thanks! However, I think it
> doesn't work with your Tablinks.
>
Ok, here's a solution for both regular tabs as well as tablinks (...and, by
the way, it omits the need for the *tag *in the tiddler by simply using a
div (doh!) )
<div class="foo">
<<tabs "one two three four" "one">>
</div>
<style>
.foo .tc-tab-buttons button:nth-of-type(1) {background:blue;}
.foo .tc-tab-buttons button:nth-of-type(2) {background:red;}
.foo .tc-tab-buttons button:nth-of-type(3) {background:green;}
.foo .tc-tab-buttons button:nth-of-type(4) {background:yellow;}
</style>
BTW... what IS with the colored tabs? Why do people want this???
<:-)
On Saturday, January 21, 2017 at 4:30:33 PM UTC-8, Mat wrote:
>
> On Saturday, January 21, 2017 at 7:29:38 PM UTC+1, Odder wrote:
>>
>> I have a tebmenu with 6 tabs and I want each tab with a different
>> background-color? Is this possible maybe with css?
>> Odder
>>
>
> Yes, unless I misunderstand you.
>
> title:whateveryouwant
> tags:colortabs
>
> <<tabs "one two three four" "one">>
>
> <style>
> .tc-tagged-colortabs .tc-tab-buttons button:nth-child(1) {background:blue
> ;}
> .tc-tagged-colortabs .tc-tab-buttons button:nth-child(2) {background:green
> ;}
> .tc-tagged-colortabs .tc-tab-buttons button:nth-child(3) {background:
> yellow;}
> .tc-tagged-colortabs .tc-tab-buttons button:nth-child(4) {background:red;}
> </style>
>
> The reason you need the tag "colortabs" is to prevent the styling from
> affecting all tabs in the TW. Instead you can then use .tc-tagged-colortabs
> to limitit it to that particular tiddler.
>
> Generally, you'd not want to put the styles in the tiddler itself but in a
> separate stylesheet tiddler, i.e any tiddler with the tag
> "$:/tags/Stylesheet". And you omit the <style> tags there, just put the
> lines starting with .tc-tagged..... etc
>
> <:-)
>
--
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 https://groups.google.com/group/tiddlywiki.
To view this discussion on the web visit
https://groups.google.com/d/msgid/tiddlywiki/a4b8159c-b7bb-4cfc-9180-fde5482ce9f5%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.
