[公告]提前发布添加评论表情的实现方法

该日志由 万恶 @ 23:02:28 发布,Tag:

2008-08-02 11:48:30更新：本文涉及的方法过于复杂，请自行移步到新的表情实现方法（http://mobanxx.blogbus.com/logs/18761424.html） ，如果你用的是旧模板系统，请到这里：留言表情添加在旧模板下的实现方法 & 在旧模板下添加表情 答疑专用 & 在旧模板下添加表情 答疑专用 2

因为与某人有下面这样的对话，

(2007-12-22 21:01:59)   xxxxxxxxxx
博客評論欄可以添加表情的方法寫出來了么？
(2007-12-22 21:02:38)   jiee(250327942)
呵呵，，我正在帮人做模板，没时间写那个了
(2007-12-22 21:03:05)   xxxxxxxxxx
是么。那是不會寫的了？
(2007-12-22 21:03:28)   jiee(250327942)
你这是什么逻辑…………？
(2007-12-22 21:03:35)   jiee(250327942)
我肯定会写的
(2007-12-22 21:03:46)   xxxxxxxxxx
幾百年后伐？
(2007-12-22 21:04:06)   jiee(250327942)
不要说些不着边际的话，我权当你是在开玩笑
(2007-12-22 21:05:06)   xxxxxxxxxx
哦莫。 看來你這人很難相處。 我先閃叻。?
(2007-12-22 21:05:42)   jiee(250327942)
kao……“你這人很難相處”你是第一个这么说的人，之前别人都说过跟你相反的话
(2007-12-22 21:06:33)   jiee(250327942)
看来，我是跟那些“好相处”的人才能处得来，跟那些“难相处”的人就难相处了，
换句话说，你该检讨下自己了
(2007-12-22 21:08:36)   xxxxxxxxxx
 O 你跟我很熟么？
回句 再見 就ok叻。
…………………… 

所以，临时决定赶工发几张图片出来，有时间的时候，我再慢慢把文字补上，因为图片文件已经不存在，所以会出现表情图标无法正常显示的情况，如果你不懂代码，请暂时不要再使用下面的代码

在下面的代码介绍中，我是以新系统模板代码的基础上加以修改的，旧模板系统的用户请到后面举手 。如果你认为自己是个代码盲，但又想实现评论添加表情的功能，那么请举手 如果你认为自己还多少懂一点代码，那么请继续阅读。

detail代码块中：

index代码块中：



我用的是旧模板

因为旧模板系统的增强功能会涉及不少要修改的地方，所以我不打算讲旧模板的实现方法了。如果有需要的，可以参加这个活动，或者直接找我定制这个效果。

我是代码盲

如果你是代码盲的话，你最好的选择就是找我定制了^_^如果你定制的是整个模板的话，那么我可以为你在定制的模板中加入这个功能。当然你也可以让我在现有模板的基础上，加以定制修改。目前收费标准暂定为15元。

如果你还有其它什么疑问的话，请留言咨询，或者也可以关注我今后的部分日志（我会讲到评论这方面的增强功能的）。





