min'cellanea

之前在一些人家裡看到Spotplex 這個玩意，覺得很有趣，不過研究了半天還是不知道怎麼裝在blog 裡，於是用Google 找看看有沒有教學，終於在《艾艾的部落格》裡找到這一篇教學：Spotplex 幫您的部落格加上文章點閱排行榜 (詳細圖文教學)
不過呢... 不知道是我太笨還是怎樣，有了那麼清楚的教學卻還是裝不成功，於是昨天再研究一次，看看到底在Pixnet 要怎麼裝。結論：真的是我太笨，哈哈。
首先，先到Spotplex 官網：Spotplex.com

來介紹一下最近的新功能「留言回覆」，也就是blogger 個別回覆客人留言的地方。
語法有三個：replyBox, replyContent, replyInfo. (如下圖)
整個框框是replyBox，內文是replyContent，blogger 資料是replyInfo。我附了padding 的設定，可以和下面兩個圖比較，會更清楚知道padding 是指哪個地方。
如上圖，如果replyContent 的padding 設零的話，回覆內文會緊貼"Reply:" 字樣和blogger 資料的地方，上圖中內文沒有緊貼blogger 資料是因為我的replyInfo 設為：padding-top: 10px;

Pixnet 新增了「加入書籤」的功能，馬上檢查看看，結果發現字體太大了，跟文章後面的「同分類閱讀」和「歷史上的今天」一樣，之前有想要改，可是一直拖著沒改。
要改字體大小要到哪裡改呢？目前我所知道的是-- 它在mainEntry 下面，所以就在那裡改囉！不知道mainEntry 在哪裡的請看[CSS 10] 一文。
在mainEntry 裡面加入font-size 的語法，就可以把書籤和延伸閱讀的字體改成你想要的大小，加入color 語法就可以改成你想要的字體顏色。不過，如果你的mainEntryTitle 裡面沒有加入字體的設定，那就會連文章標題的顏色一起改了喔！如果不想要標題和書籤還有同分類閱讀等等一樣的顏色，請自己在mainEntryTitle 下面加入color 的語法。
對了，之前沒設mainEntry 字體語法的時候，在首頁的地方，最新文章，也就是第一篇文章，和下面的文章標題顏色會不一樣，第一篇文章的標題顏色會和「加入書籤」的字體顏色一樣。

接上篇。
表格的邊框。
可以分成兩個部份。
1. 欄位標題：.tbHeader

好久沒寫CSS的東西了，今天把之前新增的「編輯發表迴響CSS」的內容研究了一下，雖然應該很少人會想要去改這個部份吧！@@...
說研究，其實也只是在每個項目加了個border 的語法，看看它們的範圍和功能是什麼，下面就是我加的語法，是個橘色的邊框。
border: solid 2px #FF8001;
總共十五個部份，也就是說有十五張圖，所以分成兩篇文章，以免太長。

之前在《文章語法 上》文中提出了兩個疑問，關於mainEntryTitle 和mainEntrytitle h3 之間，還有mainEntryBody 和mainEntryBase 之間到底有什麼不同，一直沒有研究清楚，現在在這篇文章中用圖說個明白吧！
在《部落格語法統整》文中，有列出了文章部份的區塊(#Content)包括哪些，這裡再說一次，並加入了grey 和grey2 的部份比較。

#Content
.mainEntry
.mainEntryTitle
.mainEntryTitle h3
.date
.mainEntryBody
.mainEntryBase
.mainEntryBottom　/* grey2 */
.footer　/* grey */
.mainEntryfoot 　/* grey2 */

 之前的 [CSS 01], [CSS 04], [CSS 06] 有做部分更新。
因為搞不清楚margin 的界線在哪，所以做了一些實驗：在#Sidebar 和#Content 區塊及其子區塊加入了border 的語法(如下)，然後看會變成什麼樣子。

對我來說，文章中有插圖時，最討厭的就是圖片太大造成右邊選單整個往下移，因為這樣很不整齊、不雅觀，而且想換篇文章看還要不停的往下捲到最下面才能找到選單，邊捲心裡還邊OS：「有完沒完阿！」太麻煩了啦！
我這麼龜毛的人怎麼能容忍這種事發生在我網誌中呢！基本上我知道的有四種方法。
#1. 把#Content 的寬度加大
這是我用的方法。通常樣式選擇裡的因為作者希望有某些風格，所以整個#Container 的部份不能改。其實，也不是不能改，而是#Top 的圖寬度是固定的，如果加寬的話就不美觀了。
因為我也只是剛開始研究CSS，要我自己寫一篇樣式出來太難了，我都是先挑我覺得可以改的，把#Container 和#Content 的寬度加大。

之前在[CSS 06] 說到七個「#」區塊範圍的時候有放了一張圖，裡面的#Top範圍是這樣的：
＊grey2模板
#Top 區塊是第2項(橘色框框)的部份，表面上看起來是這樣，其實不是。

終於把「迴響列表」的部份研究了一下。
我試了兩個模板：grey 和grey2
grey 的部份，樣式是用CSSstyle 的raindrop。
grey2 的部份，樣式是noon，不過現在好像不在「樣式選擇」裡了，找不到，也不知道作者是誰。
先看grey 的好了。