Template:Software inline: Difference between revisions

From Valve Developer Community
Jump to navigation Jump to search
(No need for a standard color anymore. Also additional optimization)
(I think we don't need an option with a dark background. Since the color option will be used rarely, the background+color option will be used even less often. Plus even more optimization and fixes.)
Line 1: Line 1:
<includeonly><onlyinclude><span style="white-space:nowrap; display:inline-flex; gap:.35ch; align-items:baseline; direction:{{Text-dir|ltr=ltr|rtl=rtl}}; {{#switch:{{{2|}}}|2=border-radius:4px; padding:2px; background:#00000055}}">{{#switch:{{{1|}}}|name=|#default={{#if:{{{icon|}}}|<span style="position:relative; top:-1px; user-select:none; line-height:{{#if:{{{icon size|}}}|{{{icon size}}}|16}}px; height:{{#if:{{{icon size|}}}|{{{icon size}}}|16}}px">[[File:{{{icon}}}|{{#if:{{{icon size|}}}|{{{icon size}}}|16}}px|link={{#switch: {{#titleparts:{{{link|}}}|1|1}}|Ext={{#titleparts:{{{link|}}}||2}}|#default={{{link|}}}}}]]</span>}}}}{{#switch:{{{1|}}}|icon=|#default=<span style="line-height:16px; {{#switch:{{{2|}}}|1|2=font-weight:bold}}">{{#switch:{{#titleparts:{{{link|}}}|1|1}}|={{{name|}}}|Ext=[{{#titleparts:{{{link|}}}||2}} <span {{#switch:{{{2|}}}|1|2=style="color:{{{color|#5081D1}}}"}}>{{{name|}}}</span>]|#default=[[:{{{link|}}}|<span {{#switch:{{{2|}}}|1|2=style="color:{{{color|#5081D1}}}"}}>{{{name|}}}</span>]]}}<wbr></span>}}</span></onlyinclude></includeonly>
<includeonly><onlyinclude><span dir="{{Text-dir|ltr=ltr|rtl=rtl}}" style="white-space:nowrap">{{#switch:{{{1|}}}|name=|#default={{#if:{{{icon|}}}|<span style="position:relative; top:-1px; user-select:none; line-height:{{#if:{{{icon size|}}}|{{{icon size}}}px;height:{{{icon size}}}|16px;height:16}}px">[[File:{{{icon}}}|{{#if:{{{icon size|}}}|{{{icon size}}}|16}}px|link={{#switch: {{#titleparts:{{{link|}}}|1|1}}|Ext={{#titleparts:{{{link|}}}||2}}|#default={{{link|}}}}}]]</span>{{#switch:{{{1|}}}|icon=|#default=<span style="user-select:none"> </span>}}}}}}{{#switch:{{{1|}}}|icon=|#default=<span style="line-height:16px; {{#switch:{{{2|}}}|colored=font-weight:bold}}">{{#switch:{{#titleparts:{{{link|}}}|1|1}}|={{{name|}}}|Ext=[{{#titleparts:{{{link|}}}||2}} <span style="{{#switch:{{{2|}}}|colored=color:{{{color|#5081D1}}}}}">{{{name|}}}</span>]|#default=[[:{{{link|}}}|<span style="{{#switch:{{{2|}}}|colored=color:{{{color|#5081D1}}}}}">{{{name|}}}</span>]]}}<wbr></span>}}</span></onlyinclude></includeonly>
This template is an improved and simplified version of template [[Template:Software]].
This template is an improved and simplified version of template [[Template:Software]].


Line 59: Line 59:
}}
}}
{{tr|
{{tr|
  {{td| {{Code|<nowiki>{{Portal2|1}}</nowiki>}} }}
  {{td| {{Code|<nowiki>{{Portal2|colored}}</nowiki>}} }}
  {{td| This is {{Software inline|1|1|color=#23B1E5|icon=Portal2-16px.png|link=Portal 2|name=Portal 2}}! }}
  {{td| This is {{Software inline|colored|colored|color=#23B1E5|icon=Portal2-16px.png|link=Portal 2|name=Portal 2}}! }}
  {{td| Link with style № 1. }}
  {{td| Link with colored text. }}
}}
}}
{{tr|
{{tr|
  {{td| {{Code|<nowiki>{{Portal2|2}}</nowiki>}} }}
  {{td| {{Code|<nowiki>{{Portal2|name|colored}}</nowiki>}} }}
  {{td| This is {{Software inline|2|2|color=#23B1E5|icon=Portal2-16px.png|link=Portal 2|name=Portal 2}}! }}
  {{td| This is {{Software inline|name|colored|color=#23B1E5|icon=Portal2-16px.png|link=Portal 2|name=Portal 2}}! }}
  {{td| Link with style № 2. }}
  {{td| Link without icon and with colored text. }}
}}
{{tr|
  {{td| {{Code|<nowiki>{{Portal2|name|1}}</nowiki>}} }}
  {{td| This is {{Software inline|name|1|color=#23B1E5|icon=Portal2-16px.png|link=Portal 2|name=Portal 2}}! }}
  {{td| Link without icon and with style № 1. }}
}}
{{tr|
  {{td| {{Code|<nowiki>{{Portal2|icon|2}}</nowiki>}} }}
  {{td| This is {{Software inline|icon|2|color=#23B1E5|icon=Portal2-16px.png|link=Portal 2|name=Portal 2}}! }}
  {{td| Clickable Icon with style № 2. }}
}}
}}
{{tr|
{{tr|
Line 84: Line 74:
}}
}}
{{tr|
{{tr|
  {{td| {{Code|<nowiki>{{Hl2|1|mode=short}}</nowiki>}} }}
  {{td| {{Code|<nowiki>{{Hl2|colored|mode=short}}</nowiki>}} }}
  {{td| This is {{Software inline|1|1|color=#FFCC14|icon=Hl2-16px.png|link=Half-Life 2|name={{#switch:short|short=HL2|#default=Half-Life 2}} }}! }}
  {{td| This is {{Software inline|colored|colored|color=#FFCC14|icon=Hl2-16px.png|link=Half-Life 2|name={{#switch:short|short=HL2|#default=Half-Life 2}} }}! }}
  {{td| Link with style № 1 and custom display mode “short”. }}
  {{td| Link with colored text and custom display mode “short”. }}
}}
}}
{{tr|
{{tr|
  {{td| {{Code|<nowiki>{{Hammer|1}}</nowiki>}} }}
  {{td| {{Code|<nowiki>{{Hammer|colored}}</nowiki>}} }}
  {{td| This is {{Software inline|1|1|color=#6165AD|icon=Hammer-16px.png|link=Valve Hammer Editor|name=Hammer}}! }}
  {{td| This is {{Software inline|colored|colored|color=#6165AD|icon=Hammer-16px.png|link=Valve Hammer Editor|name=Hammer}}! }}
  {{td| Link with style № 1. }}
  {{td| Link with colored text. }}
}}
}}
{{tr|
{{tr|
Line 97: Line 87:
  {{td| This is {{Software inline|color=#6165AD|icon=Hammer-16px.png|link=Valve Hammer Editor|name={{#switch:full|full=Valve Hammer Editor|#default=Hammer}} }}! }}
  {{td| This is {{Software inline|color=#6165AD|icon=Hammer-16px.png|link=Valve Hammer Editor|name={{#switch:full|full=Valve Hammer Editor|#default=Hammer}} }}! }}
  {{td| Link with custom display mode “full”. }}
  {{td| Link with custom display mode “full”. }}
}}
{{tr|
  {{td| {{Code|<nowiki>{{Hammer|2|mode=full}}</nowiki>}} }}
  {{td| This is {{Software inline|2|2|color=#6165AD|icon=Hammer-16px.png|link=Valve Hammer Editor|name={{#switch:full|full=Valve Hammer Editor|#default=Hammer}} }}! }}
  {{td| Link with style № 2 and custom display mode “full”. }}
}}
}}
{{tr|
{{tr|
Line 119: Line 104:
}}
}}
{{tr|
{{tr|
  {{td| {{Code|<nowiki>{{Portal2|1|link=games}}</nowiki>}} }}
  {{td| {{Code|<nowiki>{{Portal2|colored|link=games}}</nowiki>}} }}
  {{td| This is {{Software inline|1|1|color=#23B1E5|icon=Portal2-16px.png|link={{#switch:games|games=Category:Portal 2 engine branch games|#default=Portal 2}}|name=Portal 2}}! }}
  {{td| This is {{Software inline|colored|colored|color=#23B1E5|icon=Portal2-16px.png|link={{#switch:games|games=Category:Portal 2 engine branch games|#default=Portal 2}}|name=Portal 2}}! }}
  {{td| Custom link leading to a place defined by the word “games” (In this case, this is a link to “Category:Portal 2 engine branch games”). }}
  {{td| Custom link leading to a place defined by the word “games” (In this case, this is a link to “Category:Portal 2 engine branch games”). }}
}}
}}
Line 134: Line 119:
}}
}}
{{tr|
{{tr|
  {{td| {{Code|<nowiki>{{Portal2|1|icon size=32}}</nowiki>}} }}
  {{td| {{Code|<nowiki>{{Portal2|colored|icon size=32}}</nowiki>}} }}
  {{td| This is {{Software inline|1|1|icon size=32|color=#23B1E5|icon=Portal2-16px.png|link=Portal 2|name=Portal 2}}! }}
  {{td| This is {{Software inline|colored|colored|icon size=32|color=#23B1E5|icon=Portal2-16px.png|link=Portal 2|name=Portal 2}}! }}
  {{td| Link with style № 1 and custom icon size. }}
  {{td| Link with colored text and custom icon size. }}
}}
}}
{{tr|
{{tr|

Revision as of 02:20, 21 June 2024

This template is an improved and simplified version of template Template:Software.

Note.pngNote:Two template styling options (colored text) were left as something that could be used in some situations, but not everywhere.
Note.pngNote:All links are colored in the color of the visited link, since external links and links to Wikipedia become more difficult to read after visiting. If you have a better color for this situation, simply replace all occurrences of the color #5081D1 in the template code.

Parameters

  • {{{1}}}, {{{2}}} – specially prepared code is written into these parameters for the convenient ability to select styles and display type in child templates (see example below).
  • {{{name}}} – The name that will be displayed. It is recommended to use the String template in this parameter to add a name translation.
  • {{{link}}} – The link that will be used. It is recommended to combine this parameter with #switch: if you want to add the ability to specify more than one link. For example, links to categories related to this game.
  • {{{icon}}} – An icon that will be displayed next to the game name. Also clickable. You only need to enter the name and format of the image, for example, SomeImage.png
  • {{{icon size}}} – icon size (default is 16px). Only accepts px. In this parameter the same parameter is specified for the ability to specify the size of the icon in child templates.
  • {{{color}}} – The color that is used for certain styles of this template. Supports hex, rgb, hsl, etc.

Example

Template:Portal2 (not the actual one)
  1.  
  2.  
  3.  
  4.  
  5.  
  6.  
  7.  
  8.  
  9.  
{{Software inline | {{{1|}}} | {{{2|{{{1|}}}}}} | color = #23B1E5 | icon = Portal2-16px.png | icon size = {{{icon size|}}} | link = {{{link|Portal 2}}} | name = {{{String|en=Portal 2|ru=Портал 2}} }}

Child Usage

These examples are written directly using this template, since the {{Portal2}}, {{Hl2}}, {{Hammer}} and other templates do not currently use this template as their base.