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

模板: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也是可以的
第三行翻译
}}
本段落中所使用的歌詞,其著作權屬於原著作權人,僅以介紹為目的引用。
第一行歌词
第一行翻譯
第二行歌词
標記放中間也是可以的
第三行歌词
第三行翻譯

實際用例可以參考:我們存在的理由