WP酷的留言样式在前几天进行了些许美化,由设计达人设计留言样式,当初设计这个留言样式就是为了让更多用户去留言。是不是已经看厌了自带的多说评论框样式?我们来一起将更改它的 CSS 吧!
下面一起来看看这个漂亮的留言评论样式是怎么制作的吧:
CSS 代码
这里重点注意的就是 .ds-avatar 的背景要和页面背景一致,这样就能展示出凹进去的效果。body {background:#333;}
.ds-post-main {position:relative; width:500px;}
.ds-avatar {position:absolute; top:20px; width:31px; height:31px; padding:5px; background:#333;border-radius:50%;}
.ds-avatar a {display:block; width:31px; height:31px; background:#01cc01; border-radius:50%;}
.ds-comment-body {margin-left:20px;padding:10px 10px 10px 30px ;height:80px;background:#01