Template:Clickable button 2/doc

Template:Mbox No description yet available.

Usage

{{Clickable button 2 |text= |link= }}

⧼templatedata-doc-params⧽

Parameter	Description		Default	Status
text 2			Button	optional
title Titel			(link target)	optional
link 1			Main Page	required
icon			empty	optional
image Bild			empty	optional
color Farbe			empty	optional
padding			0.25em 0.5em	optional

Template data

Parameter text is empty <templatedata> {"description":{"de":"Diese Vorlage erlaubt es, auf einfache Weise (ohne HTML- oder CSS-Kenntnisse) Schaltflächen (Buttons) zu erstellen, welche die Verlinkung beliebiger Inhalte auf Wikipedia, sowie auf externen Seiten erlauben. Damit können z.B. Projekt- und Benutzerseiten visuell ansprechend präsentiert werden.\n\nZur grafischen Gestaltung stehen viele vordefinierte Icons zur Verfügung, alternativ können beliebige lokal gespeicherte oder auf Commons verfügbare Grafiken eingebunden werden. Weiterhin stellt die Vorlage drei verschiedene Farbschemata in mehreren Variationen zur Verfügung. Der Linktext kann beliebig mit Wikitext und/oder HTML/CSS gestaltet werden.","en":"This template allows creating buttons that link to Commons-internal pages, or external pages without HTML and CSS knowledge. Project or user pages can be visually enhanced using this button, for example.\n\nA bunch of predefined icons and, additionally any graphic hosted at Wikimedia Commons can be included to further enhance the User Experience (UX). On top of that, the template provides 3 different color schemas, each of them with different variants. The link text can be customized using wiki text and/or HTML/CSS."},"format":"inline","params":{"color":{"aliases":["Farbe"],"deprecated":false,"description":{"de":"Gibt ein Farbschema für den Button vor (z.B. \"color = blue\"). Mögliche Werte sind rot/red/blau/blue/grün/green, rot2/red2/blau2/blue2/grün2/green2 sowie rot3/red3/blau3/blue3/grün3/green3 (siehe entsprechenden Abschnitt in den Verwendungshinweisen).","en":"Specifies the color-scheme for the button (z.B. \"color = blue\"). Possible values are red/blue/green, red2/blue2/green2, and also red3/blue3/green3 or their German counterparts (see regarding section in usage notes)."},"label":"","required":false,"suggested":false,"type":"string"},"icon":{"deprecated":false,"description":{"de":"Der Name eines vordefinierten Icons, welches auf dem Button erscheinen soll (z.B. \"icon = refresh\" für  ) Siehe Liste der Icons in der Dokumentation dieser Vorlage.","en":"Name of a pre-defined icon, which should be shown on the button (e.g. \"icon = refresh\" for  ) See icon list in documentation of this template."},"label":"","required":false,"suggested":false,"type":"string"},"image":{"aliases":["Bild"],"deprecated":false,"description":{"de":"Ein auf Commons vorhandenes Bild, welches auf dem Button angezeigt werden soll. Die Einbindung erfolgt inklusive Größenangabe mit Wikisyntax (z.B. image = File:Checkmark.svg).","en":"A file on Commons and its dimensions. Inclusion using Wiki-Syntax (e.g. image = File:Checkmark.svg)."},"label":"","required":false,"suggested":false,"type":"string"},"link":{"aliases":["1"],"default":"Main Page","deprecated":false,"description":{"de":"Gibt das Linkziel an. Erlaubt ist\n* entweder ein Wikilink (ohne die doppelten Klammern …), z.B. einfach \"link = Wikipedia\" um auf die Seite der Wikipedia-Galerie zu gelangen, oder\n* ein externer Link (ohne die einfachen Klammern […]), z.B. einfach \"link = https://test.de\" um auf https://test.de zu verlinken.","en":"Specifies the link target:\n* Either a wiki link (without double square brackets …), e.g. simply \"link = Wikipedia\" for a link to the Wikipedia gallery page, or\n* an external link (without the square brackets […]), e.g. simply \"link = https://example.com\" for a link to https://example.com."},"label":"","required":true,"suggested":false,"type":"string/wiki-page-name"},"padding":{"default":"0.25em 0.5em","deprecated":false,"description":{"de":"Gibt den Abstand zwischen Inhalt (Text, Bild, Icon) und dem Rand des Buttons an. \"padding = 5px\" ergibt fünf Pixel breite Ränder auf allen Seiten. Werden zwei Werte angegeben (\"padding = 5px 5px\") gelten diese für oben/unten bzw. links/rechts, Werden vier Werte angegeben (\"padding = 5px 5px 5px 5px\") gelten diese für oben, rechts, unten bzw. links in dieser Reihenfolge.","en":"Specifies the padding between content (text, graphic, icon) and border of the button. If one value is given it coubts for all sides, Two values are for top/bottom and left/right respectively. Four values count for top, right, bottom and left in this order (e.g. \"padding = 5px 15px 10px 20px\")."},"label":"","required":false,"suggested":false,"type":"string"},"text":{"aliases":["2"],"default":"Button","deprecated":false,"description":{"de":"Der Text, den der Button enthalten soll. Der Linktext kann beliebig mit Wikitext und/oder HTML/CSS gestaltet werden. Es ist auch eine leere Angabe text= möglich, wenn der Button nur ein Icon oder Bild enthalten soll.","en":"The text the button should display. Can be customized using wiki text and/or HTML/CSS. Also an empty text parameter text= is permitted if only a graphic or an icon should be displayed."},"label":"","required":false,"suggested":false,"type":"string"},"title":{"aliases":["Titel"],"default":"(link target)","deprecated":false,"description":{"de":"Der Text, welcher als Tooltip erscheinen soll. Standardmäßig wird der Seitentitel (Wikilink) bzw. die URL (externer Link) angezeigt.","en":"Text for the tooltip. By default the page title (wiki links) or the URL (external inks) is displayed."},"label":"","required":false,"suggested":false,"type":"string"}},"sets":[]} </templatedata>

