頁首為展示LOGO並提供使用者開啟通往網站各處的選單或展開視窗之功能。
Last updated 5 years ago
Was this helpful?
頁首的構成主要分為3個區塊:
左側:放置「智慧財產權e網通」企業識別標章。
中間:顯示網站中所有的選單,依照不同單元有著不同顏色的色塊做為提示色。
右側:登入前顯示內容為「登入」與「註冊」內容。登入後顯示內容為「個人資訊」與「登出」。
左側:登入前顯示內容為「登入」與「註冊」內容。登入後顯示內容為「個人資訊」與「登出」。
中間:放置「智慧財產權e網通」企業識別標章。
右側:顯示網站中所有的選單。
以下為頁首尺寸圖:
以下為頁首介紹圖:
以下為頁首參考設定值:
header{ width:100%; height:72px; background-color:#333; position:fixed; top:0; left:0; z-index:50;} .logo{ width:210px; height:50px;} .menu{ font-size:18px; color:#fff; padding:0 20px;}
以下為頁首 HTML / CSS 檔案下載: