我原本留言在日誌站長那兒,有個好心人士告訴我,現在語法中新增加了留言回覆的語法…趕緊來試試看!
語法如下:
/*留言回覆邊框*/
.reply_info{
width:70%;
border:1px dotted #4D0095;
padding:1.2em 1.2em ;
margin:1.2em ;
}
這是原本的語法,我把框框的線條加粗,然後再加上我的
圖示,做個區隔,再把整個回覆框移到右邊,這樣才不會整個在左邊和網友留言的位置相連。
以下是我的語法:
/*留言回覆邊框*/
.reply_info{
background:url(http://e.blog.xuite.net/e/6/e/2/12304732/blog_747189/txt/11021746/340.gif) no-repeat;
padding:20px 5px 5px 20px;
float:right;
width:70%;
border:2px dashed #FFFFFF;
margin:1.2em ;
}
想更改的網友,把一些語法拿來運用一下,可以試著做出不一樣的風格哦!
不過,美中不足的是,我如果放了圖片就不能改背景顏色,因為會相衝突,應該建議日誌站長,把留言回覆框的語法分得細一點。
像是.reply_content可以當回覆內容,.reply_box可以當整個回覆框,為什麼我會這樣想呢?因為我看到這個網誌上寫的教學,不過那是pixnet的網誌,我有試過拿來套用在xuite上,還是不能用!
ps:我發現到一個問題,那就是如果把整個框框浮動到最右邊(float:right;),如果留言者沒有留e-mail或網址,回覆框會沒辦法對齊,如下圖↓

所以,現在我的語法改成這樣↓
/*留言回覆邊框*/
.reply_info{
background:url(http://e.blog.xuite.net/e/6/e/2/12304732/blog_747189/txt/11021746/340.gif) no-repeat;
padding:20px 5px 5px 20px;
width:100%;
border:2px dashed #FFFFFF;
margin:10px 10px 10px 50px;
}
讓框框還是在左邊,但是左邊的留白多一點,和留言者的留言做個區隔。
而回覆框的寬度我也改成100%,70%實在太小啦!^^




各站台台長






