在Item(單項設(shè)定)的常規(guī)中對“教程列表”進行其他的設(shè)置,如下圖。總結(jié)起來就是:在默認狀態(tài)下文字為灰色,無背景。在鼠標經(jīng)過的時候文字變?yōu)榘咨尘盀榧t色,同時添加1像素粗的灰色邊框。 要更改顏色,可點擊顏色框,將會出現(xiàn)GoLive的顏色調(diào)板。也可以點擊顏色框右下角那微小的三角形,會出現(xiàn)常用色彩方案(如著名的VisiBone方案)。點擊綠色箭頭處的按鈕可以更改項目的先后順序。
此時在預(yù)覽區(qū)域移動鼠標,將會看到類似如下動畫的效果。
在Item(單項設(shè)定)的文字中更改字號等,如下圖。總結(jié)起來就是:默認是居中的12像素大小。鼠標經(jīng)過改為居左并加粗的12像素大小,同時在左端填充10像素。填充的目的是為了避免文字貼到左方邊界。在居中對齊的方式下橫向填充是無效的。 需要注意的是,如果在這里取消了鼠標經(jīng)過狀態(tài),那么之前在常規(guī)中所設(shè)定的經(jīng)過狀態(tài)也將被取消。因此需謹慎。
此時在預(yù)覽區(qū)域移動鼠標,將會看到類似如下動畫的效果。
在Item(單項設(shè)定)的背景與圖標中為菜單項指定背景圖像或小圖標,有關(guān)背景圖像的指定我們就不再具體介紹了,需要注意的是背景圖像的尺寸將會以影響菜單項的寬度和高度,當然同時我們也還是可以像早先那樣對已有背景圖像的菜單項尺寸進行設(shè)定。點擊下左圖綠色箭頭處的按鈕可以重置圖像尺寸。小圖標主要用來點綴,菜單飛梭提供了非常豐富的素材庫,如下右圖。選擇圖標后可以更改顏色,并在預(yù)覽區(qū)域看到效果。 現(xiàn)在總結(jié)起來就是:默認狀態(tài)下沒有圖標。鼠標經(jīng)過的時候出現(xiàn)一個圖標,圖標的位置通過位移來指定。根據(jù)不同的菜單項尺寸,位移的數(shù)值也應(yīng)設(shè)為不同。
此時在預(yù)覽區(qū)域移動鼠標,將會看到類似如下動畫的效果。
Item(單項設(shè)定)的其他設(shè)定如下圖所示,是針對提示文字及瀏覽器狀態(tài)欄文字的設(shè)定,這里就不敘述了。
現(xiàn)在我們已經(jīng)完成了對第一個“教程列表”菜單項的各個設(shè)定,可以通過拷貝將設(shè)定應(yīng)用到其他的菜單項中,方法是先選擇菜單項,點擊“復(fù)制”按鈕后點擊“粘貼”,如下圖紅色箭頭處。
在出現(xiàn)的設(shè)定框中,可以指定要復(fù)制哪些選項,及拷貝作用的范圍。如下圖?偨Y(jié)起來就是:將教程列表的單項設(shè)定(圖標除外)拷貝到資源庫和友情鏈接上。取消圖標選項是因為我們不希望另外兩個菜單項有小圖標。 除了這樣的復(fù)制以外,我們在當初也可以不先把3個菜單項都建立,而就只是對“教程列表”進行設(shè)定。完成設(shè)定后創(chuàng)建同級菜單,新的項目具有相同的設(shè)定,相當于拷貝。
出處:藍色理想
責(zé)任編輯:趙鵬
上一頁 用菜單飛梭創(chuàng)建動態(tài)酷菜單 [1] 下一頁 用菜單飛梭創(chuàng)建動態(tài)酷菜單 [3]
◎進入論壇網(wǎng)頁制作、網(wǎng)站綜合版塊參加討論
|