一般功能-圖示列表

直接將此元件拖拉至畫布上欲插入圖示列表位置。 #

插入元件-圖示列表:

畫布上呈現插入圖示列表元件畫面。

點選圖示列表段(螢光處)可編輯「段」佈局、樣式、進階功能。

點選段,可編輯段佈局、樣式、進階。

將游標點選欄內列表項目處,或點擊右上角編輯圖示列表符號,進入編輯圖示列表。

點選編輯圖示列表。

編輯圖示列表–內容 #

編輯圖示列表-內容,點選列表項目#數字(#1、#2、#3),可變更列表項目文本,亦可更換或刪除Icon圖示,或置入連結。

「+新增項目」與「複製列表項目」的差別與先前說明相同:
若針對已經編輯完的列表項目,按下「複製列表項目」,則已編輯的列表項目將被完全複製(包含文本及此列表項目樣式設定);
「+新增項目」則為新增一個新的預設列表項目,且未有任何樣式。

圖示列表-內容說明。

範例將編輯圖示列表-內容中列表項目,變更文本輸入為"客製化軟體開發",並更換Icon圖示。

變更列表項目文本與圖示。

點選Icon Library,進入預設 ICON LIBRARY,選擇Icon後按下插入(INSERT)。

點選進入 ICON LIBRARY。

畫布上圖示列表,依照上述設定變更列表文本及Icon圖示後呈現的畫面。

編輯圖示列表–樣式 #

編輯圖示列表–樣式,分為列表、圖示、文本三個下拉選單。

列表,調整於畫布上每一列示的項目(列表項目)之間的間距以及是否需具分隔線。
開啟分隔線編輯分隔線樣式及粗細(重),寬度則為分隔線長度(寬度),並點選色彩(紅色方框)來更換顏色。

範例將每一列之間的空間更改為6;並開啟分隔線,選擇分隔線樣式為點線,重設定為2,並將分隔線顏色調整為淺灰色。

編輯圖示列表–樣式–列表。

編輯圖示列表–樣式中圖示,可調整圖示的顏色、游標停在圖示時懸停效果及尺寸。
範例將圖示設定為黑色;並設定懸停,亦即游標滑至列表圖示時,圖示將變為紫色;並將圖示尺寸改為14。

編輯圖示列表樣式–圖示。

編輯圖示列表–樣式–文本,可調整文本的顏色、效果及排版(字型與尺寸)等。
此範例將文本顏色改為黑色;並設定懸停,亦即游標滑過此列表文字時,文字將會變為紫色;並將文本字型變更並設定尺寸為16PX,重400,調整行高為2,字與字距離為1。

編輯圖示列表樣式–文本。

範例依照設定於畫布上顯示圖示與文本為黑色,而當游標移至畫布上企業入口形象網(列表項目#2)時,則因設定懸停的效果,圖示與文本呈現紫色。

畫布上的圖示列表樣式,依照上述設定所呈現變更的畫面。