克子 's 亂塗鴉日誌

其實這不是屬於無名Bolg版主回覆的功能，只是我利用CSS語法修改背景出來的假象.....
由於大家的版型，不一定相同...而且真正的高手也很多，
所以我用我的方法大約解說一下...

(這裡的語法是指網誌內的版主回覆...不是留言板的喔~^^)


版主回應區的背景(下圖紅框部份):

.comments-reply .comments-author {
              background-image: url(圖片網址); /* 這裡輸入你要的圖片網址 */
              background-position: left top; /* 圖片讓它靠左上 */
              background-repeat: no-repeat; /* 圖片不重複 */
              background-color: #eaf1fb; /* 這裡可以設定回應區的底色 */
}

(這樣圖片就會出現在這個位置!~XD )



版主回應區的文字(下圖紅框部份):
其實這裡我沒多做調整...只是把文字移開...不要和圖片重疊!!

.comments-reply .comments-author p {
              margin-left: 18px; /* 文字左邊界偏移(黃色區域自行調整) */
}

(這樣就完成了...其實很簡單吧~XDDDD)





下面的部份是版主回應區的所有語法...大家可以複製回去玩看看，自由發揮創意喔!
(登入進入自己網誌...選取樣式管理--->修改CSS樣式表 (將下方語法複製在最下方修改) 
PS:說真的...因為無名對於CSS的設定自由度還算很高...所以我才會無法割捨~XD


/*(版主回應區背景)*/
.comments-reply .comments-author {
              background-image: url(圖片網址); /* 這裡輸入你要的圖片網址 */
              background-position: left; /*圖片的位置:右置 right、左置 left、中置 center */
              background-repeat: no-repeat; /* 圖片不重複 */
              background-color: #66ccff; /* 這裡可以設定回應區的底色 */
}

/*(版主回應文字)*/
.comments-reply .comments-author p {
              color: #666666; /* 文字顏色 */
              font-size: 12px; /* 設定字體大小 */
}

/*(版主 回應時間)*/
.comments-reply .comments-author .comments-post {
              color: #cc0000; /* 文字顏色 */
              font-size: 12px; /* 字體大小 */
              background-color: #99ffcc; /* 這裡可以設定這區域的底色 */
}

/*(版主 刪除|修改 字樣)*/
.comments-reply .comments-author .comments-post a {
              color: #3366ff; /* 連結字的顏色 */
              font-size: 12px; /* 字體大小 */ 
} 




如果有問題可以提問...但是由於對於CSS我不是高手...
所以有些比較有難度問題我需要測試研究...所以沒法子立即回覆...
請先見諒~>"<










順便打一下廣告！~XDDD
最近C兄的屎王筆記本再度復活連載!
(C)※常人勿進※ = http://www.wretch.cc/blog/heineken68
歡迎大家去看看喔！克子在裡面有客串演出喔！~(害羞)





-------------------------------------------------<重大事件分隔線>--------------------------------------------------------

PS:重要事件:這裡有一隻黃金獵犬需要認養
約三到四歲的公狗，會基本的坐下、握手、趴下、不會隨地大小便。
有心認養的人士請到下列網址看相片及取得連絡方式！
http://www.wretch.cc/blog/lucifer1104&article_id=21054870

[加入 BlogAD 部落廣告]