網友來信詢問：
1. 您痞客邦上排的「相簿、部落格、留言、名片」， 是如何修改為「粉絲團、關於歐飛、組裝說明、維修說明」
2. 您的名片區塊，我猜是個人資訊，但目前還沒領悟如何修改
3. 頁尾區塊的自訂訊息，這有找過相關的教學，應該能最先理解 吧
------------------------
網友會問這個問題，可見網友對「CSS」似乎不熟。
請到我的部落格右上方的搜尋捜「CSS」即可看到相關的文章教學。
本文我大概講一下我是怎麼把痞客邦預設的四個欄位，改成我自己想要的欄位。
以下我只講重點，如果你看不懂，麻煩您搜一下CSS，你要先學CSS再來看我這一篇，您就懂了。
一、先把原來的那些預設欄位「隱藏」
#link-guestbook{display:none;}
#link-album{display:none;}
#link-blog{display:none;}
#link-profile{display:none;}
二、建立「關於歐飛」的欄位
#box3333XX{ ←這個數字不一定，請依實際情況變化
position:absolute; ←擺放位置為絕對位置， 這一步是重點
top:5px; ←離上面5px
left:1002px; ←離左邊1002px
}
#box3333XX .box-title{
display:none; ←把標題隱藏，因為不需要
}
#box3333XX .box-text{
text-align:center; ←這個才是我的要
margin-top:13px;
}
#box3333XX .box-text a{
color:#2e7eab; ←連結文字的顏色
}
#box3333XX .box-text a:hover{
color:#e5004f; ←滑鼠滑入時變色
}
------------------
因為我右上方有四個自訂欄位，所以上面這樣的CSS我需要在後台做四份，大致上的CSS語法是一樣的，只是絕對位置的top及left的數值會不一樣。
你可能會問那四個白色的圈圈是怎麼弄的，可以用直接CSS控制，但我覺得這樣不方便，我後來是直接做一張底圖，上面就有四個白色圈圈，這樣我在後台的CSS設計時會比較簡單。
至於網友問的第2及第3個問題，說穿了也是用同樣的做法，先到後台自訂一個欄位，然後再修改(自訂)css，重點就是「絕對位置」，因為這樣才能擺放在任意位置。
當然啦，如果您一開始並不懂，這很正常，總之就是要先了解CSS，然後再自己「實試」一下，慢慢調整即可。
好，本文就到這裡給您參考
留言列表
