您位於此處:
精選主題
「精選主題」元件可讓您在任何頁面上放置體驗產生器網站的指定精選主題以及代表這些主題的影像。
- 從「元件」清單選取「精選主題」元件,將元件拖曳至頁面。
- 在頁面上,選取「精選主題」元件。
-
在內容編輯器中,設定元件的內容。
內容 詳細資料 職稱 輸入精選主題區域的標題。預設文字為「精選主題」。 顯示標題 勾選以顯示標題。取消勾選以隱藏標題。 重疊色彩 用來在圖標背景色彩上呈現洗色效果的色彩。在內容的 rgba 欄位中,預設為 0,0,0,0.4。 重疊暫留色彩 當使用者的滑鼠移至圖標上方時,用來在圖標背景色彩上呈現洗色效果的色彩。
連結圖示表示該值取自網站的主題。在「產生器」中,您可以在「預覽」模式中測試暫留色彩。
框線半徑 滑動以調整精選主題圖標框線的彎曲度。
如果元件位於狹窄的容器中,圓角往往看起來更像橢圓形。
如果您將框線半徑設定為非常圓的 50,我們建議您將「文字位置」設定為靠左、靠右或置中。文字的背景色彩永遠都是長方形,將文字放置在圓形圖標的頂端或底端都會截斷背景。
文字色彩 設定精選主題圖標上的標籤色彩。 文字暫留色彩 設定使用者的滑鼠停留在圖標上時,標籤要使用的色彩。
在「產生器」中,您可以在「預覽」模式中測試暫留色彩。
文字背景色彩 設定停用圖標時,圖標背景要使用的色彩。在內容的 rgba 欄位中,預設為 0,0,0,0。 文字背景暫留色彩 設定使用者的滑鼠停留在圖標上時,圖標背景要使用的色彩。在內容的 rgba 欄位中,預設為 0,0,0,0。
在「產生器」中,您可以在「預覽」模式中測試暫留色彩。
最大文字背景寬度 移動滑桿來控制文字背景色彩的寬度。寬度百分比的設定是相對於圖標的完整寬度。因此 100% 是圖標的完整寬度,而不是瀏覽器頁面或精選主題元件的完整寬度。
無論您設定的百分比是多少,文字背景的寬度永遠夠寬,足以支援位於其上的標籤。
文字位置 選取文字要放置在精選主題圖標上的位置。
- 左上
- 頂端置中
- 右上
- 靠左
- 置中
- 靠右
- 左下
- 底端置中
- 右下
文字對齊 設定文字背景內文字的對齊方式。選取置中、靠左或靠右。
當文字背景狹窄或文字位置在圖標的頂端或底端時,對齊方式的變更可能不太明顯。
「主題目錄」頁面上的「精選主題」。
