最近有人问我评论处的昵称、邮件地址、个人主页怎么折叠了是怎么实现的,说到这个代码是小松帮我弄的,可他没有写出教程,不知道是为什么 今天就有我帮他写出来吧!
打开 module.php
查找
//blog:发表评论表单
下
<div class="comment_post">
添加
<?php if(isset($_COOKIE['commentposter'])): ?>
<div id="welcome">
欢迎 <strong><?php echo $ckname; ?></strong> 再次光临!<a id="profile" href="javascript:void(0);">[更改用户]</a>
</div>
<?php endif; ?>
查找 <form method="post" name="commentform" action="<?php echo BLOG_URL; ?>index.php?action=addcom" id="commentform">
下面添加
<div id="author_info">
查找
<p><textarea name="comment" id="comment" rows="10" tabindex="4"></textarea></p>
上面添加 </div>
打开 /lib/js/common_tpl.js添加下列代码
/* 用户资料 */
$(document).ready(function(){
if(document.cookie.indexOf('commentposter') > -1){
$('#author_info').css('display', 'none');
$('#profile').toggle(function(){$('#author_info').slideDown('slow');$(this).html('[关闭更改]')},function(){$('#author_info').slideUp('slow');$(this).html('[更改用户]')})
};
})
打开主题 的main.css 添加下列代码
/*折叠*/
#welcome {color:#999999;font-size:12px;}
#welcome span{color:#0079B7;}
#welcome strong{color:#0079B7;}
最后 在 header.php 加载下 jquery 如果加载过的 可以无视。
<script src="<?php echo BLOG_URL; ?>lib/js/jquery/jquery-1.2.6.js" type="text/javascript"></script>
写这个教程的时候上面全部添加了,本地测试了下居然是失败的,找了小松,他一眼就看到我没加载jquery ,结果被他悲剧了下。知道加载jquery有多么重要了吧
注意: jquery必须比js代码先要加载,不然会导致代码不能正常显示。



2011-12-31 11:07