是紅中的照樣照句。
新版全是BUG，罄竹難書（這個很重的成語難得可以用上了= =）
好啦，反正發表迴響那區域和版主回覆我修好了，CSS的ID與class標籤架構如下，有興趣者可參考。
 

 

 

 

官方提供的直接貼在部落格／樣式管理／樣式設計精靈／CSS原始碼編輯器的最下方即可。



若想改版主回覆時那超小的區域，請看有橘色底那部份（.input-style）
寬高自己高興就好，加設隱藏X卷軸（overflow-x）是避免跑框（若沒有設FF沒事，IE會超出區塊）

［比較圖1］左邊：官方預設的版主回覆區域。　　　　　右邊：修改過的。明顯清清楚楚大很多XD


 
 以下是我目前的設定。


/*--------版主回應--------------*/
.reply-text {
                  border-top: #D8E9F2 3px solid;
                  border-right: #CCE0EA 3px solid;
                  border-bottom: #C7DCE6 3px solid;
                  border-left: #D8E9F2 3px solid;
                  margin: 15px 10px 5px 120px;
                  padding: 5px;
                  color: #1785C0;
                  background: #fff;                 
                  overflow: auto;
                  overflow-x: hidden;                 
}
.reply-text p {
                  text-align: right;
                  color: #9db9c8;
                  font-size: 9pt;
}
.reply-text a {/*版主名字*/
                  color: #9db9c8;
                  font-weight: bold;
}
.input-style {/*版主回覆時 點下去的那區域*/
                  width: 500px;
                  height: 200px;
                  font-size: 10pt;
                  overflow: auto;
                  overflow-x: hidden;
}

 

 

 


/*----------------------------官方改版 發表留言區域----------------*/
#comment-form {
                  padding: 0px 0px 10px 0px;
                  font-family: "Georgia", "Courier New";
                  width: 645px;
                  border-bottom: #E2E9EE 2px dashed;
                  font-size: 10pt;
}
#comment-form p { /*本篇迴響權限*/
                  color: #9DB9C8;
                  text-align: right;
}
#comment-form th h4 { /*發表留言這四個看也知道無意義的文字*/
                  height: 40px;
                  padding: -10px 0px 10px 0px;
                  background: url(http://p6.p.pixnet.net/albums/userpics/6/4/54764/1209417607.jpg) left bottom no-repeat;
                  color: #fff;
                  font-size: 0pt;
                  text-indent: -5000px;
}
#comment-form table { /*整個迴響表格*/
                  color: #3D86B0;
                  width: 100%;
}
#comment-form table th { /*迴響表格標題欄*/
                  padding: 5px 5px 5px 5px;
                  color: #919fd5;
                  text-align: center;
                  width: 113px;
                  border: none;
}
#comment-form table td { /*迴響表格內容欄*/
                  color: #000;
                  vertical-align: top;
                  padding: 2px 5px;
                  border: none;
}
#comment-form input { /*留言者資訊輸入框*/
                  height: 20px;
                  border: #CBCBCB 1px dashed;
                  margin: 0px;
                  padding: 0px;
                  background: transparent;
                  color: #558097;
}
#blogcommenttext_name {
}
#comment-form th font { /*必填欄位的紅星星*/
                  font-size: 20pt;
                  color: #e4b2b2;
}
#comment-form textarea { /*留言內容框*/
                  width: 98%;
                  height: 200px;
                  color: #000;
                  background: url(http://p6.p.pixnet.net/albums/userpics/6/4/54764/48aefffc62aa8.jpg) center left no-repeat #fff;
                  border: 2px solid #cde2ea;
                  font-size: 10pt;
                  overflow: auto;
                  overflow-x: hidden;
}
input#send-comment{ /*確認送出鈕。官方說的#send-comment input是錯誤的，中間不能有空格。*/
}

 

 


 

 

 

 

 

 

 

 

 

［比較圖2］左邊：官方預設的發表回覆區域。　　　　　　右邊：修改過的。明顯美觀又好用許多XD

 

 

 

火狐3.0和ie 7.0測試ok。
迴響表格內容欄能修的只有留言者名字，其他沒有獨立ID和class，全被input限制住了。
原本希望信箱和網址的輸入欄可以寬一點。

另外，發表文章時，按enter預設從原本的<br>分行變成<p></p>分段
想要行高不要那麼寬，換下一行必須按shift+enter（和做網頁一樣喔XD）
插入圖片的問題直接在編輯器的原始碼修改。

後台捲軸亂跳的問題，使用火狐開啟就沒事了。
後台左邊功能表有捲軸，改成1280x1024以上就全部看得到了。
最新文章和最新迴響的顯示篇數設定，官方後來有公告，按設定後送出不要再按存檔，前台即可顯示。

arrow
arrow
    全站熱搜

    小無 發表在 痞客邦 留言(12) 人氣()