ForumID
myemail@bz.com.tw
進入會員專區 進入會員專區
clear
person
按鈕文字
local_grocery_store
0
按鈕文字
clear_all
按鈕文字
search
開始搜尋
申請網站
申請網站
image/svg+xml
image/svg+xml 會員專區,修改會員資料,修改密碼,購物紀錄,紅利查詢等
image/svg+xml
image/svg+xml 會員專區,修改會員資料,修改密碼,購物紀錄,紅利查詢等
回首頁>V2 網頁設計教學>初階課程>[V2 網頁設計]介面介紹系列:滑鼠右鍵跳出選單

介面介紹:滑鼠右鍵跳出選單

V2 編輯器最重要的功能全都在這個跳出選單內,所以一定要花時間好好了解。

 

功能列表

名稱說明
直接在「標題文字」、「文字方塊」和「文章方塊」元素上按下滑鼠右鍵,可直接進行文字編輯與設定。
此功能只針對「自訂編碼」元素有效。
此功能是針對編修「圖片」或是「向量圖」的而設置的功能。執行後會呼叫線上圖形編輯軟體。

可直接對選取的元素進行空間設定,移動、改變長寬、旋轉等。
對正在變形的元素解除變形狀態。 
如果所選元素為「容器」的一種,並且之前有複製其他元素,在可容許的規則下,可執行將所複製之元素貼到此所選之容器中。
直接修改元素的前後重疊排列。功能同「元素檢視與選擇視窗」中拖拉排序元素。
只針對「內容區塊」元素作用,修改其上下位置。功能同「元素檢視與選擇視窗」中拖拉排序元素。
只針對「內容區塊」元素作用,修改其前後重疊排序( 此處為修改 z-index 值 )。通常不需要設定此項目,但有時候我們需要「內容區塊」內的「某個元素」不要被其他元素遮擋,有時候必須連帶調整「某個元素」所在的「內容區塊」。

元素靠齊設定,共有九個靠齊方式。

隱藏所選元素。

顯示所選元素。隱藏的元素只能在「元素檢視與選擇視窗」中選取。 


在編輯狀態下,限制某元素不被直接選取,可防止元素之間因堆疊而難以編輯的困擾。
將限制選取的元素解除限制。 
此功能只針對1. 陳列容器元素中的陳列項目, 2. 輪播展示元素中的輪播展示項目, 3.選單元素中的選單項目。選取其中一個項目,並把此項目內的內容與設定複製到同容器中的其他項目。

元素的編修項目,以下會有更詳細的個別說明。
將所選元素用一個方塊包起來。
 將所選元素退出其父元素。

顯示元素的空間資料以及 CSS 和 HTML 編碼。

以文字特別註明所選元素。

標記所選之元素。標記之元素會出現在「元素檢視與選擇視窗」的「標記物件」列表中。( 功能類似 Bookmark )
解除所選元素之標記。( 類似刪除 Bookmark )

刪除包含目前解析度以下的 CSS 設定( 除 PC 版本解析度 )。
設定某元素為複製設定來源。 
貼上複製設定來源之個別設定項目予所選元素。可選擇全部複製或是只針對某設定複製( 例如:只複製背景設定 )。 
列出滑鼠所在位置之所有重疊之元素,利於選取。
將所選元素的 id 複製到剪貼簿( 常與自訂編碼等功能一起使用 )。

 

特別說明:元素編修

元素編修是一個主選項,它的次選項為針對所選元素所能設定之設定項目,不管有幾個設定項目,第一個選項為該元素本身專屬設定項目,例如:方塊元素的專屬設定項目為「設定方塊」,內容區塊的特定設定項目為「設定內容區塊」。不同的元素有不同的設定內容,請直接到 V2 編輯器嘗試各種元素的專屬設定。

 

設定項目

依照元素屬性不同,有的設定不會出現,例如:方塊元素不會出現文字陰影設定。以下列出可能出現的除專屬設定外的其他編修設定項目:

名稱說明

元素空間設定

(dimension)

設定元素的寬高( px, %, vh , vw - 視窗寬高 or auto - 自動 )或縮放( Scale, % 例如標題元素 )、靠齊、超出顯示、旋轉、重疊順序( z-index )、座標種類( absolute or relative )與浮動靠齊( top or left )。方塊元素還多了一種邊界靠下與靠右設定。

連結設定

(link)

設定元素滑鼠點擊後的動作。可設成一般連結、電話、email、滿版獨佔視窗、特定動作( 如:社群分享、卷軸至頂、顯示或隱藏指定元素或是自訂程序( javascript )。

滑鼠移入效果設定

(mouse over)

可設定多種滑鼠移入後的效果,例如縮放、變色、濾鏡、圖層混合等。

透明度設定

(opacity)

設定元素的透明度,範圍 0 ( 透明 )~ 1 (不透明)。

背景設定

(background)

可設定背景顏色、漸層、背景圖, 內容區塊Body元素可以設定動態影像背景。

內部間距

(padding)

設定內部元素與邊界的距離。四邊間距可分別設定。

邊框

(border)

設定元素邊框( 粗細、顏色與樣式 ),四邊可分開設定。

圓角

(border-radius)

設定四個角的圓弧。

方塊陰影

(box-shadow)

方塊的陰影設定,可設定多組影子的位置、大小與模糊距離。 

文字陰影

(text-shadow)

文字屬性的元素專屬,可設定多組文字的陰影,與方塊陰影設定雷同。

濾鏡

(filter)

提供 HTML5 的標準濾鏡效果,可設定模糊、灰階、色相、負片等。 

圖層混合

(blend)

可設定元素與下方元素的合成方式,例如:色彩增值、濾色、覆蓋、變暗、變亮等。

動態

(animation)

可設定卷軸到位時候元素的動態效果。例如:彈跳、淡入、淡出、脈搏等效果。 

轉繁體/簡體

可針對所選元素進行繁/簡體轉換。在繁體版會顯示轉換為繁體,反之為簡體。 
複製id到剪貼簿將所選元素的 id 複製到剪貼簿( 常與自訂編碼等功能一起使用 )。
以下只有圖片元素才有
圖片內部圓角設定圖片內容的圓角,此圓角與元素外部的圓角不同,但可以配合作出一些效果。
圖片偏移設定圖片內容的偏移。 
圖片邊緣留白可設定圖片內距的效果。 
以下只有方塊元素才有

捲軸效果

(scroll animation)

可自訂方塊於網頁捲動時候的效果。例如透明度,長寬變化等。

以下只有向量圖元素才有

設定顏色和邊線

(svg color & border)

可設定向量元素的填色與邊線顏色與粗細。此功能只能在svg內嵌模式時使用。