這是一個關於如何修改「本網誌首頁」、「文章創作」等前面圖示的教學，僅適用在網路城邦。

★如果您的圖片是網路上的，請把「圖片的網址」複製起來，並直接從這裡開始看。

★如果您要放的圖片，是存在自己電腦上的圖片，請從頭開始看：

請先至「個人相簿」／「新增相片」

上傳您要當作圖示的圖片

點圖片進去看完整圖案，進去之後在圖片上面按「右鍵」／「內容」，並把網址複製起來。

進入「管理中心」／「網誌設定」

至「編輯自訂樣式」下

把捲軸拉下來，差不多中間的地方，找到如下內容：

/* ----------【網誌橫式主選單】小圖示（欲更換小圖示，請修改url為圖檔所在地的絕對連結）-------------- */ /* 本網誌首頁 */ #home {  background: url(http://city.udn.com/community/img/user_all/menu_article_h.gif) no-repeat left top; } /* 文章創作 */ #article {  background: url(http://city.udn.com/community/img/user_all/menu_article_h.gif) no-repeat left top; } /* 個人相簿 */ #photo {  background: url(http://city.udn.com/community/img/user_all/menu_photo_h.gif) no-repeat left top; } /* 訪客簿 */ #gbook {  background: url(http://city.udn.com/community/img/user_all/menu_guestbook_h.gif) no-repeat left top; } /* 作家簡介 */ #profile {  background: url(http://city.udn.com/community/img/user_all/menu_detail_h.gif) no-repeat left top; } /* 管理中心 */ #manage {  background: url(http://city.udn.com/community/img/user_all/menu_manage_h.gif) no-repeat left top; }

把剛剛複製的網址，貼到url(http://.................)括號裡。

按確定並重新整理，看看結果。

如果您的圖示比較大，會遮到字，請您找下列語法：

/* ----------【網誌橫式主選單】連結-------------- */ #header_menus li a {  color: #274D74; /* 連結文字的顏色 */  font-size: 13px; /* 連結文字的大小 */  padding-left: 18px; /* 左測的內距 */ }

找到「padding-left: 18px; /* 左測的內距 */」
把紅色的數字改大一點，一次加5慢慢試，一樣改完按確定並重新整理。

結果：

成功了嗎？希望您的答案是肯定的！

寫了那麼多教學，其實我覺得這些都只是一點小技巧，只是好像被我講的很難。

學程式的目的，不只是要學會它，更要進一步的運用它，這是我學程式的一點小心得，學以致用才是最終目的。

css的部份，它上面及後面都附註了中文，其實還滿好懂的，英文大家至少都認識。有的人總會看到那是程式就卻步，但是我覺得，只要肯自己學習，一切都會變的很簡單，如果總是要等別人的教學，那永遠學不會東西，永遠得不到自己研究的樂趣及成就感。

希望大家都能學到些什麼東西。