April 21, 2009
鼓勵此網誌：14
今天一早看到 jschristine 在 blog 內留言詢問天空+FunP推文鈕的問題，到 jschristine 家確認問題時，看到 jschristine 的天空推文工具列有框，因為最近在重練天空 CSS，想到推文工具列是放在 Table 內，而留言版的留言也是放在 Table 內，於是用 FireFox+FireBug 看到了 CSS Table 的設定標簽，依樣修改，讓我的留言版也可以加上分隔線了 
以下就來分享一下作法。
.post_body table 是留言版每一則留言的大表格。以上的設定是把整個表格加外框，再與下一則留言加上間隔。
請注意：如果不想要您的網誌也有同樣的外框，請如同 .post_content table 的設定。
.post_body table tr td table 是留言版內文的表格，因為前一個設定會加外框及加間距，但在內文內的表格不想要有這樣的效果，所以，把 border/margin 都設 0。
#bookmarker table 是網誌內推文按鈕工具列的表格，因為與留言版是放在相同的 CSS 下，如果沒有作此設定，會變成前面所設定的 .post_body table 樣式。
#bookmarker table tr td 是網誌內推文按鈕工具列表格的每一個 Cell，同樣是不想要有留言版的樣式，所以加上取消的設定。
.post_content table 是網誌文章內的表格，同樣是不想要有留言版的樣式，所以加上取消的設定。(感謝 pailing 的測試及告知)
深深覺得，天空的 CSS 真的是需要好好重整，特別是後來加的許多功能，CSS 都是寫死在 HTML 內，或是 Java 內，由後台不容易修改，或是根本沒有特別的 class 或 id，想要改都無法改。好家在，我 CSS 重練已經練得差不多了，不然，還真可能會放棄。
如果您想要與 dllee 一樣在留言版加分隔線，可以將以上 CSS 碼複製，到天空後台 → 功能設定 → 樣版設定 → 編輯 CSS 檔，在輸入框最後面貼上 CSS 碼，再按 [儲存] 按鈕即可。
！！！請注意，CSS 如果誤存或誤刪，會導致破格唷！！！
不過，如果您還沒改過，表示使用預設樣版，真的改錯破格了，就重新套用預設樣版，如果您已經改過，那建議您先備份 CSS 後，再作測試，有個萬一時，還可以復原。
祝大家都有美好的 Blog 版面
... 未完 ... 使用前請先測試效果 ...
以下就來分享一下作法。
.post_body table tr td table tr td {
padding:16px 5px;
border-bottom:2px dotted #C8F;
line-height:1.8em;
min-width:100px;
}
.post_body table{
border:1px solid #C8F;
margin-bottom:10px;
}
.post_body table tr td table {
border:0;
margin:0;
}
#bookmarker table {
border:0;
margin:0;
}
#bookmarker table tr td{
padding:0;
border:0;
}
.post_content table {
border: none;
margin: 0;
}
td.comment_item_text{
min-width:100px;
}
.post_body table tr td table tr td 這個是留言版內表格的每一個 Cell。以上的設定是加上間隔、底線、行距加大。#C8F 是 #CC88FF 的縮寫，為底線的顏色，有需要可以自行調整。.post_body table 是留言版每一則留言的大表格。以上的設定是把整個表格加外框，再與下一則留言加上間隔。
請注意：如果不想要您的網誌也有同樣的外框，請如同 .post_content table 的設定。
.post_body table tr td table 是留言版內文的表格，因為前一個設定會加外框及加間距，但在內文內的表格不想要有這樣的效果，所以，把 border/margin 都設 0。
#bookmarker table 是網誌內推文按鈕工具列的表格，因為與留言版是放在相同的 CSS 下，如果沒有作此設定，會變成前面所設定的 .post_body table 樣式。
#bookmarker table tr td 是網誌內推文按鈕工具列表格的每一個 Cell，同樣是不想要有留言版的樣式，所以加上取消的設定。
.post_content table 是網誌文章內的表格，同樣是不想要有留言版的樣式，所以加上取消的設定。(感謝 pailing 的測試及告知
)深深覺得，天空的 CSS 真的是需要好好重整，特別是後來加的許多功能，CSS 都是寫死在 HTML 內，或是 Java 內，由後台不容易修改，或是根本沒有特別的 class 或 id，想要改都無法改。好家在，我 CSS 重練已經練得差不多了，不然，還真可能會放棄。
如果您想要與 dllee 一樣在留言版加分隔線，可以將以上 CSS 碼複製，到天空後台 → 功能設定 → 樣版設定 → 編輯 CSS 檔，在輸入框最後面貼上 CSS 碼，再按 [儲存] 按鈕即可。
！！！請注意，CSS 如果誤存或誤刪，會導致破格唷！！！
不過，如果您還沒改過，表示使用預設樣版，真的改錯破格了，就重新套用預設樣版，如果您已經改過，那建議您先備份 CSS 後，再作測試，有個萬一時，還可以復原。
祝大家都有美好的 Blog 版面
... 未完 ... 使用前請先測試效果 ...
誰推薦這篇文章：
