:::

2-3 風格調整-3- 滑動圖片與logo圖

滑動圖片與logo圖會在網頁的最上方,可說是網站的門面,這些圖都可以從後台直接上傳,也有縮圖可以看。不同的是滑動圖片每一張都會播放,logo只能選一張。

school2012的滑動圖片寬度固定980px,滑動圖片高度可自由設定,若設0就不會出現。一般設定時上方有搜尋列高30px,下方有跑馬燈高50px,因此若要使用最少應設80。(school2013的滑動圖片則會自動縮放,也沒有調整高度的設定

logo圖基本上位在滑動圖片的區域中,圖層在最上方,因此建議使用背景透明的png檔,這樣就不會出現一個方形的框框在上面。位置可用滑動圖片區域的上下左右來設定,這邊注意只能輸入正整數,上下位置只能擇一輸入(上優先),左右位置亦同(左優先)。

請注意檔名用英數字,中文檔名可能無法使用

logo圖的部份有兩個檔案名稱是特別的,若有上傳logo.png或logo.gif 時會自動放到導覽工具列上(logo.png優先),高度固定40px,寬度按比例調整。若不想放圖到導覽工具列請避開這兩個名字。

下圖系統自動抓了logo.png到導覽工具列上,另一個logo.gif 則是指定的logo圖

 

下圖教育資訊網的logo圖位置是「上」設定給多一些讓logo圖超過滑動圖片區域

 

下圖是將滑動圖片高度設為0,整個區域就不會顯示

 

下圖也是將滑動圖片高度設為0,但是「離上邊界距離」設了180空出了一個區域放logo圖,logo圖的位置設[下] 5(只能從下方設)。