您的位置 » 首页 » emlog折腾 » emlog折叠评论的昵称、邮件地址、个人主页教程

emlog折叠评论的昵称、邮件地址、个人主页教程

发表于311 天前 | 作者: 搜 | 分类: emlog折腾 | 破蛋日:2010年09月08日 | 流行热度: 热度45°

最近有人问我评论处的昵称、邮件地址、个人主页怎么折叠了是怎么实现的,说到这个代码是小松帮我弄的,可他没有写出教程,不知道是为什么 今天就有我帮他写出来吧!


thum 156005c5baf40ff51a327f1c34f2975b20100908014217 emlog折叠评论的昵称、邮件地址、个人主页教程

 
当没有评论时候的截图

f3ccdd27d2000e3f9255a7e3e2c4880020100908014217 emlog折叠评论的昵称、邮件地址、个人主页教程

当评论后 昵称、邮件地址、个人主页就会被隐藏起来

打开 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代码先要加载,不然会导致代码不能正常显示。

文本标签:
本文地址:http://www.gokuc.cn/emlog-collapse-comments-nickname-email-address-personal-home-page-tutorial.html
除非注明,本站所有文章皆为原创,转载请以链接形式标明本文地址

已经有16个伟大的人留下了手印...

  • supra outlet 说:-0001 年 11 月 30 日 00:00 回复

    这个世界既不是有钱人的世界,也不是有权人的世界,它是有心人的世界。

  • 林西老九 说:-0001 年 11 月 30 日 00:00 回复

    嘿嘿,沙发啊,哈哈/呲牙

  • 搜 说:-0001 年 11 月 30 日 00:00 回复

    @sprityaoyao:呵呵QQ的表情哦

  • 搜 说:-0001 年 11 月 30 日 00:00 回复

    @yesureadmin:本身就是从wp移植过来的

  • 搜 说:-0001 年 11 月 30 日 00:00 回复

    @vibbow:只有几K

  • sprityaoyao 说:-0001 年 11 月 30 日 00:00 回复

    这个评论表情不错

  • curtain fabric 说:-0001 年 11 月 30 日 00:00 回复

    又来看看

  • cordyceps 说:-0001 年 11 月 30 日 00:00 回复

    最喜欢emblog

  • 博客seo 说:-0001 年 11 月 30 日 00:00 回复

    谢谢, 有用的信息!

  • tire inner tube 说:-0001 年 11 月 30 日 00:00 回复

    谢谢, 说的很对!

  • Bob 说:-0001 年 11 月 30 日 00:00 回复

    哈哈 3Q啦 正要用

  • joyla 说:-0001 年 11 月 30 日 00:00 回复

    /大笑 厉害!纯支持了!

  • 小松 说:-0001 年 11 月 30 日 00:00 回复

    ?~

  • 朵未 说:-0001 年 11 月 30 日 00:00 回复

    我也去改下我的emlog,现在用手机参观啊。

  • yesureadmin 说:-0001 年 11 月 30 日 00:00 回复

    wp也可以借用吗?挺不错的

  • vibbow 说:-0001 年 11 月 30 日 00:00 回复

    就为了这么一点效果还得加载那么巨大的jQ,得不偿失啊…

发表评论

你的大名(必填)

你的邮箱(必填)

你的网站(选填)

评论内容(必填)

/鼓掌 /难过 /阴险 /酷 /调皮 /白眼 /疑问 /擦汗 /撇嘴 /抠鼻 /惊讶 /微笑 /得意 /害羞 /坏笑 /哈欠 /咒骂 /呲牙 /吓 /可爱 /发怒 /发呆 /伤心