.: 關於換BANNER的二三事
一直很羨慕別人的blog可以三不五時換招牌(banner)
無奈榕樹下因為模板的限制 加上自己一直沒能拿定主意
只能以不變應萬變
關於這"模板的限制" 可能得解釋一下
事情是這樣的...
我採用的是jeph設計的彈性招牌 所以:
1. banner的寬度預設為1280px
2. 網誌名稱一定得居左 這樣當視窗寬度小於1280px時才不會有被遮掉的風險
3. 最好右半邊是規律的花色或色塊 這樣右邊被遮掉時才不會造成視覺上的殘缺
因為這幾項規矩 加上本人堅持粉紅路線
所以banner的設計上不免綁手綁腳 難以更動
好不容易
去年底想到可以用一排唱片當底圖 覺得應該會不錯
可惜因為受限於自己的技術與創意 接下來的加工與設計難以進行
雖然後來請到Carol操刀 又有Alfredo與路人W主動贊助
但是因為我沒說清楚本網誌banner的先天限制以及本人的一些小龜毛
(拒絕使用黑色、不要強調本人ID...)
所以最後還是只能忍痛辜負他們的好意
趁這機會 也要再一次致歉
讓他們白忙一場 真是不好意思...mOm
前兩天 看到paraf換了新banner
不只有彈性 而且不管視窗如何縮小都能完整呈現
於是當下馬上叫出她的模板與首頁原始碼來研究 進而發現奧妙所在
真是不禁要罵自己豬頭 怎麼當初就沒想到這招?!@@"
一般人設定圖片的寬度參數
多是以px為單位 而不知道也可以採用百分比
我雖然知道 也試過
只是試錯了地方:p
我之前曾經試著在Stylesheet裡進行如下的修改:
background:url(http://roxytom.bluecircus.net/archives/logo.jpg) no-repeat;這語法是自己亂試的 也不知道對不對
↓
background:url(http://roxytom.bluecircus.net/archives/logo.jpg) width(100%) no-repeat;
結果當然是失敗了
之後請教jeph 他也沒輒
於是我就放棄了
卻沒想到去改Main Index試試看
而paraf的方式
就是從Main Index及其它彙整模板裡去設定banner圖片
並且把寬度參數設為100%
說穿了 沒啥學問
但本豬頭三當初就是偏偏沒想到
不過 這樣的方式也有個小小的缺點
那就是在不同螢幕解析度下所呈現出來的版面中
banner所佔比例會因為解析度不同而有些許變異
同時隨著瀏覽器視窗縮小 banner的高度也會一起縮減(以前只是右邊會被遮掉但高度不變)
要不要在乎 就看自己的選擇囉
總之 如果你的blog也是架在MT系統上
那麼 製作彈性招牌除了採用jeph的方法之外
也可以參考我現在的語法去修改各相關模板:
》Stylesheet
#banner {
font-family: 'Trebuchet MS', Verdana, sans-serif;
color: #fff;
text-align: left;
padding: 0px;
}》Main Index及其它相關模板
<div id="banner">
<h1><a href="<$MTBlogURL$>" accesskey="1"><img src="圖檔URL" alt="網誌名稱" width="100%" border="0"></a></h1>
<span class="description"><$MTBlogDescription$></span>
</div>
在我的經驗中 似乎很多人並未注意到這問題
像我使用1280*1024來瀏覽就常常遇到一些"遭驚"(走樣)的狀況
比如banner居左而邊欄與主欄居中
或者是banner只佔了左邊的800px 邊欄與主欄卻是滿視窗
如果你在意 或許彈性招牌會是值得考慮的解決方式之一
畢竟隨著大尺寸LCD逐漸降價而普及
可能會有越來越多人採用1024*768以上的規格來瀏覽
因為要消化之前的贊助
接下來這一陣子我會頻繁地更換banner 然後再開始自己製作
同時 版面其它部分(顏色...)應該也會一起變動
雖然美感低能 沒把握可以改出滿意的模樣
但我看它不順眼已經很久了
不試著改一改實在會忍不住手癢:p

.: 回應
湯姆別緊張
我只是開開玩笑
我無妨的
XD
由 凱洛 發表于 2005-08-17, 20:21
凱洛別緊張
我真的覺得應該讓它們亮亮相
本格第一篇文章裡便說了:
這裡是一個搏感情的所在
人生海海
這件代誌一定要講給你了解:p
由 湯姆 發表于 2005-08-17, 22:31