模板:Tipbox

出自Arcaea中文维基
於 2020年8月11日 (二) 03:23 由 Wlt233對話 | 貢獻 所做的修訂 (创建页面,内容为“<div style="background-color: #f8f9fa; border: 1px solid #a2a9b1; box-shadow:0 1px 1px rgba(0,0,0,0.15); border-radius:2px; width: {{{ width }}}; margin: 10px auto;…”)
(差異) ←上個修訂 | 最新修訂 (差異) | 下個修訂→ (差異)

{{{ content }}}

azhe

模板文檔[查看] [編輯] [歷史] [清除緩存]

該模板為所有頁面提示框的元模板。該模板包含了原始的提示框樣式,並可以在其基礎上完全自定義。該模板同時也內置了部分固定樣式模板以便快速使用及統一格式。

參數 說明 填寫內容 必填/選填
content 提示框中內容 文字或 html 標籤 必填
style 提示框樣式 css 選填
template 樣式模板 模板名 選填

以下為使用例。

代碼 實際效果
{{ tipbox | content = 我是内容 }}

我是內容

{{ tipbox | content = 啊这 | style = width: 100px; color: Orange }}

啊這

{{ tipbox | content = 固定模板 | style = width: 200px; | template = blue }}

固定模板

目前內置的固定樣式模板如下。

類型 效果及模板名
顏色

blue

green

orange

yellow

red

purple

indigo

帶狀

band

band-blue

band-green

band-orange

band-yellow

band-red

band-purple

band-indigo

常用自定義css樣式如下。

樣式名 代碼 實際效果 說明
圓角 border-radius: 8px;

圓角

修改數字可調整圓角大小
寬度 width: 320px;

寬度

修改數字可調整寬度,也可使用80%百分比以指定相對父元素的寬度佔比,或使用auto以自適應內容寬度
背景顏色 background-color: #66ccff;

背景顏色

使用顏色名稱,16進制顏色值,也可使用類似 rgba(0,0,0,0.1) 以調整背景透明度
邊框樣式 border: 3px solid #ec870e;

邊框樣式

三個參數分別為邊框寬度,邊框線形和邊框顏色

更多樣式請參考 css樣式手冊

上述文檔嵌入自Template:Tipbox/doc(編輯 | 歷史)
您還可以檢視Rotaeno中文維基中該模板的模板文檔,如果存在對應的同版本模板的話。