搜索

让TYPECHO评论头像旋转方法等

2017年04月08日 263 阅读 11 评论 2896 字

查找当前主题下的style.css。CSS文件根据主题自行选择可能名称不符。找到以下代码：

#comments .comment-author .avatar{display:block;float:left;width:40px;height:40px;margin:1.4rem 1rem 0 0;border-radius:50%}

修改为：

#comments .comment-author .avatar{display:block;float:left;width:40px;height:40px;margin:1.4rem 1rem 0 0;border-radius:50%;transition: all 0.5s}
<h1>comments .comment-author .avatar:hover{transform:rotate(360deg)}</h1>

即可大功告成@(太开心)
具体演示效果，可参照本博客评论头像，如果你跟我一样使用Hran的主题，可以直接查找替换。

transition: all 0.5s 是表示旋转在0.5秒内完成，可自行修改速度
transform: rotate(360deg) 表示图片旋转360度，可自行修改

到处逛博客圈，又发现好多好东西，赶紧收藏起来，感谢Destined博主的奉献！

Typecho免插件实现博主认证

打开 comments.php ，找到下面这条代码：

在后面加上如下代码：[/p>#### Typecho留言加上@

打开模板文件夹里的functions.php文件，添加以下代码:

/<em>评论增加@功能</em>/
function getPermalinkFromCoid($coid) {
$db       = Typecho_Db::get();
$options  = Typecho_Widget::widget('Widget_Options');
$contents = Typecho_Widget::widget('Widget_Abstract_Contents');
$row = $db->fetchRow($db->select('cid, type, author, text')->from('table.comments')
->where('coid = ? AND status = ?', $coid, 'approved'));
if (empty($row)) return 'Comment not found!';
$cid = $row['cid'];
$select = $db->select('coid, parent')->from('table.comments')
->where('cid = ? AND status = ?', $cid, 'approved')->order('coid');
if ($options->commentsShowCommentOnly)
$select->where('type = ?', 'comment');
$comments = $db->fetchAll($select);
if ($options->commentsOrder == 'DESC')
$comments = array_reverse($comments);
foreach ($comments as $key => $val)
$array[$val['coid']] = $val['parent'];
$i = $coid;
while ($i != 0) {
$break = $i;
$i = $array[$i];
}
$count = 0;
foreach ($array as $key => $val) {
if ($val == 0) $count++;
if ($key == $break) break;
}
$parentContent = $contents->push($db->fetchRow($contents->select()->where('table.contents.cid = ?', $cid)));
$permalink = rtrim($parentContent['permalink'], '/');
$page = ($options->commentsPageBreak)
? '/comment-page-' . ceil($count / $options->commentsPageSize)
: ( substr($permalink, -5, 5) == '.html' ? '' : '/' );
return array(
"author" => $row['author'],
"text" => $row['text'],
"href" => "{$permalink}{$page}#{$row['type']}-{$coid}"
);
}

然后打开你的 comment.php 文件，找到以下代码：

在其前面加入如下代码：](mailto:/p>

Typecho留言加上@</h4)

本文著作权归作者 [ Feng ] 享有，未经作者书面授权，禁止转载，封面图片来源于 [ 互联网 ] ，本文仅供个人学习、研究和欣赏使用。如有异议，请联系博主及时处理。

typecho

— END —

读者留言11

思绪的空中生活 Lv.4

2017-04-18 11:25

准备扒走@(你懂的)
1. Feng 博主
  
  2017-04-18 13:19
  
  @思绪的空中生活
  开心的扒吧@(呵呵)
FLYER Lv.1

2017-04-17 21:21

很早以前的效果了@(捂嘴笑)
1. Feng 博主
  
  2017-04-18 01:04
  
  @FLYER
  嗯，确实如此，写博客嘛，不光是要给别人看，关键也是给自己记录一下，哪天忘了好翻翻@(你懂的)
Regan Lv.2

2017-04-16 10:29

不错，又学习了一招@(呵呵)
1. Feng 博主
  
  2017-04-16 10:30
  
  @Regan
  有空常来溜溜哦@(太开心)
  1. Regan Lv.2
    
    2017-04-16 10:36
    
    @Feng
    放心，我会经常来偷招的@(你懂的)
Mr. 童 Lv.3

2017-04-15 16:31

学到了嘎嘎
1. Feng 博主
  
  2017-04-16 07:11
  
  @Mr. 童
  @(呵呵)要加个友链@(你懂的)
小白痴博客 Lv.1

2017-04-10 07:50

学习了！
1. Feng 博主
  
  2017-04-15 13:00
  
  @小白痴博客
  看到你说学习了，赶紧再增加一点@(捂嘴笑)