Contents ...
udn網路城邦
UDN自訂網誌模版教學【部落格創作圖解教學5】
2008/11/16 09:38
瀏覽6,614
迴響6
推薦68
引用4

【前言】

      如晞在華梵大學大安教學推廣中心學分班開設的「部落格創作」課程,今天是最後一堂課了。9個禮拜來的相處,對如晞來說,是一個美好的經驗。同學們最後希望針對UDN自訂網誌模版教學,再做一次總複習。趁此機會,利用如晞的愛徒EG所發表的教學網誌,也和格友們一塊做線上分享,語法一開始看來像天書,花一點時間多瞧兩眼便能看懂,有問題可以提出來互相切磋喔。

以下內容引用自如晞的愛徒EG所發表的網誌:

【教學】UDN改版大作戰

 ─=☆EG☆=─  

. 

.Tips:

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

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

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

流程一、選定模版

流程二、改背景

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

2008/08/23
Photo by EG

流程三、改山頭

原版模的山頭→大改造

這裡的山頭圖~如果比山頭版寬小~EG見意將背景設為不重覆(no-repeat)
再則背景顏色也是看你需不需要加!
background-position: center;/* 背景位置 */
right為靠右 left為靠左 center為置中
  關鍵字:【山頭區塊】
2008/08/23
Photo by EG

流程四、改網名位置

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

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

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

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

流程六、改搜尋位置

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

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

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

流程八、變身成功

 

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

再從COLOR CODE:中取出色碼!

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

延伸閱讀UDN電小二的教學:

 網誌風格CSS架構圖解

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

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

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

【延伸閱讀如晞的其他教學網誌】

 一次上傳一堆照片的秘訣

 將圖片放在網誌的文右或左的方法

 插入影音播放器及自動播放音樂的方法

 如何使用部落格的引用功能

有誰推薦more
全站分類:休閒生活 生活情報
自訂分類:部落格大事紀

限會員,要發表迴響,請先登入
迴響(6) :
6樓. 眉樂遞
2011/06/17 17:59
我的山頭圖片到底問題出在那兒

hi~如晞老師

最近開始玩blog,來到您的部落格,您的許多教學文章,都讓我受益良多 ~ ~

我也想佈置一個屬於自己的部落格,但對於一些blog 新手用得到那些基本功,有時仍感到一頭霧水,還希望老師能在blog上分享一些blog新手教學,感恩


這次我照了您的愛徒分享的教學步驟去修改我的山頭圖,可是我的圖片右方出現重疊圖片,這要如何修正呢?

還有我的山頭中的"網誌橫式主選單",那個粉紅愛心的背景都會缺圖,這可以一起改嗎?

謝謝您的指導

看到你的問題時 我在馬爾他旅行

剛回到台灣  一直惦記著要來回覆你

你的山頭圖是因為不夠寬才會左右各Repeat一塊

我看了你選用的這個版型 山頭的大小是770寬 424高

你上傳的照片最好就剪裁成這樣大小再上傳

另你現在外撓的Flash太大了  蓋住了你的橫式功能表 會讓讀者點不到像訪客簿啊 文章創作這些地方 你要把高度改小一點

程如晞2011/06/21 16:57回覆
5樓. 傑玉 環島回來
2011/03/06 08:48
謝謝 這篇最清楚 要讓妳知道啦

看過好幾篇  有關改山頭圖  的文章     還是不清楚

我一步步照  這篇試驗   成功了  謝謝

不過  我為了偷懶    還沒去更動呢


謝謝傑玉

程如晞2011/03/06 09:11回覆
4樓. 化學神
2009/01/29 23:59
感謝
Dear 如晞老師:

   感謝妳的分享,很受用歐^_^

PS:決賽開始了~朋友們~有空可以幫忙投票歐...^___^ 

趕快加入~搶救化學神大作戰的行列吧~!!

以下是網址=>幫化學神衝人氣~^______^!!

歡迎多留言歐~!!

 by 充滿喜氣的化學神


3樓. ◇小峰(邱上峰)
2008/11/30 00:32
感謝
感謝如晞老師的教學
摸了一個下午大概有點頭緒了
把自己的部落格改了一下
準備要開始經營了:)
這陣子沒有動靜的原因寫在部落格內
尚請見諒

2樓. faith信心
2008/11/17 19:57
謝謝無私的如晞~

妳很用心 , 圖文非常仔細詳盡

謝謝妳的用心~ ^^

1樓. 熊咪
2008/11/17 10:10
感恩如晞的用心~

好複雜喔!

不過我還是很感恩如晞的用心~