模板:圖注

模板文檔  

這個文檔嵌入自Template:圖注/doc。

本模板由{{圖注/start}}、{{圖注}}、{{圖注/end}}三個模板組成，用於在圖片上放置文字說明。

參數

• {{圖注/start}}：只有一個參數style或匿名參數1，用於設置總體的樣式。
• {{圖注}}
  • 匿名參數1：要顯示的圖注內容。
  • top、right、bottom、left：圖注的位置，說明見下方說明。
• {{圖注/end}}：無參數。

關於圖注位置的說明：

圖片

圖注

top=60px

right=80px

bottom=40px

left=58px

通常只需在top和bottom中二選其一、right和left中二選其一即可。

使用方式

使用此模板時，應當同時使用三個模板，用{{圖注/start}}和{{圖注/end}}包裹圖片（內、外鏈均可）和{{圖注}}。

{{圖注/start}}
[[File:Moegirl-wallpaper-spring-2018.png|600px]]
{{圖注|<big>這是第一個圖注</big>|top=20px|left=100px}}
{{圖注|'''這是加粗的第二個'''|bottom=50px|left=200px}}
{{圖注|{{color|red|紅色的第三個}}|right=200px|bottom=20px}}
{{圖注/end}}

這是第一個圖注

這是加粗的第二個

紅色的第三個

使用建議

如果背景圖片顏色較花，可以給文字加上text-shadow屬性，或是使用{{文字描邊2}}、{{文字外發光/stroke}}等模板，以提高文字的可讀性：

{{圖注/start}}
[[File:hakua yuzuru.jpg|300px|link=]]
{{圖注|{{文字外發光/stroke|'''[[灰瀨讓]]（{{ruby|灰瀬|はいせ|ja|ja}} {{ruby|譲|ゆずる|ja|ja}}）'''|發光顏色=#fff}}|top=10px|left=5px}}
{{圖注|{{文字外發光/stroke|'''[[白河白亞]]（{{ruby|白河|しらかわ|ja|ja}} {{ruby|白亜|はくあ|ja|ja}}）'''|發光顏色=#fff}}|top=140px|right=5px}}
{{圖注/end}}

灰瀨讓（灰瀬（はいせ） 譲（ゆずる））灰瀨讓（灰瀬（はいせ） 譲（ゆずる））

白河白亞（白河（しらかわ） 白亜（はくあ））白河白亞（白河（しらかわ） 白亜（はくあ））

對於超過480px的圖片，建議left等參數使用百分比數值，有技術力的推薦使用calc等CSS函數，以保證在手機端不會因為圖片自動縮放導致排版崩壞：

{{圖注/start}}
[[File:聖劍薩提斯.png|600px]]
{{圖注|'''<big>聖劍薩提斯</big><br>{{lj|聖剣サルティス}}'''|top=30%|left=30%}}
{{圖注|懂人話的傳說中的聖劍。只有真正的主人才可使用它。<br>可憐孤身前往異界的維斯麗雅，和她一同前往了異界。|top=calc(30% + 4em)|left=30%}}
{{圖注/end}}

聖劍薩提斯
聖剣サルティス

懂人話的傳說中的聖劍。只有真正的主人才可使用它。
可憐孤身前往異界的維斯麗雅，和她一同前往了異界。