使用css/html下拉列表作为Mediawiki模板

使用css/html下拉列表作为Mediawiki模板,mediawiki,mediawiki-templates,Mediawiki,Mediawiki Templates,我试图将其用作Mediawiki模板,并允许在URL创建中使用Mediawiki参数(即{{PAGENAME}})。显然,这种类型的html元素没有被解析。正在尝试$wgRawHtml=true导致显示模板,但是,除了存在安全风险之外,没有办法拥有可解析的元素。我确实找到了,但我不知道如何调整它以与所讨论的下拉列表的样式配合使用。在页面MediaWiki:Common.css(或者MediaWiki:Skinname.css,如果您只希望它用于特定皮肤),添加您想要的css: /*下拉按钮*/

我试图将其用作Mediawiki模板,并允许在URL创建中使用Mediawiki参数(即
{{PAGENAME}}
)。显然,这种类型的html元素没有被解析。正在尝试
$wgRawHtml=true导致显示模板,但是,除了存在安全风险之外,没有办法拥有可解析的元素。我确实找到了,但我不知道如何调整它以与所讨论的下拉列表的样式配合使用。

在页面
MediaWiki:Common.css
(或者
MediaWiki:Skinname.css
,如果您只希望它用于特定皮肤),添加您想要的css:

/*下拉按钮*/
.dropbtn{
背景色:#4CAF50;
颜色:白色;
填充:16px;
字体大小:16px;
边界:无;
}
/*容器-需要定位下拉内容*/
.下拉列表{
位置:相对位置;
显示:内联块;
}
/*下拉内容(默认情况下隐藏)*/
.下拉内容{
显示:无;
位置:绝对位置;
背景色:#f1f1;
最小宽度:160px;
盒影:0px 8px 16px 0px rgba(0,0,0,0.2);
z指数:1;
}
/*下拉列表中的链接*/
.下拉内容a{
颜色:黑色;
填充:12px 16px;
文字装饰:无;
显示:块;
}
/*更改悬停时下拉链接的颜色*/
.下拉内容a:悬停{背景色:#ddd;}
/*悬停时显示下拉菜单*/
.dropdown:hover.dropdown内容{display:block;}
/*显示下拉内容时,更改下拉按钮的背景色*/
.dropdown:hover.dropbtn{背景色:#3e8e41;}
如果模板中的所有内容都是内部链接,请将此作为模板:


{{{标题|下拉列表}}}
{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{}}}}}{{{{{{{{{{{{{{{{{{{{{{{{{}}}}}{{{{{{{{{{{{{{{{{{{{{{{}}}}}}}}}}}}}}{{{{{{{{{{{{{{{{{{{{}}}}}}}}}}}{{{{{{{{{{{{{{{{{{{{{{}}}}}}}}}}}}}}}}}}}}}}}}}}}}{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{}}}}}}}}}}}}}}{{{{{{{}}}}}{{{{{{{{{}}}}}}}}}{{{{{{{{{{}}}}}}}}{{{{{{{{{{{{{}}}}}}}{{{{{{{{{{}}}}}}}}}}{{{{{{{{}}}}}}}}{{{{{{{{}}}}}}}}}}{{{{{{{{{{{{{{{{{{}}}}}}}}}}}}}}}}}{{{{{{{{{{{{}}}}}}}}}}}}}}}}}}}}}}{{{{{{{{{{{{{{{{{{{{}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}{{{3}}{{if:{{{4}}}{{4}}}{{if:{{5}}}{5}}}
将CSS中的
a
s更改为
span
s,并添加规则以确保它们是黑色而不是蓝色:

/*下拉列表中的链接*/
.下拉式内容范围{
颜色:黑色;
填充:12px 16px;
文字装饰:无;
显示:块;
}
/*更改悬停时下拉链接的颜色*/
.dropdown内容范围:悬停{背景色:#ddd;}
.下拉内容a..下拉内容a:悬停{
颜色:黑色;
文字装饰:无;
}
然后,你可以像这样调用它

{{dropdown|[[Foo]]|[https://www.google.com/ Google]|Plain text}}
它有一个指向页面
Foo
的链接,一个指向谷歌的链接,还有一个纯文本菜单项


注意:如果参数包含等号(
=
),则需要指定所有参数名称,如下所示:

{{dropdown|Foo|Bar|Baz}}
{{dropdown|1=[https://duckduckgo.com/?q=foo&ia=web Search for Foo]|2=Bar}}

另请参见:

因此我尝试使用此选项,但我遇到了一个问题,即下拉列表之后的页面内容的其余部分位于下拉列表本身。看起来没有任何一个参数是不闭合的,所以我不确定它为什么会这样做。使用MW1.32

哇,多么令人惊讶的回答!它工作得很好(对于任何阅读的人来说,你需要启用解析器函数才能工作),除了我使用了一个带有等号的URL破坏了它。我试着用等号创建一个模板来使用它,结果成功了