Template:Lgradient: Difference between revisions
No edit summary |
|||
| Line 9: | Line 9: | ||
=Examples= | =Examples= | ||
<div style="{{Lgradient|top|#000000 | <nowiki><div style="{{Lgradient|top|#000000,#F7F2E6}} padding:40px"> | ||
</div></nowiki> | |||
<div style="{{Lgradient|top|#000000,#F7F2E6}} padding:40px"> | |||
</div> | </div> | ||
<div style="{{Lgradient|left|#000000 | <nowiki><div style="{{Lgradient|left|#000000,#F7F2E6}} padding:40px"> | ||
</div></nowiki> | |||
<div style="{{Lgradient|left|#000000,#F7F2E6}} padding:40px"> | |||
</div> | </div> | ||
<nowiki><div style="{{Lgradient|left|#000000,#FFCC00 25%,#0000FF 50%,#CC0000 75%, #000000}} padding:40px"> | |||
</div></nowiki> | |||
<div style="{{Lgradient|left|#000000 | <div style="{{Lgradient|left|#000000,#FFCC00 25%,#0000FF 50%,#CC0000 75%, #000000}} padding:40px"> | ||
</div> | </div> | ||
[[Category:Utility Templates]] | [[Category:Utility Templates]] | ||
Revision as of 02:24, 29 June 2011
Usage
The template works by using two variables the first indicates the direction of the gradient top, left, right or bottom and the second specifies the colors.
{{Lgradient| direction |color 0%, intermediate colors, color 100%}}
Only the first and last colors need to be specified but any other colors can be added in between with a percent to indicate when they stop. The template works on FireFox and Chrome 10+ and should work on Saf5.1+, IE10, Opera 11.10+ although I haven't tested it in those browsers I got some of the code used off a reputable site that hasn't been wrong yet.
Examples
<div style="{{Lgradient|top|#000000,#F7F2E6}} padding:40px"> </div>
<div style="{{Lgradient|left|#000000,#F7F2E6}} padding:40px">
</div>
<div style="{{Lgradient|left|#000000,#FFCC00 25%,#0000FF 50%,#CC0000 75%, #000000}} padding:40px">
</div>
