[tw] Re: [TW5] How to display a background gradient

2014-09-08 Thread Ton Gerner 
Hi dlu...@emich.edu,

Assume you want a h3 heading with white text color and a vertical red to 
blue gradient background.

Creat a tiddler tagged with $:/tags/stylesheet containing:

h3 {
 color: white;
 background: background-linear-gradient red, blue
)

Now every h3 heading uses white text color and a red to blue background 
gradient.

For more information about gradients see [1]

Cheers,

Ton

[1] http://www.w3schools.com/css/css3_gradients.asp


On Monday, September 8, 2014 5:37:44 PM UTC+2, dlu...@emich.edu wrote:

 I can't find any simple or easy to follow instructions on how to create a 
 background gradient in TW5. Can someone help me out? Thanks


-- 
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 tiddlywiki+unsubscr...@googlegroups.com.
To post to this group, send email to tiddlywiki@googlegroups.com.
Visit this group at http://groups.google.com/group/tiddlywiki.
For more options, visit https://groups.google.com/d/optout.

[tw] Re: [TW5] How to display a background gradient

2014-09-08 Thread RickL 
Great idea for highlighting tiddler titles!
Is there a way to highlight only the text, and not have the gradient bar 
running all across the tiddler?
Thanks


On Monday, September 8, 2014 12:57:15 PM UTC-4, Ton Gerner wrote:

 Hi dlu...@emich.edu,

 Assume you want a h3 heading with white text color and a vertical red to 
 blue gradient background.

 Creat a tiddler tagged with $:/tags/stylesheet containing:

 h3 {
  color: white;
  background: background-linear-gradient red, blue
 )

 Now every h3 heading uses white text color and a red to blue background 
 gradient.

 For more information about gradients see [1]

 Cheers,

 Ton

 [1] http://www.w3schools.com/css/css3_gradients.asp


 On Monday, September 8, 2014 5:37:44 PM UTC+2, dlu...@emich.edu wrote:

 I can't find any simple or easy to follow instructions on how to create a 
 background gradient in TW5. Can someone help me out? Thanks



-- 
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 tiddlywiki+unsubscr...@googlegroups.com.
To post to this group, send email to tiddlywiki@googlegroups.com.
Visit this group at http://groups.google.com/group/tiddlywiki.
For more options, visit https://groups.google.com/d/optout.

[tw] Re: [TW5] How to display a background gradient

2014-09-08 Thread Stephan Hradek 


Am Montag, 8. September 2014 21:10:00 UTC+2 schrieb RickL:

 Great idea for highlighting tiddler titles!
 Is there a way to highlight only the text, and not have the gradient bar 
 running all across the tiddler?

 Do you understand CSS? Then I'd suggest to use Firefox and install its 
addon Firebug. This will allow you to inspect any displayed element and 
find out its CSS classes and structures. This will help you a lot in 
finding the correct css code to write.

If you do not (yet) understand CSS - give it a try. It's not so difficult.

-- 
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 tiddlywiki+unsubscr...@googlegroups.com.
To post to this group, send email to tiddlywiki@googlegroups.com.
Visit this group at http://groups.google.com/group/tiddlywiki.
For more options, visit https://groups.google.com/d/optout.