Typecho CSS3个性留言板之读者墙页面的实现方法
时间:2021-06-19 [其它cms教程] 作者:随便撸源码
看到文章的首图相信大家都不陌生,可能其他博客的读者墙或者留言薄页面都见过,挺简约的真实记录博客的访客,留下的足迹,便于回访,这也算是博客里面互动的一个重要依据或者途径,下面就来说说在Typecho下该如何实现这麽个性的访问记录:
首先、把下面代码粘贴到当前主题的functions.php页面
PHP Code复制内容到剪贴板
- //获得读者墙
- functiongetFriendWall()
- {
- $db=Typecho_Db::get();
- $sql=$db->select('COUNT(author)AScnt','author','url','mail')
- ->from('table.comments')
- ->where('status=?','approved')
- ->where('type=?','comment')
- ->where('authorId=?','0')
- ->where('mail!=?','admin@ben-lab.com')//排除自己上墙
- ->group('author')
- ->order('cnt',Typecho_Db::SORT_DESC)
- ->limit('15');//读取几位用户的信息
- $result=$db->fetchAll($sql);
- if(count($result)>0){
- $maxNum=$result[0]['cnt'];
- foreach($resultas$value){
- $mostactive.='<li><atarget="_blank"rel="nofollow"href="'.$value['url'].'"><spanclass="pic"style="background:url(http://1.gravatar.com/avatar/'.md5(strtolower($value['mail'])).'?s=36&d=&r=G)no-repeat;"></span><em>'.$value['author'].'</em><strong>+'.$value['cnt'].'</strong><br/>'.$value['url'].'</a></li>';
- }
- echo$mostactive;
- }
- }
其次、在主題目錄裏新建一個guestbook.php,粘貼以下代碼,當然,新建頁面的名稱可以自己填寫,本篇是以guestbook為例,你懂的
代码如下:
<?php
?>
第三、打开当前主题的page.php,复制全部代码.然后粘贴到guestbook.php,接著其次那步下面的代码
第四、替换代码,搜索下面代码替换成再下面内容
代码如下:
<?php $this->content(''); ?>
替换成
代码如下:
<div id="list-post">
<ul class='readers-list'>
<?php getFriendWall(); ?>
</ul></div>
第五、打开主题的style.css,粘贴以下代码
代码如下:
.readers-list {line-height:16px;text-align:left;_zoom:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-o-text-}
.readers-list li{width:180px;float:left;*margin-right:-1px;list-style:none;}
.readers-list a,.readers-list a:hover strong{background-color:#f2f2f2;background-image:-webkit-linear-gradient(#f8f8f8,#f2f2f2);background-image:-moz-linear-gradient(#f8f8f8,#f2f2f2);background-image:linear-gradient(#f8f8f8,#f2f2f2);}
.readers-list a{position:relative;display:block;height:30px;margin:4px;padding:2px 4px 2px 44px;color:#999;overflow:hidden;border:#ccc 1px solid;border-radius:2px;box-shadow:#eee 0 0 2px;font-size:10px;line-height:14px;}
.readers-list .pic,.readers-list em,.readers-list strong{-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;transition:all .2s ease-out;}
.readers-list .pic{width:30px;height:30px;float:left;margin:0 8px 0 -40px;border-radius:2px;}
.readers-list em{color:#666;font-style:normal;margin-right:10px;font:bold 12px/16px microsoft yahei;}
.readers-list strong{color:#ddd;width:34px;text-align:right;position:absolute;right:6px;top:4px;font:bold 14px/16px microsoft yahei;}
.readers-list a:hover{border-color:#bbb;box-shadow:#ccc 0 0 2px;background-color:#fff;background-image:none;}
.readers-list a:hover .pic{opacity:.6;margin-left:0;}
.readers-list a:hover em{color:#EE8B17;font:bold 12px/36px microsoft yahei;}
.readers-list a:hover strong{color:#EE8B17;right:134px;top:0;text-align:center;border-right:#ccc 1px solid;height:34px;line-height:34px;}
第六、新建页面或者编辑你的读者墙页面,点击底部高级选项,在自定义模版选择"自定义页面模版"发布即可!
本文标签:Typecho CSS3 个性留言板 读者墙 折翼天使 莎莎源码 吾爱源码 其他源码 微赞模块 源码 网站插件 跟版网 dede58
转载请注明来源:随便撸源码:Typecho CSS3个性留言板之读者墙页面的实现方法
本文永久链接地址:https://www.suibianlu.com/25814.html
郑重声明:
本站所有内容均由互联网收集整理、网友上传,并且以计算机技术研究交流为目的,仅供大家参考、学习,不存在任何商业目的与商业用途。 若您需要商业运营或用于其他商业活动,请您购买正版授权并合法使用。
我们不承担任何技术及版权问题,且不对任何资源负法律责任。
如无法下载,联系站长索要
- 苹果cms添加播放器的方法步骤
- Joomla 1.6 链接跳转组件和插件
- Joomla! 建站程序的安装
- cPanel Cron jobs定时备份和优化网站程序以及数据
- SpeedPHP 快速入门开始使用篇一
- metinfo 网站管理系统中的版权信息修改方法
- ZenTaoPHP 框架安装步骤
- 08cms汽车版v2 无法通过UCenter1.6版整合DISCUZ X2的解决方法
- 用BigDump工具导入超大MySQL数据库备份文件
- 智睿管理系统修改管理任意密码漏洞后门
- emlog添加功能-日志分享,评论gravatar头像,快捷回复修改方法
- mysqlconvert使用示例 转换ACCESS数据库至MYSQL的图文教程
- downplus 搜索伪静态Tags设置方法
- 推荐几款常用的web代理程序(php源码)
- LBS asp博客系统添加代码高亮插件的方法
- 火车头Empire CMS 6.5 文章免登陆发布接口
- 火车头5UCMS1.2免登陆发布接口
- SHOPEX网店系统安装图文教程