min'cellanea

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

(繼續閱讀...)

minc 發表在 痞客邦 留言(17) 人氣()

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

(繼續閱讀...)

minc 發表在 痞客邦 留言(0) 人氣()

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

(繼續閱讀...)

minc 發表在 痞客邦 留言(2) 人氣()

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

(繼續閱讀...)

minc 發表在 痞客邦 留言(0) 人氣()

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

(繼續閱讀...)

minc 發表在 痞客邦 留言(0) 人氣()

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

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

(繼續閱讀...)

minc 發表在 痞客邦 留言(3) 人氣()

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

(繼續閱讀...)

minc 發表在 痞客邦 留言(0) 人氣()

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

(繼續閱讀...)

minc 發表在 痞客邦 留言(5) 人氣()

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

(繼續閱讀...)

minc 發表在 痞客邦 留言(2) 人氣()

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

(繼續閱讀...)

minc 發表在 痞客邦 留言(1) 人氣()

就像唸書最重要就是要先看標題，了解大綱，再來細讀底下的內容一樣，這次來解說一下整個部落格語法大致的結構吧！（此系列文章主要是供CSS 新手參考用，因為本身也是新手，所以在摸索的過程中把了解的整個整理出來，希望能讓大家更容易上手。）
PS. 這篇是以grey2 模板為主，但是跟grey 相比應該大同小異。(引用、轉貼請附上原文連結，感謝。)
我先把整個結構分成五大區塊：
1. 主體
2. 整個部落外觀

(繼續閱讀...)

minc 發表在 痞客邦 留言(14) 人氣()

搬到Pixnet 後驚訝的發現它有許多無名所沒有的貼心功能，除了它好用美觀的管理介面外。要我說最喜歡哪一個功能，很難，因為它有幾的功能我都很喜歡，難分軒輊。
首先要講的，讓我倍感訝異和貼心的，可能是住在台灣的人或是沒有怪癖的人不常用到的功能。因為住在溫哥華，每次發佈文章的日期總是慢台灣一天，在無名發表的時候總是要往前調一天。也許有人覺得，十九日發的文章顯示成二十號發有什麼差？偏偏我無法忍受這總誤差，十九日發出的文章就要顯示十九日，因為我寫的事情是在十九日發生的，不是二十日發生的，好幾次到帳號管理介面想看看有沒有可以改時區的，偏偏無名就是沒有這個功能，全都預設台灣，所以出現的時間也是台灣的時間，要改要手動換日期，總覺得很麻煩。
雖然Pixnet 時間一樣是預設台灣的，不過它多了一項功能。
在「文章日期」的右邊有個「現在」的按鈕，按下去就自動換成當地時間，超方便，我超愛的。除此之外，在文章發表的頁面有個選項我也很喜歡，就是「文章狀態」的地方有不是VIP也可以用的功能，像是草稿、好友等等，這些都是無名非VIP會員所無法享受到的。
再來，我想講的是文章管理的部份。

(繼續閱讀...)

minc 發表在 痞客邦 留言(4) 人氣()