Additional information

The template is intended to be used in the following namespaces: all namespaces

The template is intended to be used by the following user groups: all users

Relies on:

• Module:FileUtil
• Module:URLutil

Example

{{Clickable button 2|link=Main page|text=Link to Main Page}}

renders as:

[[link=Main page|text=Link to Main Page|link=Main page|text=Link to Main Page]]

⧼Seealso⧽

• {{Button}} - just using CSS.
• {{Clickable button}} - previous attempt.

Localization

This template is not intended to be localized.

• Wikilinks, Interwikilinks and external links:
  {{Clickable button 2|link=Wikipedia|text= }}

{{Clickable button 2|link=:en:Wikipedia|text= }}

{{Clickable button 2|link=https://example.com|text= <kbd>https://example.com</kbd>}}
  
• '
  {{Clickable button 2|Wikipedia|Wikipedia-Galerie}}
{{Clickable button 2|1=Wikipedia|2=Wikipedia-Galerie}}
{{Clickable button 2|link=Wikipedia|text=Wikipedia-Galerie}}
  Wikipedia-Galerie
• Tooltips:
  {{Clickable button 2|link=:en:Wikipedia|text=''Wikipedia''|title= :-) }}
  ←

[[:mw:Special:MyLanguage/Help:Magic words#Parser functions|]] {{fullurl}}.

• {{fullurl:{{FULLPAGENAME}}}} https://dmw-wiki.biffify.com/wiki/index.php/Template:Clickable_button_2/doc

• {{fullurl:Hauptseite|action=purge}} → https://dmw-wiki.biffify.com/wiki/index.php?title=Hauptseite&action=purge
• {{fullurl:{{FULLPAGENAME}}|action=purge}} → https://dmw-wiki.biffify.com/wiki/index.php?title=Template:Clickable_button_2/doc&action=purge

{{Clickable button 2|link={{fullurl:{{FULLPAGENAME}}|action=purge}}|text=|icon=refresh}}

← 

• Icons
  {{Clickable button 2 | … |icon=mail-closed}} →
  {{Clickable button 2 | … |text=|icon=mail-closed}} →
  '
• '
  {{Clickable button 2 | … |image=[[File:checkmark.svg|18px]]}} →
  {{Clickable button 2 | … |text=|image=[[File:checkmark.svg|30px]]}} →

• :
  {{Clickable button 2 | … |color= }}
  
  
  
• Padding:
  

  {{Clickable button 2 | … |padding=0px}}
{{Clickable button 2 | … |padding=10px}}
{{Clickable button 2 | … |padding=20px}}
  

  
  

  {{Clickable button 2 | … |padding=20px 0px}}
{{Clickable button 2 | … |padding=0px 20px}}
  

  
  

  {{Clickable button 2 | … |padding=20px 0 0 0}}
{{Clickable button 2 | … |padding=0 0 20px 0}}
{{Clickable button 2 | … |padding=0 20px 0 0}}
{{Clickable button 2 | … |padding=0 0 0 20px}}
  

  
  

  
  

icon:

•   carat-1-n
•   carat-1-ne
•   carat-1-e
•   carat-1-se
•   carat-1-s
•   carat-1-sw
•   carat-1-w
•   carat-1-nw
•   carat-2-n-s
•   carat-2-e-w
•   triangle-1-n
•   triangle-1-ne
•   triangle-1-e
•   triangle-1-se
•   triangle-1-s
•   triangle-1-sw
•   triangle-1-w
•   triangle-1-nw
•   triangle-2-n-s
•   triangle-2-e-w
•   arrow-1-n
•   arrow-1-ne
•   arrow-1-e
•   arrow-1-se
•   arrow-1-s
•   arrow-1-sw
•   arrow-1-w
•   arrow-1-nw
•   arrow-2-n-s
•   arrow-2-ne-sw
•   arrow-2-e-w
•   arrow-2-se-nw
•   arrowstop-1-n
•   arrowstop-1-e
•   arrowstop-1-s
•   arrowstop-1-w
•   arrowthick-1-n
•   arrowthick-1-ne
•   arrowthick-1-e
•   arrowthick-1-se
•   arrowthick-1-s
•   arrowthick-1-sw
•   arrowthick-1-w
•   arrowthick-1-nw
•   arrowthick-2-n-s
•   arrowthick-2-ne-sw
•   arrowthick-2-e-w
•   arrowthick-2-se-nw
•   arrowthickstop-1-n
•   arrowthickstop-1-e
•   arrowthickstop-1-s
•   arrowthickstop-1-w
•   arrowreturnthick-1-w
•   arrowreturnthick-1-n
•   arrowreturnthick-1-e
•   arrowreturnthick-1-s
•   arrowreturn-1-w
•   arrowreturn-1-n
•   arrowreturn-1-e
•   arrowreturn-1-s
•   arrowrefresh-1-w
•   arrowrefresh-1-n
•   arrowrefresh-1-e
•   arrowrefresh-1-s
•   arrow-4
•   arrow-4-diag
•   extlink
•   newwin
•   refresh
•   shuffle
•   transfer-e-w
•   transferthick-e-w
•   folder-collapsed
•   folder-open
•   document
•   document-b
•   note
•   mail-closed
•   mail-open
•   suitcase
•   comment
•   person
•   print
•   trash
•   locked
•   unlocked
•   bookmark
•   tag
•   home
•   flag
•   calculator
•   cart
•   pencil
•   clock
•   disk
•   calendar
•   zoomin
•   zoomout
•   search
•   wrench
•   gear
•   heart
•   star
•   link
•   cancel
•   plus
•   plusthick
•   minus
•   minusthick
•   close
•   closethick
•   key
•   lightbulb
•   scissors
•   clipboard
•   copy
•   contact
•   image
•   video
•   script
•   alert
•   info
•   notice
•   help
•   check
•   bullet
•   radio-off
•   radio-on
•   pin-w
•   pin-s
•   play
•   pause
•   seek-next
•   seek-prev
•   seek-end
•   seek-first
•   stop
•   eject
•   volume-off
•   volume-on
•   power
•   signal-diag
•   signal
•   battery-0
•   battery-1
•   battery-2
•   battery-3
•   circle-plus
•   circle-minus
•   circle-close
•   circle-triangle-e
•   circle-triangle-s
•   circle-triangle-w
•   circle-triangle-n
•   circle-arrow-e
•   circle-arrow-s
•   circle-arrow-w
•   circle-arrow-n
•   circle-zoomin
•   circle-zoomout
•   circle-check
•   circlesmall-plus
•   circlesmall-minus
•   circlesmall-close
•   squaresmall-plus
•   squaresmall-minus
•   squaresmall-close
•   grip-dotted-vertical
•   grip-dotted-horizontal
•   grip-solid-vertical
•   grip-solid-horizontal
•   gripsmall-diagonal-se
•   grip-diagonal-se