; Elaine0211
HOME TUTORIALS MATERIALS LINKS FOLLOW CHATBOX

# 课程; 如何在bs 添加&美化comment
2012/11/11 16:47 ♥ 0 SARANG(s)

Tutorials Require By 儍寶妍.

久违了, 亲爱的课程 XD
不过我很想说啊
不是每个bs 都会提供留言的玩意儿吗? @@
算了吧
要是你使用着bs 却没有comment的话就可以来看看这篇咯
不保证会成功,因为每个bs 的code 都不一样

---------------------------------------------------------------

按 Ctrl+F 找 </style>
在</style>的上面添加这些code

#comments {
margin:5px 13px 0;
border-width:0 1px 1px;
padding:20px 0 15px 0;
}
#comments-block {
margin:0 15px 0 9px;
}
.comment-data {
background: url(图案url)no-repeat;
text-align:center;
margin:.5em 0;
padding:0 0 0 20px;
color:#000;
}
.comment-poster {
}
.comment-body {
margin:0 0 1.25em;
padding:0 0 0 20px;
}
.comment-body p {text-align:center;
border:1px solid #000;
margin:0 0 .5em;
opacity:0.5;padding:5px;
margin:0px 0px 2px;
border-radius:5px;
background:url("背景图url") repeat;
color:#000;
}
.comment-timestamp {
margin:0 0 .5em;
padding:0 0 .40em 10px;
color:#fff;
}
.comment-timestamp a:link {
color:#666;
}
.deleted-comment {
font-style:italic;
color:gray;
}
.paging-control-container {
float: right;
margin: 0px 6px 0px 0px;
font-size: 80%;
}
.unneeded-paging-control {
visibility: hidden;
}
.footer{
color:#000;
background:#fff;
opacity:0.6;margin:0px 0px 2px;
padding:2px;
text-align:center;
border:1px solid #000;
}
a.footer{
color:#000;
}

Comment 部分

Footer 部分

粉色代码 ; 透明度,数字越小越透明
青色代码 ; 黑色箭头处的图案url
靛色代码 ; 红色箭头处的背景url

美化代码应该不需要我多解释吧? ( 其实是我懒惰解释-.- )
不明白的就问我吧

---------------------------------------------------------------

然后找 Older Post / Newer Post
把代码①放在上面 (注意浏览图)


<div style="text-align:right;"><div class="footer">
<a href="<$BlogItemCommentCreategt;"<$BlogItemCommentFormOnClickgt;><$BlogItemCommentCountgt; Comment(s)</a></BlogItemCommentsEnabled>
</div></div>
<ItemPage>
<div id="comments">
<BlogItemCommentsEnabled><a name="comments"></a>
<dl id="comments-block">
<$CommentPagergt;
<BlogItemComments>
<dt class="comment-data" id="<$BlogCommentAnchorNamegt;"><a name="<$BlogCommentAnchorNamegt;"></a>
<$I18NCommentAuthorSaidgt;
</dt>
<dd class="comment-body">
<p><$BlogCommentBodygt;</p>
<$BlogCommentDeleteIcongt;
</dd>
</BlogItemComments><br/><br/><br/>
<$CommentPagergt;
</dl>
<p class="comment-timestamp">
<$BlogItemCreategt;
</p>
<br/><br/>
</div>
</itempage>



紫色代码 ; 显示xx留言的字体 { 如下图红框显示 }


---------------------------------------------------------------

还没完呢
再到你代码里面找那些按了会回到原本浏览着的帖子的代码
像我的就是 <div id="post" style="display: none;"> .... 之内的代码
记得哦、不是关于页面的代码
在 post-title 之后的代码添加代码② (注意浏览图)

<div class="footer">
<div style="text-align:center;">
<a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$>Comment(s)</a></BlogItemCommentsEnabled>
</div></div>
<ItemPage>
<div id="comments">
<BlogItemCommentsEnabled><a name="comments"></a>
<dl id="comments-block">
<$CommentPager$>
<BlogItemComments>
<dt class="comment-data" id="<$BlogCommentAnchorName$>"><a name="<$BlogCommentAnchorName$>"></a>
<$I18NCommentAuthorSaid$>
</dt>
<dd class="comment-body">
<p><$BlogCommentBody$></p>
<$BlogCommentDeleteIcon$>
</dd>
</BlogItemComments>
<$CommentPager$>
</dl>
<p class="comment-timestamp">
<$BlogItemCreate$>
</p>
<br/><br/>
<p style="padding-left:20px;">
<a href="<$BlogURL$>"> <<  Home </a>
</p>
</div>
</ItemPage>
<!-- End #comments -->


紫色代码 ; 与代码①的紫色code 一样
蓝色代码 ; 回到主页显示的字 ( 下图蓝色箭头处 )


最后应该不必我提醒了吧?
按save 保存就完成了 XD 
---------------------------------------------------------------

我真的不知道这些代码是否有效
因为每个bs 的code 都不一样 ( 无奈 )
所以成功了要说
失败了也要说
就将咯、俺写小说去
疑问可在cbox 或fb inbox 我 :)


标签: ,

◁ NEWER
OLDER ▷
© 2017 Designed By Elaine0211.