分类于：模板技巧 您可以: 阅读全文 ({#postCounter}) | 评论 (30) | 引用 (4)

评论

  • [avatar:47]谢谢你的教程分享

    万恶 回复 Akira 说：
    呵呵，不用谢
    (2008-08-19 20:33:53)

    Akira (http://tingakira.blogbus.com) 发表于 2008-08-19 11:09:48  [回复]

  • [avatar:43]添加好了，太謝謝了，不過還有某地方不是很懂，添加msn的可以嗎！？

    万恶 回复 cocomutoqua 说：
    恩，都可以的
    (2008-08-04 12:08:12)

    cocomutoqua () 发表于 2008-08-03 06:45:40  [回复]

  • [avatar:43]對不起。沒說清楚。
    請問是不是blogbus後臺的那篇。
    偶去慢慢研究曲了。
    謝謝。

    万恶 回复 cocomutoqua 说：
    实际上，后来我特地为你在这篇文章最后添加了几个链接……
    (2008-08-02 23:41:56)

    cocomutoqua () 发表于 2008-08-02 21:09:00  [回复]

  • [avatar:43]請問。
    為什麽出現的表情都是一樣的內。

    万恶 回复 cocomutoqua 说：
    没太明白你的意思，不过，你可以参考我后来发布的新方法，那种方法可以让你更方便地添加表情
    (2008-08-02 12:38:51)

    cocomutoqua (http://cocomutoqua.blogbus.com) 发表于 2008-08-02 10:03:44  [回复]

  • [avatar:49]我发现在留言前可以看见表情　但是发表留言成功后就显示的是叉叉　是什么问题呢？

    万恶 回复 breeze 说：
    目前表情功能不正常，我没时间弄它了……呵呵
    (2008-03-26 11:56:49)

    breeze () 发表于 2008-03-26 11:50:22  [回复]

  • [avatar:40]为什么我的表情和回复框有那么一大段距离呢?真不好看~[face:01]

    万恶 回复 kuroi 说：
    #commentForm 中的margin-bottom值被设成60px了[face:09]
    (2008-02-25 14:16:51)

    kuroi (http://vipmagic.blogbus.com) 发表于 2008-02-25 11:02:09  [回复]

  • [avatar:41]嘿嘿，非常感谢，很实用的东东

    万恶 回复 YOKI 说：
    不用谢，为人民服务！
    (2008-02-12 20:36:49)

    YOKI () 发表于 2008-02-07 19:28:53  [回复]

  • [avatar:49][face:08]
    好帅

    真真 (http://balabubu1019.blogbus.com/) 发表于 2008-01-16 21:02:49  [回复]

  • 我是新模板，为什么我弄完了，却显示：网页有错误？？？[face:01]

    万恶 回复 PEA+ 说：
    因为当时写代码的时候，没考虑到不存在留言列表的这种情况，所以在没有留言的时候，就会报错

    我再研究下，不久就会有代码放出了，

    或者加QQ聊也行
    (2008-01-07 20:32:13)

    PEA+ (http://pealog.blogbus.com) 发表于 2008-01-07 19:30:17  [回复]

  • 我挺想知道谁和博主这样对话？

    说话倒是非常直接啊[face:09]

    heeroyuyj (http://heeroyuyj.blogbus.com) 发表于 2008-01-07 01:20:34  [回复]

  • 因为你帮了我两次吗^_^
    我还有一个问题，其实blogbus的表情是从163那里copy过来的，但是163那里的是动画的，会动，blogbus的不会，我想给换成163的，表情地址是http://st.blog.163.com/style/common/htmlEditor/portrait/face/preview/face1.gif
    好像有好几十个，反正我测试一下到六十还有。但是问题就来了，如果我要换成163的表情，那前面那九个我不知道怎么加上去，因为他的序号是一位的，从face1到face9，不知道怎么解决。。。。

    万恶 回复 loomoo 说：
    恩，，确实是个问题，加我QQ再讲吧
    (2008-01-07 10:33:20)

    loomoo (http://gzhuradio.blogbus.com/) 发表于 2008-01-07 00:31:40  [回复]

  • 搞定了，谢谢！

    万恶 回复 loomoo 说：
    谢了两次，^^
    (2008-01-06 22:48:52)

    loomoo () 发表于 2008-01-06 22:33:10  [回复]

  • 搞定，谢谢[face:03][face:03][face:03]
    但是我的那个模板跟你的不同，我那些表情位置不太对，我想问一下怎么移动表情的位置，谢谢~~~

    万恶 回复 loomoo 说：
    恩，我也看到你博客上表情的位置上有偏移了，解决的方法是通过css控制

    在css代码中插入#smiles {position:relative;left:100px;top:10px;}应该就可以了
    (2008-01-06 21:36:57)

    loomoo (http://gzhuradio.blogbus.com/) 发表于 2008-01-06 17:40:41  [回复]

  • 我是用的旧版本的~能换么？~请教了~[face:09]

    万恶 回复 anya 说：
    旧模板 的实现方法需要考虑到
    的id，我看你博客的模板已经diy过了（很PL），所以可能需要花点时间修改jscript代码……

    你加我QQ后再教你吧……
    (2007-12-29 23:29:57)

    anya (http://an-ya.blogbus.com/) 发表于 2007-12-29 23:00:07  [回复]

  • 有些不明白，唉，从一大堆代码里找出来要改的真实一件很头痛的事情，，而且我用的是新模板系统。。是不是这样就不行了呢？。。。

    不过还是多谢了，耐心等你以后的教程。

    真希望bus能推出专门的所见所得模板制作和修改软件，并能将代码分部分 导出，那多么美好哇，呵呵

    平 () 发表于 2007-12-28 00:25:39  [回复]

  • 嗯~ 添加了css那段后隔行了~ ^^ 谢谢哦~

    万恶 回复 泡 说：
    不客气哦，有什么问题尽管问吧
    (2007-12-26 22:42:17)

    泡 () 发表于 2007-12-26 15:17:38  [回复]

  • 請問如何去掉banner上的blog name
    ，話說我只想要一個干干凈凈的banner，不想
    有字蓋住它。。orz

    万恶 回复 平 说：
    请稍等几天，我会说到这个问题的

    这里跟你说下，你可以找到blog name所在层的id，然后设置那个为隐藏就行了……
    (2007-12-25 22:13:52)

    平 () 发表于 2007-12-25 20:29:10  [回复]

  • 实验了一下
    不过发现表情跟"提交"之间没有隔行哦.....
    怎么可以另它隔一行啊?

    万恶 回复 泡 说：
    对不住了，我忘了说css代码的事了 真是幸好有你做了个实验呢

    在你css代码中加入
    #smiles { margin:15px 0; }
    #smiles img {
    cursor:pointer;margin:0 3px;
    }

    这样的话，表情图标应该会与表格有一定的距离了
    有什么问题的话，再过来问吧
    (2007-12-25 18:13:39)

    泡 () 发表于 2007-12-25 16:24:03  [回复]

  • 嘿嘿,终于贴出来了,谢谢[face:13]

    兔子翔 () 发表于 2007-12-25 12:16:33  [回复]

  • 哦，才发现你对momo的回复，我明白点了

    CODOR () 发表于 2007-12-25 09:34:50  [回复]

  • 我发现只能用论坛的表情，用别的不行。是不是这样？
    他有一个listCmt，即使把图片地址改了，点图标，出现的还是论坛图标，哭，我不喜欢论坛图标[face:17]

    CODOR () 发表于 2007-12-25 09:33:40  [回复]

  • 謝謝你的分享。你的博真的好神奇喔。還有評論瀏覽功能。 [face:14]
    嗯。如果要換表情的話，該怎么做噢？[face:01]

    万恶 回复 momo 说：
    换表情的话，主要是保证表情的图片链接地址有规律性，如果没有规律性的话（比如说上传到bus中，它的文件名就不好办了），就很难实现[face:0x]这种代码与图片的转换了

    近期内我会实验部分图片表情的，敬请期待
    (2007-12-25 09:00:34)

    momo () 发表于 2007-12-24 23:25:01  [回复]

  • 我曾经也想过弄个comment preview，但是一想blogbus的评论根本不存在rich format可言，预览与不预览效果其实都差不多

    这个功能还是等bus强化了评论编辑器再用不迟。

    万恶 回复 puNk!d 说：
    实际上也可以用ubb代码增强bus的评论功能，，
    我下一步就做这个吧
    (2007-12-24 21:23:04)

    puNk!d () 发表于 2007-12-24 17:48:47  [回复]

  • 嗯嗯，我看到这句“旧模板系统的用户请到后面举手，实现方法请点此处。”，我去点蓝字里的链接“请点此处”结果点出来还是这一篇日志地址，就有点犯晕了[face:10]

    不过我现在请朋友也帮我加好了，羡慕懂代码的技术青年啊[face:08]

    啊啊啊。。。发现你这边好功能真多啊，写回复都能预览[face:14]

    万恶 回复 nananne 说：
    ……好像是我代码没写好的原因，应该能跳到下面去的……不好意思，现在已经修改好了
    谢谢你对万恶的关注
    (2007-12-24 21:24:50)

    nananne () 发表于 2007-12-24 17:24:03  [回复]

  • 哈哈哥们你也搞这个啦，我是在旧模板系统研究的，没想到你在新模板系统搞，咱们2个刚好补充呵呵。。。http://guke01.blogbus.com[face:03]

    万恶 回复 虾客 说：
    巧的是，你跟我用的是一样的思路，连listCmt的命名都是一样的，真不知这是不是巧合了
    (2007-12-24 15:51:19)

    虾客 () 发表于 2007-12-24 12:18:23  [回复]

  • 这个这个...不是一般的好~~赞一个jiee，造福不懂代码的人类啊[face:08]

    举个手期待老模版的方法[face:03]

    万恶 回复 nananne 说：
    ^^恩，，，你好像没看到我说的旧模板的实现方法？
    (2007-12-24 15:50:15)

    nananne () 发表于 2007-12-24 10:41:43  [回复]

  • 表情有没有别的啊？比如那只兔子

    万恶 回复 阿布 说：
    可以用别的表情，但因为我没有自己的空间，所以就需要盗链了……
    (2007-12-24 15:52:36)

    阿布 () 发表于 2007-12-24 02:59:01  [回复]

  • 按照你说的做了，图标也都显示了，可是点他们怎么没反应呢，咋回事[face:09]

    万恶 回复 CODOR 说：
    可能是有部分javascript不对吧，我稍晚的时候会解释的
    (2007-12-23 16:09:11)

    CODOR () 发表于 2007-12-23 15:37:40  [回复]

  • 請勿公開我的QQ與email。thanx~

    万恶 回复 momo 说：
    ……好的
    (2007-12-23 01:03:56)

    momo () 发表于 2007-12-23 01:01:50  [回复]

  • 應該把我最后一句也貼上來的。[face:03]

    万恶 回复 momo 说：
    没想到你还来了，我找找看最后一句也贴上去
    (2007-12-23 00:56:16)

    momo () 发表于 2007-12-23 00:54:38  [回复]

发表评论

姓名：
E-mail：
地址：
 
 
表情：