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

Template:LyricsKai/colors/hover

萌娘百科,万物皆可萌的百科全书!转载请标注来源页面的网页链接,并声明引自萌娘百科。内容不可商用。
跳转到导航 跳转到搜索
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也是可以的
第三行翻译
}}
本段落中所使用的歌词,其著作权属于原著作权人,仅以介绍为目的引用。
第一行歌词
第一行翻译
第二行歌词
标记放中间也是可以的
第三行歌词
第三行翻译

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