Template:Linear-gradient/doc

From Moegirlpedia
Jump to: navigation, search

Takes contents from the same template on Wikipedia, [1], with some modifications.

A support template for Linear-gradient, to design text backgrounds with gradient colors. Usable on Firefox 3.6, Opera 11.10, Safari 5.1, Google Chrome 10, Internet Explorer 10 and newer versions.

Usage

{{linear-gradient|Direction of gradient|Color [stop],Color [stop],Color [stop]…|info= Nostalgia}}

  • Parameters
    1. There are 8 gradient directions
      • top (top-to-bottom)
      • bottom (vice versa)
      • left (left-to-right)
      • right (v. v.)
      • top left / left top (top left-to-bottom right)
      • top right / right top (v. v.)
      • bottom left / left bottom
      • bottom right / right bottom
    2. Colors are separated with a comma (,), and a minimum of 2 must be entered, otherwise it won't work.
    3. stop is optional, to define the position at which the color stops, in percentage
    4. info= is the content of the text

Examples

Normal use

  • {{linear-gradient|left|#ffdddd, #ddddff|info=Text}}
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  • {{linear-gradient|left|#ffdddd, #ddffdd 50%, #ddddff|info=Text}}
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  • {{linear-gradient|top|#ffdddd, #ddddff|info=Text}}
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lyrics

  • {{linear-gradient|bottom right|#ffdddd, #ddddff|info=T<br/>e<br/>x<br/>t}}
{{linear-gradient|bottom right|#ffdddd, #ddddff|info=Verse 1<br/>Verse 2<br/>Verse 3<br/>Verse 4}}
Verse 1
Verse 2
Verse 3
Verse 4

Multiple colors

{{linear-gradient|bottom|red, orange, yellow, green, blue|info=This is rainbow!}}
This is rainbow!

Width limit

<div style="width: 200px;>{{linear-gradient|left|red, orange, yellow, green, blue|info=This is rainbow!}}</div>
This is rainbow!


View · Talk · Edit
Formatting templates
Element settings
Element float
Float {{Float}} • Clear float {{Clear}} • Change float direction {{Clear2}} • Stacks {{Stack}}{{Stack begin}}{{Stack end}} • Flex {{flex}}
Columns
Inline {{Columns-list}} • Multi-columns {{Multicol}}{{Multicol-break}}{{Multicol-end}}
Align
{{Bottom}} • {{Center}}
Special characters
Concatenator{{Wj}}/&#x2060; • Zero-width space{{Zwsp}}/&#x200B; • Non-breaking space{{Nbsp}}/&nbsp;
Tables
Writing mode
Writing mode{{Writing-mode}} • Vertical text{{VText}} • Vertical page{{Tategaki}} • Mirrorized text{{MirrorText}}
Hover effect
{{Moe-hover}} • {{Hover}} • {{HoverInline}} • {{Hovers}} • {{TextHover}} • {{PicHover}}
Colors
Text color
Standard {{Color}} • Colored links {{Coloredlink}} • Color Ops {{ColorOps}} • Colored Japanese text {{Cj}}
Background color
Text and background color
Cross-color
{{Crosscolor}} • {{CrosscolorF}} • {{CrosscolorEyecare}} • {{Rainbow}}
Shadow
Linear-gradient styles
Color boxes
Formatting
Font
Emoji{{Emojifont}}
Text style
Fully functional {{Font}} • Outlines {{Border}}{{TextBox}} • Preformatted text {{Pre}}{{Code}} • Emphasis{{Text-emphasis}} • Upline{{Upline}} • Text outline {{text outline}} • Text outline 2 {{text outline 2}}
False
{{False block}} • {{False link}} • {{False hide}} • {{False link}}
Format
Invisible 0{{0}} • Crosstext{{Crosstext}} • Spaces/Repeat text{{Space}} • Padding{{Pad}} • Rounding{{Strformat}}
Memes
Blocked text {{Spoiler}} • Gray striked text {{jk}} • Blurred text{{Text blur}}
Phonetics
Ruby series
Standard {{Ruby}} • Shadow {{Rubyh}} • Simplified ruby{{Ruby+}} • Multi-line {{Ruby-begin}}{{Ruby-item}}{{Ruby-text-container}}{{Ruby-end}} • Separate characters {{Rubya}} • Ruby tag{{RawRuby}}
Others
Phonetic translation {{Photrans}} • Multi-phonetic translation {{Photrans2}} • Phonetic translation switch{{Photransa}} • Japanese name {{nihongo}}
Other
Formatter
Disambiguation {{Dis}}{{Dl}} • {{VA-CharaList}} • {{QuestionBox}} • {{UnicodeTable}}
Links and categories
Categorization {{Cate}}{{Moe points}} • Category name {{Catn}} • Interlanguage link {{Enlink}} • ISBN link {{ISBN}} • Hide redlink {{Link}} • Plain link {{Plain link}} • Black link {{Blnk}} • Colored link {{Coloredlink}} • Link language identifier {{Languageicon}}
Navboxes
Navboxes {{Navbox}}{{Navbox subgroup}}{{Navbox with columns}}{{Navbox with collapsible groups}}{{Navbar}} • Simple Daikazoku templates {{Daikazoku}}{{Daikazoku child}}{{Daikazoku row}}{{Linksplit}} • Horizontal list {{Hlist}}
Notation
Citation needed {{Citation needed}} • Deceased people {{Dead}}{{Dead-nolink}} • SupTemplate {{Supt}} • Game rating {{Game rating}} • CADPA Game rating {{CADPA rating}} • Quotes {{Cquote}}{{Quote frame}} • Notes {{Ps}}
Retrieved from "https://en.moegirl.org.cn/index.php?title=Template:Linear-gradient/doc&oldid=42290"