前幾天在答應網路上的朋友提供Banner的製作心得分享後，
不小心看到了自己在7月份因為自封玩CSS從小班升上中班。
還告訴大家有問題可以發問...........（已經忘了當初這項宣言了，其實^^"）
不過呢，這個宣言當然還是有效的～
所以，今天就來聊聊簡易的Banner的更換法吧！
在此之前，首先請看一下由 Think of Joe 所發表的這篇教學↓。
被我視為貴人的教學網頁，當初這個Banner也的確是從這裡獲得知識的。
而且因為Joe san對於各種資料的搜尋以及分享是非常大量且迅速的。
所以常去那裡逛逛是可以增長知識的！
至於我現在所使用的Banner ，現在想一想其實真的只是小兒科。
更新方法大致如下：
1.首先在樂多的現有版型中找到喜歡的樣式，再照其原有版型修改是最簡單且容易上手的方式。
例如：以momo使用的原始版型來看，
其實就是在目前Banner上 本台鎮店之2寶小獅以及小河馬的背景照片 colorful_cup 。
2.根據 Joe 所描述的文章來看，首先必須先由已選擇好之版型的CSS語法中找到 Banner 的位置。
#banner {
WIDTH: 900px;
HEIGHT: 250px;
background-image: url(http: //Picture.jpg );
WIDTH: 900px;
HEIGHT: 250px;
background-image: url(http: //Picture.jpg );
例如：momo 現有的#banner 名之後，可以套用的位置其長與高分別是 900 & 250 ，
所以知道待會所套用在最右邊的照片高度至少需要250。
此時，首先可以以 例如ACDSee 這類的影像管理工具 輔助軟體 製作出一個長度 900，高度 250 的粉紫色背景底色的底。
另外將想要放置的照片或者圖片的Size以同一軟體，將其以正常比例方式修改為高度250，之後貼在此背景之上。
此時，最簡單的一個 長度 900 ，而高度 250的Banner↓ 就已經製作完成。
3.將此Banner名字以jpg之檔名存在樂多中或Flickr 之位置，
之後將其連結貼在 background-image: url（http:/ banner.jpg);
就一切大功告成了。
嗯！這個版的Banner製作就是這麼簡單～
說穿了我的這個Banner 還真的是沒什麼技巧可言哩！ ^^
不過，說到這個，我就一定要介紹另一個到目前為止看過最完整的版型了。
而且文章的內容亦相當豐富。很值得推薦。
如果可以，真希望未來也有機會可以拜讀到Rona san的版型教學分享！
全站熱搜
留言列表
