使用者:Grandom/Hover-tp

文檔  

這個文檔嵌入自User:Grandom/Hover-tp/doc。

簡介

• 本模板用於在導航類模板中模擬簡單的按鈕效果內鏈。
• 根據所使用參數的不同，分為單按鈕和注釋按鈕兩種樣式；在不同狀態下表現為普通、懸停和在頁面三種效果。

• 普通狀態：滑鼠不在按鈕上；
• 懸停狀態：滑鼠懸停在按鈕上；
• 在頁面狀態：當前訪問頁面是按鈕連結對應條目。（表現為以懸停狀態的樣式展示普通狀態的文字內容）

示例	單按鈕	注釋按鈕
普通狀態 （移入滑鼠查看懸停狀態）	編號參數1 編號參數3	編號參數1（編號參數4） 編號參數3 編號參數5
在頁面狀態	編號參數1	編號參數1 編號參數4

※ 本模板是以{{Moe-hover}}為基礎修改而成，但並未將所使用的小部件包含在內，以避免在同一個頁面內反覆調用。
　 所以需要在使用本模板的頁面內自行添加{{#widget:moe-hover}}配合生效。

參數說明

文本類：

• 編號參數1：必須參數。普通狀態顯示的內容。
• 編號參數2：必須參數。內鏈，不包含命名空間前綴（見下方「space」參數）。
• 編號參數3：必須參數。懸停狀態顯示的內容。
• 編號參數4：普通狀態的注釋內容，默認為空，填寫後會自動加括號附在文本後。
• 編號參數5：懸停狀態的注釋內容，默認為空。該參數是否為空將決定按鈕樣式是單按鈕還是注釋按鈕。
• space：內鏈的命名空間前綴，默認為無，填寫時不帶「:」。

數值類（單位均為px）：

• wd0：普通狀態的寬度（總寬度），不填寫時默認在文字左右兩側留出8px空白。
• wd1：懸停狀態左半部分寬度（對於單按鈕來說即為總寬度），不填寫時自動使用wd0數值，wd0也為空時同樣留出空白。
• 右半部分（注釋部分）寬度自動設定為wd0與wd1的差值，二者中有空項時同樣留出空白
• border：按鈕邊框寬度，對普通和懸停狀態同時生效，默認為0。
• margin-x：按鈕左右兩側外邊距，默認為6。
• margin-y：按鈕上下兩側外邊距，默認為1。

顏色類：

• bkg0：普通狀態的背景顏色，默認為透明。
• col0：普通狀態的文字顏色，默認為無，使用父級元素指定的文字顏色。
• bkg1：懸停狀態（左側）的背景顏色，默認為白色。
• col1：懸停狀態（左側）的文字顏色，默認為黑色。
• bkg2：懸停狀態注釋部分（右側）的背景顏色，默認為黑色。
• col2：懸停狀態注釋部分（右側）的文字顏色，默認為白色。
• bo-col0：普通狀態的邊框顏色，默認與bkg0同色。
• bo-col1：懸停狀態的邊框顏色，默認與bkg1同色。

使用技巧

示例