網路城邦
上一篇 回創作列表 下一篇   字體:
【教學】UDN改版大作戰
2008/08/23 01:36:36瀏覽9530|回應17|推薦41

想跟EG一樣有自己風格的部落格嗎?

千萬別錯過~這次EG嘔心瀝血製作的教學唷!

只要八個流程就讓你從新手變高手唷!

準備好了嗎?要開始囉!

Tips:

1.請善用【Ctrl+f】搜尋關鍵字!

2.如果發現按下確認後無任何變化請按【F5】重新整理

3.EG推薦到Maggy的網頁圖片收集簿找素材唷!
或到EG的推薦連結《素材。網站》 尋找圖片素材唷!

4.別在下圖紅框區上傳圖片

流程一、選定模版

流程二、改背景

repeat為重覆
no-repeat為不重覆
這端看你找的素材適不適合重覆背景
ps.要換上背景時切記別在下面的【背景圖:】上傳背景圖!
因為更改語法後將不會變更,會維持原樣!
例如:不想讓背景重覆時,它還是會重覆!
請將你的背景圖存在相簿中,再複製圖片網址!
貼到background-image: url(圖片網址);/* 背景圖 */

2008/08/23
Photo by EG

流程三、改山頭

原版模的山頭→大改造

這裡的山頭圖~如果比山頭版寬小~EG見意將背景設為不重覆(no-repeat)
再則背景顏色也是看你需不需要加!
如果要換上山頭圖,請上傳到相簿之後將網址貼到
background:url(圖片網址)
background-position: center;/* 背景位置 */
right為靠右 left為靠左 center為置中
ps.要換上山頭時切記別在下面的【山頭圖:】上傳山頭圖!
因為更改語法後將不會變更,會維持原樣!
  關鍵字:【山頭區塊】
2008/08/23
Photo by EG

流程四、改網名位置

【font-family:】為更改字型語法
小叮嚀一下:如果改變字型可能別台電腦會看不到,
只看到預設的字型(通常為細明體)。
因為其他台電腦未必有您換上的字型。
  關鍵字:【山頭】網誌名稱
2008/08/23
Photo by EG

流程五、改作者和推薦區位置

  關鍵字1:【山頭】網誌簡短網址與作家  

  關鍵字2:【山頭】加入好友、推薦本網誌等

流程六、改搜尋位置

  關鍵字:【山頭】搜尋區塊

流程七、改橫式主選單位置

  關鍵字: 網誌橫式主選單的定位

流程八、變身成功

 

可利用以下的選色器找出你想要的顏色~

再從COLOR CODE:中取出色碼!

感謝星際訪客提供如此棒的另類色碼表!哈

最後還請各位高手多多指教囉^^

Update:2009/01/21

延伸閱讀:

網誌風格CSS架構圖解

玩模板》如何更改更改山頭圖檔?

玩模板》如何更改部落格名稱的顏色和樣式?

教學__『網誌改版面基本教學●1』

( 休閒生活網路生活 )
回應 推薦文章 列印 加入我的文摘
上一篇 回創作列表 下一篇

引用
引用網址:https://classic-blog.udn.com/article/trackback.jsp?uid=eg0501&aid=2154066
 引用者清單(4)  
2015/08/16 10:07 【jieher LEEL的部落格】 【教學】UDN改版大作戰
2009/04/26 17:48 【EG語法測試版】 【教學】UDN改版大作戰
2008/11/16 09:38 【部落格好好玩 催票告急】 UDN自訂網誌模版教學
2008/08/23 23:07 【部落格好好玩.旅行好好玩】 部落格輕鬆上手二部曲 實況

 回應文章 頁/共 2 頁  回應文章第一頁 回應文章上一頁 回應文章下一頁 回應文章最後一頁


等級:
留言加入好友
大恩大德阿
2009/02/22 17:26
現在就開始來嘗試嘗試,真是太感謝您的細心教學,如果碰上問題,還請勞煩您了。
─=☆EG☆=─(eg0501) 於 2009-02-26 18:57 回覆:

互相學習囉!


+~可樂~+(鬼隱中)
等級:6
留言加入好友
感謝!!
2009/01/23 23:19

謝謝妳的教學~!^^

講解的很仔細!

我終於會了~XD

─=☆EG☆=─(eg0501) 於 2009-01-24 15:22 回覆:

我好感動唷!

終於有人看得懂我的教學!

但是再給你一點點建議唷!

山頭圖不要設重覆的

或是找大一點的圖!

圖的寬度大概是770px



等級:7
留言加入好友
我又來
2009/01/21 16:41

山頭圖還是重複阿

我照你方法做

還是一樣

可以交仔細點嗎?

有些幾乎沒變


─=☆EG☆=─(eg0501) 於 2009-01-21 18:57 回覆:
 
要換上背景/山頭時切記別在下面的【背景圖:/山頭圖】上傳背景圖/山頭圖!
因為更改語法後將不會變更,會維持原樣!
如果上傳~記得刪除囉!
在將山頭的這一段語法在更改
【background: url(圖片網址) no-repeat;】


等級:7
留言加入好友
= =沒變
2008/11/17 19:51

你說的方法我有試試看

可是怎嚜沒變

我也有安重新整理

到底出了什問題

你教學是對的嗎?

= =?


─=☆EG☆=─(eg0501) 於 2008-11-18 14:01 回覆:

請問一下~你是要改哪裡呢?

山頭嗎?還是背景?

要換上背景/山頭時切記別在下面的【背景圖:/山頭圖】上傳背景圖/山頭圖!
因為更改語法後將不會變更,會維持原樣!
如果上傳~記得刪除囉!

布丁ㄝx考古發掘
等級:7
留言加入好友
WOW!!
2008/09/23 19:44

這個真是太讚啦


─=☆EG☆=─(eg0501) 於 2008-09-27 21:06 回覆:


心小姐
等級:2
留言加入好友
終於找到了
2008/09/07 21:02
我太需要這份資料了  大感謝!!
─=☆EG☆=─(eg0501) 於 2008-09-07 21:11 回覆:

不客氣

有幫上忙就好哩


珍妮曾在西雅圖
等級:8
留言加入好友
詳細的解說
2008/08/28 12:19

讓我們這些外行人也能照著你的逐步講解來更換模板。

感謝你的慷慨分享這麼寶貴的內容。


─=☆EG☆=─(eg0501) 於 2008-08-29 21:53 回覆:

不客氣^^

希望你看得懂唷!

也希望有幫助到你^^

頁/共 2 頁  回應文章第一頁 回應文章上一頁 回應文章下一頁 回應文章最後一頁