基本用法
此處是對本模板參數的基本說明。關於示例及高級用法，請見#高級用法。
{{User:XiaoAnIsMe/Template/InfoShowbox
|寬度= <!-- 信息框的寬度，默認為300px -->
|高度= <!-- 信息框的高度，默認為150px -->
|邊框= <!-- 信息框的邊框顏色，默認為rgba(255,255,255,2) -->
|圓角半徑= <!-- 信息框的圓角半徑，默認為12px -->
|內邊距= <!-- 信息框的邊框與內容之間的距離，默認為20px -->
|背景色= <!-- 信息框的背景顏色，默認為rgba(248,249,250,0.65) -->
|內容= <!-- 要顯示的內容。除了純本文外，還可以使用圖片或其他元素。更多用法或示例請見[[#高級用法]] -->
}}
簡單的演示：
{{User:XiaoAnIsMe/Template/InfoShowbox|內容=<center>'''小安最帥'''</center>你知道嗎，小安其實是一個<del>大帥哥</del>！<br>真的很帥！}}
子模板
- {{/Bangumi}} - 番劇展示框
高級用法
內鏈圖片
以下是幾個內鏈圖片的使用示例（已省略其他參數）。
內鏈圖片和文字的參數都可以隨意調整。
適合作為番劇的展示框
- 子模板：{{/Bangumi}}
{{User:XiaoAnIsMe/Template/InfoShowbox
|內容=<div style="width:100px; float:left;">[[File:example.jpg|middle|left|100px]]</div>
<div style="margin-left: 110px;">
<strong>標題</strong><br>
<p style="line-height: 1.2><small>此處為說明文字。建議使用small並將行間距調整為1.2。</small></p>
</div>
}}
以番劇《薰香花朵凜然綻放》為例：
{{User:XiaoAnIsMe/Template/InfoShowbox|內容=<div style="width:100px; float:left;">[[File:Kaoruhana_KV2.jpg|left|100px]]</div><div style="margin-left: 110px;"><strong>薰香花朵凜然綻放</strong><br><p style="line-height: 1.2><small>在某個地方，有兩個相鄰的高中。<br>笨蛋聚集的底層男校·千鳥高中和歷史悠久的大小姐學校·桔梗女子。<br>分別在兩所學校上學的紬凜太郎和和栗薰子相遇了……<br>“既近又遠”的兩人所編織而成，充滿鮮豔青春色彩的學園物語！！</small></p></div>}}
適合作為遊戲展示框
{{User:XiaoAnIsMe/Template/InfoShowbox
|內容=[[File:example.jpg|center|top|90x260px]]
<strong>標題</strong><br>
說明文字
}}
以遊戲《U-ena -空焰火少女-》為例：
{{User:XiaoAnIsMe/Template/InfoShowbox|內容=[[File:U-ena-Cover.jpg|center|top|260x110px]]<strong>{{lang|ja|U-ena -遠花火の少女-}}</strong><br>U-ena -空焰火少女-}}
外鏈圖片
外鏈圖片除了在圖片的設置上與內鏈圖片有所不同外，總體上大同小異。
此處為了演示而通過外鏈的方式使用內部圖片，實際使用請不要通過外鏈的方式使用內部圖像。
外部圖像番劇展示框
{{User:XiaoAnIsMe/Template/InfoShowbox|
內容=<div style="width:100px; float:left;"><img src="外部圖像鏈接" style="width:100px;" /></div>
<div style="margin-left: 110px;">
<strong>NEW GAME!</strong><br>
<p style="line-height: 1.2><small>此處為說明文字。建議使用small並將行間距調整為1.2。</small></p></div>
}}
以番劇《NEW GAME!》第一期為例：
{{User:XiaoAnIsMe/Template/InfoShowbox|內容=<div style="width:100px; float:left;"><img src="https://img.moegirl.tw/common/a/a7/New_Game_Anime_Visual.png" style="width:100px;" /></div><div style="margin-left: 110px;"><strong>NEW GAME!</strong><br><p style="line-height: 1.2><small>職場新鮮人[[涼風青葉]]，滿心雀躍地進入她學生時期就夢寐以求的遊戲公司，在這裡除了有她小時候崇拜的角色設計師，還有其他形形色色的職場前輩。<br>除了畫圖外別無所長的青葉，兢兢業業展開她的遊戲人生，她是否有辦法制作出她心目中的完美遊戲呢？</small></p></div>}}
外部圖像遊戲展示框
{{User:XiaoAnIsMe/Template/InfoShowbox
|內容=<center><img src="外部圖像鏈接" style="width:auto; height:110px" /></center>
<strong>遊戲名稱</strong><br>
外文名或其他內容
}}
以視覺小說遊戲《徒花異譚》為例：
{{User:XiaoAnIsMe/Template/InfoShowbox|內容=<center><img src="https://img.moegirl.tw/common/4/4c/Adabana_Header.jpg" style="width:auto; height:110px" /></center><strong>徒花異譚</strong><br>{{lang|ja|徒花異譚}}}}
完美地顯示出來
如果直接使用本模板，排版效果可能會不太理想。因此我建議使用{{Flex}}並添加style=gap: 20px以實現較好的排版。
同時，我也建議使用{{Hovers}}以增加互動效果。
以漫畫《Urara迷路帖》為例子，使用了hovers-float（請縮小瀏覽器寬度查看）：
{{Hovers}}
{{flex
|style=gap: 20px
|1=
<div class="hovers-float">{{User:XiaoAnIsMe/Template/InfoShowbox|內容=<div style="width:100px; float:left;">[[File:Urara Meirochou Vol1.jpg|middle|left|100px]]</div><div style="margin-left: 110px;"><strong>Urara迷路帖 第1卷</strong><br>2015年1月27日</div>}}</div>
<div class="hovers-float">{{User:XiaoAnIsMe/Template/InfoShowbox|內容=<div style="width:100px; float:left;">[[File:Urara Meirochou Vol2.jpg|middle|left|100px]]</div><div style="margin-left: 110px;"><strong>Urara迷路帖 第2卷</strong><br>2015年11月27日</div>}}</div>
<div class="hovers-float">{{User:XiaoAnIsMe/Template/InfoShowbox|內容=<div style="width:100px; float:left;">[[File:Urara Meirochou Vol3.jpg|middle|left|100px]]</div><div style="margin-left: 110px;"><strong>Urara迷路帖 第3卷</strong><br>2016年5月27日</div>}}</div>
<div class="hovers-float">{{User:XiaoAnIsMe/Template/InfoShowbox|內容=<div style="width:100px; float:left;">[[File:Urara Meirochou Vol4.jpg|middle|left|100px]]</div><div style="margin-left: 110px;"><strong>Urara迷路帖 第4卷</strong><br>2017年1月27日</div>}}</div>
<div class="hovers-float">{{User:XiaoAnIsMe/Template/InfoShowbox|內容=<div style="width:100px; float:left;">[[File:Urara Meirochou Vol5.jpg|middle|left|100px]]</div><div style="margin-left: 110px;"><strong>Urara迷路帖 第5卷</strong><br>2017年12月27日</div>}}</div>
<div class="hovers-float">{{User:XiaoAnIsMe/Template/InfoShowbox|內容=<div style="width:100px; float:left;">[[File:Urara Meirochou Vol6.jpg|middle|left|100px]]</div><div style="margin-left: 110px;"><strong>Urara迷路帖 第6卷</strong><br>2018年10月25日</div>}}</div>
<div class="hovers-float">{{User:XiaoAnIsMe/Template/InfoShowbox|內容=<div style="width:100px; float:left;">[[File:Urara Meirochou Vol7.jpg|middle|left|100px]]</div><div style="margin-left: 110px;"><strong>Urara迷路帖 第7卷</strong><br>2019年7月25日</div>}}</div>
}}
| ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
