模板:Tipbox/doc

出自Arcaea中文维基
< Template:Tipbox
於 2020年8月26日 (三) 16:51 由 StrBot對話 | 貢獻 所做的修訂 →‎top

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

參數 說明 填寫內容 必填/選填
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樣式手冊