http://wange.im/diy-wordpress-comment-style.html My Life, My Studio... Mon, 21 May 2012 04:15:58 +0000 hourly 1 http://wordpress.org/?v=3.3.2 http://wange.im/diy-wordpress-comment-style.html/comment-page-1#comment-133334 终于把留言本整好了！！ | 光速捏猫爪♪ Sat, 04 Feb 2012 13:17:53 +0000 http://wange.im/?p=2557#comment-133334 [...] 终于把留言本整好了！！ 这可真不容易，因为我为了简单起见，并没有使用自定义的评论模版，主题文件夹里连comments.php都没有，所以想要对留言页面做什么特殊定义就是做梦呀做梦。终于在这个周末我开工将评论部分全数自定义化（当然不是自己写的代码，来自这里），就将留言本做出来了！效果看这里。具体方法是照着这里做的，很简单，最重要的是评论得自定义化。其实一般的主题都自定义了，但是我自己写的就没有做……呀呀这下可以好好玩了。顺便也将日志下的评论板式做了下调整， 如果可以的话，我希望能做的更精简一些。不过看来用上大量jquery是免不了的了orz先到这里，继续折腾~  window.___gcfg = {lang: 'zh-CN'}; (function() { var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true; po.src = 'https://apis.google.com/js/plusone.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); })(); 2012/02/04 | Category:更新记录 | Tags: | 本文固定链接 Pinched 0. No Comments发表评论 点击这里取消回复。 姓名 电子邮件 (不会被公开) 站点.yarr { position:relative;visibility:hidden; } .yarr span { cursor:pointer; position:absolute; bottom:5px; right:0; } .yarr img { vertical-align:-2px } li:hover .yarr { visibility:visible; } // function yus_replyTo(commentID, author) { var inReplyTo = '@' + author + ': '; var myField; if (document.getElementById('comment') && document.getElementById('comment').type == 'textarea') { myField = document.getElementById('comment'); } else { return false; } if (document.selection) { myField.focus(); sel = document.selection.createRange(); sel.text = inReplyTo; myField.focus(); } else if (myField.selectionStart || myField.selectionStart == '0') { var startPos = myField.selectionStart; var endPos = myField.selectionEnd; var cursorPos = endPos; myField.value = myField.value.substring(0, startPos) + inReplyTo + myField.value.substring(endPos, myField.value.length); cursorPos += inReplyTo.length; myField.focus(); myField.selectionStart = cursorPos; myField.selectionEnd = cursorPos; } else { myField.value += inReplyTo; myField.focus(); } } // 有人回覆時郵件通知我 img.wp-smiley-select {cursor: pointer;} function grin(tag) { if (typeof tinyMCE != 'undefined') { grin_tinymcecomments(tag); } else { grin_plain(tag); } } function grin_tinymcecomments(tag) { tinyMCE.execCommand('mceInsertContent', false, ' ' + tag + ' '); } function grin_plain(tag) { var myField; var myCommentTextarea = "comment"; tag = ' ' + tag + ' '; if (document.getElementById(myCommentTextarea) && document.getElementById(myCommentTextarea).type == 'textarea') { myField = document.getElementById(myCommentTextarea); } else { return false; } if (document.selection) { myField.focus(); sel = document.selection.createRange(); sel.text = tag; myField.focus(); } else if (myField.selectionStart || myField.selectionStart == '0') { var startPos = myField.selectionStart; var endPos = myField.selectionEnd; var cursorPos = endPos; myField.value = myField.value.substring(0, startPos) + tag + myField.value.substring(endPos, myField.value.length); cursorPos += tag.length; myField.focus(); myField.selectionStart = cursorPos; myField.selectionEnd = cursorPos; } else { myField.value += tag; myField.focus(); } } function moreSmilies() { document.getElementById('wp-smiley-more').style.display = 'inline'; document.getElementById('wp-smiley-toggle').innerHTML = '« less'; } function lessSmilies() { document.getElementById('wp-smiley-more').style.display = 'none'; document.getElementById('wp-smiley-toggle').innerHTML = 'more »'; } more »© JUGEM(PICTO). [...] [...] 终于把留言本整好了！！ 这可真不容易，因为我为了简单起见，并没有使用自定义的评论模版，主题文件夹里连comments.php都没有，所以想要对留言页面做什么特殊定义就是做梦呀做梦。终于在这个周末我开工将评论部分全数自定义化（当然不是自己写的代码，来自这里），就将留言本做出来了！效果看这里。具体方法是照着这里做的，很简单，最重要的是评论得自定义化。其实一般的主题都自定义了，但是我自己写的就没有做……呀呀这下可以好好玩了。顺便也将日志下的评论板式做了下调整， 如果可以的话，我希望能做的更精简一些。不过看来用上大量jquery是免不了的了orz先到这里，继续折腾~  window.___gcfg = {lang: 'zh-CN'}; (function() { var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true; po.src = 'https://apis.google.com/js/plusone.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); })(); 2012/02/04 | Category:更新记录 | Tags: | 本文固定链接 Pinched 0. No Comments发表评论 点击这里取消回复。 姓名 电子邮件 (不会被公开) 站点.yarr { position:relative;visibility:hidden; } .yarr span { cursor:pointer; position:absolute; bottom:5px; right:0; } .yarr img { vertical-align:-2px } li:hover .yarr { visibility:visible; } // function yus_replyTo(commentID, author) { var inReplyTo = '@' + author + ': '; var myField; if (document.getElementById('comment') && document.getElementById('comment').type == 'textarea') { myField = document.getElementById('comment'); } else { return false; } if (document.selection) { myField.focus(); sel = document.selection.createRange(); sel.text = inReplyTo; myField.focus(); } else if (myField.selectionStart || myField.selectionStart == '0') { var startPos = myField.selectionStart; var endPos = myField.selectionEnd; var cursorPos = endPos; myField.value = myField.value.substring(0, startPos) + inReplyTo + myField.value.substring(endPos, myField.value.length); cursorPos += inReplyTo.length; myField.focus(); myField.selectionStart = cursorPos; myField.selectionEnd = cursorPos; } else { myField.value += inReplyTo; myField.focus(); } } // 有人回覆時郵件通知我 img.wp-smiley-select {cursor: pointer;} function grin(tag) { if (typeof tinyMCE != 'undefined') { grin_tinymcecomments(tag); } else { grin_plain(tag); } } function grin_tinymcecomments(tag) { tinyMCE.execCommand('mceInsertContent', false, ' ' + tag + ' '); } function grin_plain(tag) { var myField; var myCommentTextarea = "comment"; tag = ' ' + tag + ' '; if (document.getElementById(myCommentTextarea) && document.getElementById(myCommentTextarea).type == 'textarea') { myField = document.getElementById(myCommentTextarea); } else { return false; } if (document.selection) { myField.focus(); sel = document.selection.createRange(); sel.text = tag; myField.focus(); } else if (myField.selectionStart || myField.selectionStart == '0') { var startPos = myField.selectionStart; var endPos = myField.selectionEnd; var cursorPos = endPos; myField.value = myField.value.substring(0, startPos) + tag + myField.value.substring(endPos, myField.value.length); cursorPos += tag.length; myField.focus(); myField.selectionStart = cursorPos; myField.selectionEnd = cursorPos; } else { myField.value += tag; myField.focus(); } } function moreSmilies() { document.getElementById('wp-smiley-more').style.display = 'inline'; document.getElementById('wp-smiley-toggle').innerHTML = '« less'; } function lessSmilies() { document.getElementById('wp-smiley-more').style.display = 'none'; document.getElementById('wp-smiley-toggle').innerHTML = 'more »'; } more »© JUGEM(PICTO). [...]

]]> http://wange.im/diy-wordpress-comment-style.html/comment-page-1#comment-124540 mingming Mon, 08 Aug 2011 08:51:23 +0000 http://wange.im/?p=2557#comment-124540 支持一下好文章！ :grin: 支持一下好文章！

]]> http://wange.im/diy-wordpress-comment-style.html/comment-page-1#comment-122747 豆大师 Fri, 22 Jul 2011 03:38:08 +0000 http://wange.im/?p=2557#comment-122747 虽然没用你的代码，不过看明白了找到思路了，解决了我的问题，还是非常感谢啊~ 关于样式什么的还有很多问题想请教你哦，望不吝赐教。 先问个插件吧，右边那个 欢迎朋友，订阅博客那个是什么插件呢？？ 虽然没用你的代码，不过看明白了找到思路了，解决了我的问题，还是非常感谢啊~ 关于样式什么的还有很多问题想请教你哦，望不吝赐教。
先问个插件吧，右边那个 欢迎朋友，订阅博客那个是什么插件呢？？

]]> http://wange.im/diy-wordpress-comment-style.html/comment-page-1#comment-122502 万戈 Wed, 20 Jul 2011 14:42:57 +0000 http://wange.im/?p=2557#comment-122502 呃。。。都不是，是改style.css 呃。。。都不是，是改style.css

]]> http://wange.im/diy-wordpress-comment-style.html/comment-page-1#comment-122480 yautou Wed, 20 Jul 2011 12:14:02 +0000 http://wange.im/?p=2557#comment-122480 呃在哪个php文件里？我现在想把昵称移到头像右边，放下方不怎么好看。该修改哪个文件？哪段代码？麻烦提示下咯~我找过comments和function，可惜没能成功，也就改了头像大小，囧。。。 :arrow: 呃在哪个php文件里？我现在想把昵称移到头像右边，放下方不怎么好看。该修改哪个文件？哪段代码？麻烦提示下咯~我找过comments和function，可惜没能成功，也就改了头像大小，囧。。。

]]> http://wange.im/diy-wordpress-comment-style.html/comment-page-1#comment-122478 万戈 Wed, 20 Jul 2011 12:10:45 +0000 http://wange.im/?p=2557#comment-122478 位置就要靠样式来定义啦 位置就要靠样式来定义啦

]]> http://wange.im/diy-wordpress-comment-style.html/comment-page-1#comment-122469 yautou Wed, 20 Jul 2011 08:47:11 +0000 http://wange.im/?p=2557#comment-122469 请问，如何修改评论的头像与昵称以及时间的位置？ :roll: 请问，如何修改评论的头像与昵称以及时间的位置？

]]> http://wange.im/diy-wordpress-comment-style.html/comment-page-1#comment-105571 三郎之梦 Tue, 05 Apr 2011 07:41:05 +0000 http://wange.im/?p=2557#comment-105571 Mark Mark

]]> http://wange.im/diy-wordpress-comment-style.html/comment-page-1#comment-105011 Aerial Sun, 03 Apr 2011 05:52:41 +0000 http://wange.im/?p=2557#comment-105011 超喜欢这个样式和功能 :razz: 超喜欢这个样式和功能

]]> http://wange.im/diy-wordpress-comment-style.html/comment-page-1#comment-93943 Terry Chen Mon, 31 Jan 2011 05:06:52 +0000 http://wange.im/?p=2557#comment-93943 呵呵，为了折腾WP主题四处搜索，发现了这个好东西，谢谢！ 呵呵，为了折腾WP主题四处搜索，发现了这个好东西，谢谢！

]]>