網路城邦
回本城市首頁 八樂屋
市長:balawu  副市長:
加入本城市推薦本城市加入我的最愛訂閱最新文章
udn城市資訊科技網路分享【八樂屋】城市/討論區/
討論區下午茶 字體:
看回應文章  上一個討論主題 回文章列表 下一個討論主題
網誌風格設定經驗談(一)--背景圖與山頭圖
 瀏覽2,065|回應1推薦3

balawu
等級:7
留言加入好友
文章推薦人 (3)

傑玉
安欣
hannah 汪

這兩天花了不少時間,把八樂園的風格重新整修一番,自己左看右看覺得還蠻不錯的,所以想跟大家分享一下佈置的經驗。

今天先談簡單一點的,只介紹「背景圖」、「山頭圖」這二項;俗語說得好:「文不如表、表不如圖」,要想佈置一個既賞心悅目、又有自己特色的網誌,那麼這兩張圖的成敗絕對佔了非常大的關鍵,以下是我的經驗,可以參考看看:

背景圖

  • 這是整個網誌的底圖,也是網誌風格的核心所在。由於城邦的網誌寬度預設是800「像素」(pixel, 以下簡稱px),因此建議這張圖的寬度至少要有800px,但是由於目前每個人的電腦螢幕解析度至少都會設成1024(px, ) 768 (px, ),所以如果寬度可以到1024的話會更理想;
  • 至於高度是多少?就比較難回答了,我查過城邦幾張預設的背景圖,有768px, 也有450px, 我自己上傳的背景圖是480px
  • 由於我們自己上傳的背景圖如果太小,通常會被城邦拼成像磁磚一樣的效果,所以建議不要太小,至少450px吧(除非您就是希望有拼磁磚的效果),而且預防萬一被拼成像磁磚一樣的背景,以及考慮與文字一齊呈現的效果,這張圖建議別太複雜,越簡單越好。

山頭圖

  • 這張圖會被放在網誌的最上方,也就是寫著:網誌名稱、作家名稱、加入好友、推薦本網誌位置的那張圖。
  • 這張圖的寬度也應該要有800px,高度則要看你的「山頭」區域有多高(下次再教如何看山頭區有多高)而定,通常都在160px左右,也有許多風格的高度比這個還要高(例如:300px),也有比這個還要低的(例如:120px),以八樂園情形為例,我的山頭區高度大約是160px,但我的背景圖比這還要高(200px),反正只是下面的圖看不到而已,萬一那天我想把山頭區放大,那就不用重做這張圖了。
  • 同樣,這張圖也別太複雜,因為上面會放很多文字,所以也要注意是否可以與文字相搭配(例如:文字是黑色,你又放一張黑色的圖上來,那文字不就看不到了)。
  • 最後,我發現城邦好像沒有提供類似「網域口號」(slogan)這類的設定,所以在這個區域您能變動的文字只有「網誌名稱」這個項目,可是這個項目又限定很多(例如定長度不可超過25個字、不可使用html語法)。所以如果您跟我一樣,想放上網誌的slogan ,那麼您可以利用一些圖片編輯工具,將slogan先放在這張圖上面,這樣就可以了。

圖準備好之後,就可以把它們上傳到城邦來了(注意:這二張圖的大小都不能超過100K,否則是無法上傳的),以下是上傳的步驟:

1.      登錄到城邦,進入自己的網誌

2.      選擇「管理中心」的「網誌設定」

3.      把畫面移到「網誌風格」區

4.      分別按下在「背景圖」和「山頭圖」後面的「瀏灠」鈕

5.      挑選你剛才設計好的「背景圖」或「山頭圖」(別選錯喔!)

6.      按下網頁上「確定」鈕

7.      等待圖片上傳:通常不會花太久的時間就可以傳完,如果成功會出現訊息通知

8.      接著網誌應該會自動更新讓您看到修改後的結果,如果還是沒什麼改變,可以按一下「更新按鈕」(或者按下「F5」也可以),應該就可以看到成果了

9.      如果不太滿意這個結果,同樣在上述第四個步驟的那兩個欄位下面會出現「刪圖」的超連結,把它們按下去就可以刪掉已經上傳的圖,讓網誌的風格恢復成原先的設定了

心動了嗎?要不要試試看為網誌換上新裝呢?祝您換裝成功喔!


ps.這篇文章如果對您有參考價值,別忘了要推薦一下喔!




本文於 修改第 1 次
回應 回應給此人 推薦文章 列印 加入我的文摘

引用
引用網址:https://city.udn.com/forum/trackback.jsp?no=56615&aid=2250403
 回應文章
原作資訊
推薦2


balawu
等級:7
留言加入好友

 
文章推薦人 (2)

傑玉
hannah 汪

 

原作連結 : 網誌風格設定經驗談(一)--背景圖與山頭圖

發表時間 : 2007/03/06 21:38:08

刊登日期 : 2007/04/18 11:28

感言 :  

其實這篇不是下午茶,是刊登在城邦週報,

當時自己也很呀異!怎麼會獲得電小二的青睞;

當然,除了呀異,也有驚喜,所以就一直寫下去了。

回應 回應給此人 推薦文章 列印 加入我的文摘
引用網址:https://city.udn.com/forum/trackback.jsp?no=56615&aid=2250419