[tw] Re: CSS of macros?
Well, the :hover pseudo-class is one of the things I'm looking for. As for mouseclicking.. I forgot what the focus means but the example shows that it's somewhat like onclick. Yeah, thanks, this is actually enough since there's no need to inspect this, just if it looks not properly, we can set it manually. On 13 ноя, 23:55, PMario pmari...@gmail.com wrote: On Nov 12, 6:36 pm, Yakov yakov.litvin.publi...@gmail.com wrote: However, it doesn't allow me to study which styles are applied after onClick, onFocus and ~onUnfocus (I don't remember how it is called). Some JavaScript controls this, but I haven't got how to inspect this. Do you meanhttp://www.w3schools.com/css/css_pseudo_classes.asp Inspecting this is tricky. I don't know. -m -- You received this message because you are subscribed to the Google Groups TiddlyWiki group. To post to this group, send email to tiddlyw...@googlegroups.com. To unsubscribe from this group, send email to tiddlywiki+unsubscr...@googlegroups.com. For more options, visit this group at http://groups.google.com/group/tiddlywiki?hl=en.
[tw] Re: CSS of macros?
On Nov 12, 6:36 pm, Yakov yakov.litvin.publi...@gmail.com wrote: However, it doesn't allow me to study which styles are applied after onClick, onFocus and ~onUnfocus (I don't remember how it is called). Some JavaScript controls this, but I haven't got how to inspect this. Do you mean http://www.w3schools.com/css/css_pseudo_classes.asp Inspecting this is tricky. I don't know. -m -- You received this message because you are subscribed to the Google Groups TiddlyWiki group. To post to this group, send email to tiddlyw...@googlegroups.com. To unsubscribe from this group, send email to tiddlywiki+unsubscr...@googlegroups.com. For more options, visit this group at http://groups.google.com/group/tiddlywiki?hl=en.
[tw] Re: CSS of macros?
Yes, Firebug works perfectly. I got that tabs consist of div class=tabsetWrapper wrapping div class=tabset which contains bookmarks (div) with classes tab, tabSelected/tabUnselected and div class=tabContents this is enough and Firebug is quite general solution. However, it doesn't allow me to study which styles are applied after onClick, onFocus and ~onUnfocus (I don't remember how it is called). Some JavaScript controls this, but I haven't got how to inspect this. On 10 ноя, 22:44, PMario pmari...@gmail.com wrote: Firebug shows allmost everything, DOM, css, scripts, what ever you want. If you open firebug, the first icon, next to the bug, is the inspector activator. If you hover over the site elements, and click one. it is selected. The DOM CSS . shows up and a lot of usefull info :) And the nice thing is, that everything can be edited on the fly, to see what happens. If you have troubles. Let me know. May be I make a short video :) On Nov 10, 6:25 pm, Yakov yakov.litvin.publi...@gmail.com wrote: One more important question: the style of tabs. Well, if I install Firebug I can watch it myself; anyway, it's worth mentioning in here. The core grey style is somewhat quite limited for use) The ColorPalette tiddler can be changed. The tabs are using this settings. Have a look at StyleSheetLayout, StyleSheetColor to get the default values. -m -- You received this message because you are subscribed to the Google Groups TiddlyWiki group. To post to this group, send email to tiddlyw...@googlegroups.com. To unsubscribe from this group, send email to tiddlywiki+unsubscr...@googlegroups.com. For more options, visit this group at http://groups.google.com/group/tiddlywiki?hl=en.
[tw] Re: CSS of macros?
Aha. So, it's the button class. Thanks. Ehm.. I haven't tried FireBug yet, but I have a question: does it show all the document basing on DOM and without any scripts? I mean, when I hit ctrl+u in Opera, I get just the source code and of course nothing that's generated by TW scripts.. As I can see, only classes-based CSS is available while the @@..@@ wrappings do not the work. Ok. Also, do you know how to change CSS of onfocus and onclick state of buttons? (I know, event, not state, whatever) On 9 ноя, 23:01, PMario pmari...@gmail.com wrote: Hi, A working testcase can be found at TeamWork [1] [SliderButtonCSS] tiddler contains: {{myCSS{slider chSliderXX SliderButtonCSS##section1 click me, I am a slider some help text}}} !section1 This is text inside a slider !end /*-- copy this to your StyleSheet --*/ .myCSS .button { border: 1px solid green; display: block; } If you have a look with eg: Firebug, and inspect the slider button, you will see, every slider has a class=button which can be changed globally, if you want by .button {} But this will have a lot of side effects :) thats why a wrapper {{myCSS{}}} is needed. -m PS: firebug helps a lot [1]http://hoster.peermore.com/recipes/TeamWork/tiddlers.wiki#SliderButto... On Nov 9, 8:17 pm, Yakov yakov.litvin.publi...@gmail.com wrote: So, many macros that add an element to a document make the same button. Can I switch it's CSS somehow? To make this clearer, let's consider the slider macro. For instance, if I add just __ around the macro, like this: __slider ...__ than all the content which opens after clicking the button gets underlined. So, can I change the button's style without causing the content to change? Or, is it rather the slider's problem and I can use usual styling for all others without such side effects? Do ~all macros make and input element so that it is enough to make a .myMacroStyling input { ... } line in CSS to be able to change them all? Thanks, Yakov. -- You received this message because you are subscribed to the Google Groups TiddlyWiki group. To post to this group, send email to tiddlyw...@googlegroups.com. To unsubscribe from this group, send email to tiddlywiki+unsubscr...@googlegroups.com. For more options, visit this group at http://groups.google.com/group/tiddlywiki?hl=en.
[tw] Re: CSS of macros?
One more important question: the style of tabs. Well, if I install Firebug I can watch it myself; anyway, it's worth mentioning in here. The core grey style is somewhat quite limited for use) On 10 ноя, 20:17, Yakov yakov.litvin.publi...@gmail.com wrote: Aha. So, it's the button class. Thanks. Ehm.. I haven't tried FireBug yet, but I have a question: does it show all the document basing on DOM and without any scripts? I mean, when I hit ctrl+u in Opera, I get just the source code and of course nothing that's generated by TW scripts.. As I can see, only classes-based CSS is available while the @@..@@ wrappings do not the work. Ok. Also, do you know how to change CSS of onfocus and onclick state of buttons? (I know, event, not state, whatever) On 9 ноя, 23:01, PMario pmari...@gmail.com wrote: Hi, A working testcase can be found at TeamWork [1] [SliderButtonCSS] tiddler contains: {{myCSS{slider chSliderXX SliderButtonCSS##section1 click me, I am a slider some help text}}} !section1 This is text inside a slider !end /*-- copy this to your StyleSheet --*/ .myCSS .button { border: 1px solid green; display: block; } If you have a look with eg: Firebug, and inspect the slider button, you will see, every slider has a class=button which can be changed globally, if you want by .button {} But this will have a lot of side effects :) thats why a wrapper {{myCSS{}}} is needed. -m PS: firebug helps a lot [1]http://hoster.peermore.com/recipes/TeamWork/tiddlers.wiki#SliderButto... On Nov 9, 8:17 pm, Yakov yakov.litvin.publi...@gmail.com wrote: So, many macros that add an element to a document make the same button. Can I switch it's CSS somehow? To make this clearer, let's consider the slider macro. For instance, if I add just __ around the macro, like this: __slider ...__ than all the content which opens after clicking the button gets underlined. So, can I change the button's style without causing the content to change? Or, is it rather the slider's problem and I can use usual styling for all others without such side effects? Do ~all macros make and input element so that it is enough to make a .myMacroStyling input { ... } line in CSS to be able to change them all? Thanks, Yakov. -- You received this message because you are subscribed to the Google Groups TiddlyWiki group. To post to this group, send email to tiddlyw...@googlegroups.com. To unsubscribe from this group, send email to tiddlywiki+unsubscr...@googlegroups.com. For more options, visit this group at http://groups.google.com/group/tiddlywiki?hl=en.
[tw] Re: CSS of macros?
Firebug shows allmost everything, DOM, css, scripts, what ever you want. If you open firebug, the first icon, next to the bug, is the inspector activator. If you hover over the site elements, and click one. it is selected. The DOM CSS . shows up and a lot of usefull info :) And the nice thing is, that everything can be edited on the fly, to see what happens. If you have troubles. Let me know. May be I make a short video :) On Nov 10, 6:25 pm, Yakov yakov.litvin.publi...@gmail.com wrote: One more important question: the style of tabs. Well, if I install Firebug I can watch it myself; anyway, it's worth mentioning in here. The core grey style is somewhat quite limited for use) The ColorPalette tiddler can be changed. The tabs are using this settings. Have a look at StyleSheetLayout, StyleSheetColor to get the default values. -m -- You received this message because you are subscribed to the Google Groups TiddlyWiki group. To post to this group, send email to tiddlyw...@googlegroups.com. To unsubscribe from this group, send email to tiddlywiki+unsubscr...@googlegroups.com. For more options, visit this group at http://groups.google.com/group/tiddlywiki?hl=en.
[tw] Re: CSS of macros?
Hi, A working testcase can be found at TeamWork [1] [SliderButtonCSS] tiddler contains: {{myCSS{slider chSliderXX SliderButtonCSS##section1 click me, I am a slider some help text}}} !section1 This is text inside a slider !end /*-- copy this to your StyleSheet --*/ .myCSS .button { border: 1px solid green; display: block; } If you have a look with eg: Firebug, and inspect the slider button, you will see, every slider has a class=button which can be changed globally, if you want by .button {} But this will have a lot of side effects :) thats why a wrapper {{myCSS{}}} is needed. -m PS: firebug helps a lot [1] http://hoster.peermore.com/recipes/TeamWork/tiddlers.wiki#SliderButtonCSS On Nov 9, 8:17 pm, Yakov yakov.litvin.publi...@gmail.com wrote: So, many macros that add an element to a document make the same button. Can I switch it's CSS somehow? To make this clearer, let's consider the slider macro. For instance, if I add just __ around the macro, like this: __slider ...__ than all the content which opens after clicking the button gets underlined. So, can I change the button's style without causing the content to change? Or, is it rather the slider's problem and I can use usual styling for all others without such side effects? Do ~all macros make and input element so that it is enough to make a .myMacroStyling input { ... } line in CSS to be able to change them all? Thanks, Yakov. -- You received this message because you are subscribed to the Google Groups TiddlyWiki group. To post to this group, send email to tiddlyw...@googlegroups.com. To unsubscribe from this group, send email to tiddlywiki+unsubscr...@googlegroups.com. For more options, visit this group at http://groups.google.com/group/tiddlywiki?hl=en.