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

模板:TextHover

萌娘百科,萬物皆可萌的百科全書!轉載請標註來源頁面的網頁連結,並聲明引自萌娘百科。內容不可商用。
跳至導覽 跳至搜尋
Template-info.svg 模板文檔  [查看] [編輯] [歷史] [刷新]

這是一個專門為大段文字提供Hover效果的模板,基於{{Hovers}}製作。

使用方法

{{TextHover|1=Hover前的文字|2=Hover後的文字|3=如果Hover前的文字較長,這裡填before;反之填after;相同長度時可以留空|4=文字水平對齊方向|class=Hover效果|tag=如果強烈希望使用inline模式融入一段文字中,這裡填span,否則留空即可}}

儘管這個模板不是為圖片Hover設計的,但在某些場合也有助於同時實現桌面版的文字環繞圖片效果和移動版的文字、圖片分離效果。使用方法為:

{{TextHover|1=Hover前的圖片名(內鏈)|2=Hover後的圖片名(內鏈)|3=如果Hover前的圖片較大(指定width參數時需考慮伸縮後的大小,即長寬比),這裡填before;反之填after;相同大小時可以留空|4=pic|width=寬度|float=float方向,可省略|margin=桌面版與周圍文字的水平間距,默認為0.5em|class=Hover效果}}

如果參數14中有任一個是html標記,謹慎起見請務必使用命名參數的寫法。

示例

表格內居中

{|border=1 style="float: right; width: 260px; font-size: 90%; margin: 1em 0 1em 1em; background: #f9f9f9; border: 1px #999999 solid; border-collapse: collapse; clear: right;" cellpadding="2" cellspacing="0"
| colspan="2" |[[file:nisecyugokugo.jpg|250px]]
|-
| colspan=2 bgcolor="#E0FFFF" |'''{{TextHover|{{lj|基本情報}}|基本資料||center}}'''
|-
! width=80px|{{TextHover|{{lj|用語名}}|用語名稱|after|center}}
| {{TextHover|{{lj|偽中国語}}|偽中國語||center}}
|-
!{{TextHover|{{lj|用語出典}}|用語出處||center}}
| {{TextHover|{{lj|日本国際電子通信網}}|日本網絡||center}}
|-
!{{TextHover|{{lj|関連記事}}|相關條目||center}}
| {{TextHover|{{lj|[[中文十級]]、[[君日本語本当上手]]}}|[[中文十級]]、[[君日本語本當上手]]||center}}
|}
Nisecyugokugo.jpg
基本情報
基本資料
用語名
用語名稱
偽中国語
偽中國語
用語出典
用語出處
日本国際電子通信網
日本網絡
関連記事
相關條目

段落左對齊(默認)

{{TextHover|{{lj|内容大体初心者日常的出来事及文句、中級者出鱈目話、上級者偽中国語詩程作文可能(実際中国人可能性有)。}}|內容大體上來說新手都是一些日常的事情或抱怨,中級者則為一些瞎編的故事,厲害的人甚至可以拿偽中國語作詩(實際上有可能是中國人)。|after}}
内容大体初心者日常的出来事及文句、中級者出鱈目話、上級者偽中国語詩程作文可能(実際中国人可能性有)。
內容大體上來說新手都是一些日常的事情或抱怨,中級者則為一些瞎編的故事,厲害的人甚至可以拿偽中國語作詩(實際上有可能是中國人)。

圖片

{{textHover|インドア少女 望月杏奈.jpg|Greemas ビビッとアイドル! 望月杏奈.jpg||pic|width=250px|label=「vivid_rabbit」|float=right}}
十分熱衷於玩電子遊戲,似乎在網路遊戲世界是個知名玩家,擁有全世界只有7件的裝備之一。

如果身邊沒有電腦的話就會玩自己的遊戲機,沒有遊戲機的話則會玩手機。在GreeMas卡面和劇情中常能看到杏奈對P撒嬌,或要求P和她一起玩遊戲。

從GreeMas的卡面和MLTD的特殊動作來看,杏奈可能至少擁有PSP、PSV、PS4和NS等遊戲機。

在某款網遊中所使用的ID是「'''vivid_rabbit'''」。在該遊戲中,杏奈曾與一位ID為「'''lilyknight'''」的人攜手幹掉了boss。後來在線下見面會中(MLTD設定為組合「少女風暴!」的活動劇情中)杏奈得知「'''lilyknight'''」正是百合子,這也是兩人成為好朋友的契機之一。

雙海亞美與雙海真美姐妹也會和兩人一起玩遊戲,四人被稱為「{{Ruby|765Pro遊戲部|{{lj|765プロゲーム部}}}}」。
「vivid_rabbit」
「vivid_rabbit」

十分熱衷於玩電子遊戲,似乎在網路遊戲世界是個知名玩家,擁有全世界只有7件的裝備之一。

如果身邊沒有電腦的話就會玩自己的遊戲機,沒有遊戲機的話則會玩手機。在GreeMas卡面和劇情中常能看到杏奈對P撒嬌,或要求P和她一起玩遊戲。

從GreeMas的卡面和MLTD的特殊動作來看,杏奈可能至少擁有PSP、PSV、PS4和NS等遊戲機。

在某款網遊中所使用的ID是「vivid_rabbit」。在該遊戲中,杏奈曾與一位ID為「lilyknight」的人攜手幹掉了boss。後來在線下見面會中(MLTD設定為組合「少女風暴!」的活動劇情中)杏奈得知「lilyknight」正是百合子,這也是兩人成為好朋友的契機之一。

雙海亞美與雙海真美姐妹也會和兩人一起玩遊戲,四人被稱為「765Pro遊戲部765プロゲーム部」。

已知問題

需要使用行內模式(包括Wikitext的有序和無序列表)時,務必要加上tag=span

參見

  1. 如果想要更為穩定的排版效果,可以考慮基於display:none的{{Moe-hover}},但此時不能設置transition屬性。使用{{Moe-hover}}時,如果Hover前後文字長度不同,頁面可能瞬間伸長/縮短。
  2. {{Hovers}}擁有豐富的Hover效果,請參考該模板的說明文檔設置本模板的classclassbclassa參數。默認效果為基於opacity的淡入淡出。