2023年政策修订增补工作正在进行中,欢迎参与!
  • Moegirl.ICU:萌娘百科流亡社群 581077156(QQ),欢迎对萌娘百科运营感到失望的编辑者加入
  • Moegirl.ICU:账号认领正在试运行,有意者请参照账号认领流程

User:李皇谛/Help/Button

萌娘百科,万物皆可萌的百科全书!转载请标注来源页面的网页链接,并声明引自萌娘百科。内容不可商用。
跳转到导航 跳转到搜索

维基按钮
模板:Clickable ButtonMediaWiki

这个按钮是红色的 这个按钮是蓝色的
反正都能解压,<div>也可以用
查看我的个人页

实现原理:

<!--白色按钮-->
<span class="mw-ui-button">这个按钮是白色的</span>
<!--红色按钮-->
<span class="mw-ui-button mw-ui-destructive">这个按钮是红色的</span>
<!--蓝色按钮-->
<span class="mw-ui-button mw-ui-progressive">这个按钮是蓝色的</span>
<!--链接跳转按钮-->
[//zh.moegirl.org/Special:我的用户页 <span class="mw-ui-button">查看我的个人页</span>]

值得注意的是,用电脑端HTML点击鼠标的频率太快会选中文字,双击选中单词,三击选中整行。如果你不想要观众选中按钮里面的内容,你可以添加“user-select”的CSS属性,或者使用“cursor”属性定义鼠标样式,但请注意,滥用上述CSS属性可能会遭到反破坏质疑。

<!--不能选择文本的按钮-->
<span class="mw-ui-button" style="user-select:none;">不可选中文本</span>
<!--修改鼠标样式为“不可用”-->
<span class="mw-ui-button" style="cursor:not-allowed;">不可用按钮</span>

不可选中文本 不可用按钮

当然,你也可以点击此处参阅{{Clickable Button}}的模板文档
文档  [查看] [编辑] [历史] [刷新]
Cat ico20.png
此模板最初引自维基百科的Clickable button,版权协定可能与萌百并不相同。使用方法经过修改后与原模板略有不同。

参数

  • 数字参数1:按钮链接,支持内链和外链(需以http(s)开头)。
  • link:不填默认为内链,外链需要指定link=external,无链接需要指定link=none
  • 数字参数2:按钮文字,不填时默认使用参数1的值。
  • color:按钮颜色,默认为白,仅有bluered两种可选颜色。
  • font:文字颜色,支持颜色代码。
  • class:指定按钮的类。

示例

代码:{{按钮|Mainpage|萌百主页}}

效果:萌百主页

代码:{{按钮|提问求助区|color=blue}}

效果:提问求助区

代码:{{按钮|https://cn.bing.com/|必应搜索|link=external|color=blue}}

效果:必应搜索

代码:{{按钮|仅供减压|link=none|color=red}}

效果:仅供减压

代码:{{按钮|前面可是地狱啊|color=red|font=black}}

效果:前面可是地狱啊