打开主菜单

萌娘百科 β

模板:LyricsKai/colors/hover

< Template:LyricsKai‎ | colors
Template-info.svg 模板文档  [查看] [编辑] [历史] [刷新]

简介

该改模板是该模板是{{LyricsKai/colors}}的衍生模板,实现当指针悬停与歌词上时改变歌词背景颜色,可以用来处理包含歌割り各唱各的的歌词,推荐与{{Utawari}}一同使用。

参数

  • templatestyles:指定css样式,格式为<templatestyles src="path/to/your/styles.css" />,请访问Help:TemplateStyles了解更多内容。

本模板其他参数与{{LyricsKai/colors}}相同。

用法

默认每行歌词与对应翻译在指针悬停时,一同改变背景色。

{{LyricsKai/colors/hover
|original=
第一行歌词
第二行歌词
第三行歌词
|translated=
第一行翻译
第二行翻译
第三行翻译
}}
第一行歌词
第一行翻译
第二行歌词
第二行翻译
第三行歌词
第三行翻译

若要使多行歌词同时改变背景色或不改变背景色,请使用如下标记,请注意,原文和翻译对应行所包含的标记应该相同,否则可能出现对齐问题。

  • #HoverWithNextLine表示这行歌词与下一行歌词一同改变背景色,可连续使用,如:
{{LyricsKai/colors/hover
|original=
第一行歌词#HoverWithNextLine
第二行歌词#HoverWithNextLine
第三行歌词
|translated=
第一行翻译#HoverWithNextLine
标记放#HoverWithNextLine中间也是可以的
第三行翻译
}}
第一行歌词
第一行翻译
第二行歌词
标记放中间也是可以的
第三行歌词
第三行翻译
  • #NoHover表示这行歌词在指针悬停不改变背景色,如:
{{LyricsKai/colors/hover
|original=
第一行歌词
第二行歌词#NoHover
第三行歌词
|translated=
第一行翻译
标记放中间#NoHover也是可以的
第三行翻译
}}
第一行歌词
第一行翻译
第二行歌词
标记放中间也是可以的
第三行歌词
第三行翻译

实际用例可以参考:我们存在的理由