閱讀753 返回首頁    go Siteserver CMS


菜單顯示管理

菜單顯示方式介紹

     菜單顯示方式用於控製導航欄中的菜單顯示的各項屬性,菜單顯示方式主要控製鼠標移上後顯示的二級欄目的顯示方式,如下圖所示的是一個鼠標移上後就會顯示二級欄目的導航菜單:

     如果在網站中的導航欄中顯示的菜單隻需要一種風格,那麼隻需要編輯係統存在的默認菜單顯示方式就可以了,而不必添加其他菜單顯示方式,如果有特殊需要的話可以添加新的菜單顯示方式以在同一個導航欄中顯示不同風格的菜單。

編輯默認菜單顯示樣式或者自定義菜單樣式

     點擊左側菜單“顯示管理”→“菜單顯示管理”,在右側的界麵中點擊“係統菜單顯示方式”後麵的“編輯”,進入編輯界麵:

  • 菜單顯示方式名稱:填寫該菜單顯示方式的名稱,因為該顯示方式是係統的,所以該處不能修改;
  • 菜單顯示類型:選擇二級欄目菜單的顯示方向,是水平顯示還是垂直顯示;
  • 字體:選擇導航欄中內容顯示所使用的字體;
  • 字體大小:應用於菜單項的字體大小,必須為數字;
  • 粗體:導航欄中的顯示項是否要加粗顯示;
  • 斜體:導航欄中的顯示項是否用斜體;
  • 水平排列方式:導航欄中顯示項的水平對齊方式;
  • 垂直排列方式:導航欄中顯示項的垂直對齊方式;
  • 一般狀態下文本顏色:設置菜單在一般狀態下的文本顏色,填寫顏色的16進製代碼,也可以點擊後麵的“選擇”來選擇顏色;
  • 一般狀態下單元格顏色:設置菜單在一般狀態下文本所在的單元格的背景顏色,填寫顏色的16進製代碼,也可以點擊後麵的“選擇”來選擇顏色;
  • 滑過狀態下文本顏色:設置鼠標滑過時的文本顏色,填寫顏色的16進製代碼,也可以點擊後麵的“選擇”來選擇顏色;
  • 滑過狀態下單元格顏色:設置鼠標滑過時文本所在的單元格的背景顏色,填寫顏色的16進製代碼,也可以點擊後麵的“選擇”來選擇顏色;
  • 水平菜單位置:設置二級欄目菜單的水平相對位置,可以為負值,一般不用修改該值;
  • 垂直菜單位置:設置二級欄目菜單的垂直相對位置,可以為負值,一般不用修改該值;

  • 在發生onMouseOut事件時隱藏菜單:當鼠標移出二級欄目菜單的時候菜單是不是要隱藏;
  • 單元格寬度:二級欄目菜單的顯示項的表格寬度;“單元格寬度”是根據最寬的項自動設置的;若要增加單元格寬度,請在 “單元格寬度”文本框中顯示的值更大的值(單位:象素);
  • 單元格高度:“單元格高度”是根據顯示項的高度自動設置的;若要增加單元格高度,請在 “單元格高度”文本框中顯示的值更大的值(單位:象素);
  • 單元格邊距:顯示項單元格內容和其邊框之間的像素數;
  • 單元格間距:相鄰單元格之間的像素數;
  • 文本縮進:菜單項中的文本在單元格中的縮進距離(以像素為單位);
  • 菜單延遲:設置從用戶將鼠標指針移動到觸發圖像或鏈接上,到二級欄目菜單出現之間的時間間隔。該值以毫秒為單位,因此默認設置 1000 相當於 1 秒。對於所需的每秒延遲,都添加 000;例如,對於 3 秒延遲,請鍵入 3000;
  • 菜單邊框:確定二級欄目菜單中各項周圍是否顯示邊框;
  • 邊框寬度:菜單邊框的寬度,單位為象素;
  • 陰影顏色:選擇菜單邊框的陰影顏色,以突顯二級菜單的立體效果;
  • 邊框顏色:選擇菜單的邊框顏色;
  • 高亮顯示顏色:選擇菜單邊框高亮顯示的顏色,以突顯二級菜單的立體效果;
  • 子菜單顯示圖片:設置子菜單項右邊顯示的小圖標;
  • 菜單顯示簡介:填寫此菜單顯示方式的簡介;
  • 是否默認菜單顯示:是否把該顯示方式默認為菜單的默認顯示方式。

自定義菜單樣式

     點擊左側菜單“顯示管理”→“菜單顯示管理”,在右側的界麵中點擊“添加菜單顯示方式”,進入編輯界麵,所填項解釋如上。例如新添加的菜單方式名稱為“123”,那麼在頁麵中采用這個顯示方式時就應寫成<stl:menu menuDisplay="123"></stl:menu>。

     如需關於菜單顯示標簽的使用,請參考<stl:menu>

最後更新:2017-01-07 22:37:23

  上一篇:go 匹配模板
  下一篇:go 站點模板管理