模板:Hcolorbox
說明
本模板用於在維基條目或表格中生成一個內嵌、現代化的顏色預覽方塊,但這玩意最好直接單獨寫在一個表格格裡。如果有其他需求建議去用Template:Colorbox
(其實這是為了跟我在Template:Hexi republic box/styles.css搞的表格統一風格寫的,因為那個表格風格沒法正常顯示背景顏色,幹)
啊當然,doc說明文件包是100%的Gemini製造,純科技全添加!!!!!!
愛你的(你確定嗎)Xiaoyu_moon
本模板的核心設計特點:
- 精緻視覺:自帶
4px圓角、細微的輕量外框(rgba 邊緣),以及向內塌陷的立體陰影(inset box-shadow)。
使用方式
直接填入顏色代碼即可。若不填入任何參數,方塊將會顯示預設的灰色。
- 基礎語法:
{{Hcolorbox|顏色代碼}}- 自訂尺寸語法:
{{Hcolorbox|顏色代碼|width=寬度|height=高度}}
參數
根據模板目前的原始碼,可控制的參數如下:
| 參數 | 類型 | 預設值 | 說明 |
|---|---|---|---|
1(匿名第一參數) |
選填 | #ccc |
填入你想顯示的顏色代碼。例如 #ee8f33(Hex)或 red(HTML名稱)。同時會連動至滑鼠懸停時的 title 提示。
|
width |
選填 | 60px |
自訂方塊的水平寬度,必須自帶單位(例如 80px 或 50%)。
|
height |
選填 | 24px |
自訂方塊的垂直高度,必須自帶單位(例如 30px)。
|
實際渲染範例
| 原始碼 | 實際渲染效果 | 滑鼠懸停提示內容 | 說明 |
|---|---|---|---|
{{Hcolorbox}}
|
顏色代碼: #ccc
|
什麼都不填時,呈現預設的灰色方塊。 | |
{{Hcolorbox|#ee8f33}}
|
顏色代碼: #ee8f33
|
填入單一顏色(和曦橘),使用預設的 60x24 尺寸。 | |
{{Hcolorbox|#800000|width=100px}}
|
顏色代碼: #800000
|
填入深紅色,並單獨將寬度拉長為 100px。 | |
{{Hcolorbox|#004aad|height=40px}}
|
顏色代碼: #004aad
|
填入軍事藍,並單獨將高度加高為 40px。 |
參見
| 上述文件嵌入自模板:Hcolorbox/doc。 (編輯 | 歷史) 编者可以在本模板的沙盒 (建立 | 镜像)和测试样例 (建立)页面进行实验。 请在/doc子页面中添加分类。本模板的子页面。 |