好久不见之网站底部样式

好久不见之网站底部样式

罗小黑
2021-08-05 / 73 评论 / 1,302 阅读 / 正在检测是否收录...
广告
温馨提示:
本文最后更新于2021年11月03日,已超过237天没有更新,若内容或图片失效,请留言反馈。

好久不见之本站同款网站底部样式,效果见本站。

Test

1.修改footer.php首先,在页脚文件footer.php文件的最下面放入以下代码:

2.修改include.php

新增CSS样式,在/usr/themes/Joe/public/include.php的19-29行之间新增如下代码:

<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/cy-j/chenyu@1.6.0/css/cydibu.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/cy-j/chenyu/css/bootstrap-grid.min.css">

ks37axfn.png

3.备注

风风雨雨1年266天3小时23分,你是第45,355位相遇的小伙伴……这里的实现看这里:
在core.php最下面添加

//门前大路上,走过一群小伙伴,快来数一数:2,4,6,7,8……
    function theAllViews()
        {
            $db = Typecho_Db::get();
            $row = $db->fetchAll('SELECT SUM(VIEWS) FROM `typecho_contents`');
                echo number_format($row[0]['SUM(VIEWS)']);
        }

4.Joe主题

Joe主题开启显示建站时间后,并配置好“网站访问量暨与小伙伴们的N次相遇”小伙伴。

<p><a href="javascript:;" id="chenyutime">风风雨雨N年,你是第N位相遇的小伙伴</a></p>

修改为:

              <p><?php if ($this->options->JBirthDay) : ?>
            <div class="item run">
                <span>风风雨雨 <strong class="joe_run__day">00</strong> 天 <strong class="joe_run__hour">00</strong> 时 <strong class="joe_run__minute">00</strong> 分,你是第<?php echo theAllViews();?>位相遇的小伙伴</span>
            </div>
        <?php endif; ?> </p>

修改好后,请删除原有的建站时间显示(第六行到第十行),不然会重复显示。

            <?php if ($this->options->JBirthDay) : ?>
            <div class="item run">
                <span>已运行 <strong class="joe_run__day">00</strong> 天 <strong class="joe_run__hour">00</strong> 时 <strong class="joe_run__minute">00</strong> 分 <strong class="joe_run__second">00</strong> 秒</span>
            </div>
        <?php endif; ?>

8

打赏


评论 (73)

取消
  1. 头像
    Stan
    Windows 10 · Google Chrome
    沙发

    画图

    回复 删除 垃圾
  2. 头像
    1
    Windows 10 · Google Chrome
    板凳

    好看

    回复 删除 垃圾
  3. 头像
    牛逼
    Windows 10 · Google Chrome
    地毯

    牛逼牛逼牛逼

    回复 删除 垃圾
  4. 头像
    lenchanlhz
    Android · Google Chrome
    第4楼

    看不懂

    回复 删除 垃圾
  5. 头像
    荣轩
    Windows 8 · Google Chrome
    第5楼

    这么好看的雅!

    回复 删除 垃圾
  6. 头像
    Allenby
    Windows 10 · FireFox
    第6楼

    拿來吧你

    回复 删除 垃圾
  7. 头像
    方法
    Windows 10 · Google Chrome
    第7楼

    哈哈哈哥哥好几家

    回复 删除 垃圾
  8. 头像
    哈哈呢
    Windows 10 · Google Chrome
    第8楼

    发发发发发发付付付付

    回复 删除 垃圾
  9. 头像
    小白
    Windows 10 · Google Chrome
    第9楼

    哇哦

    回复 删除 垃圾
  10. 头像
    awen
    Windows 10 · Google Chrome
    第10楼

    吴亦凡向您发起了牢饭共享

    回复 删除 垃圾
  11. 头像
    惜颜
    Windows 10 · Google Chrome
    第11楼

    好看

    回复 删除 垃圾
  12. 头像
    讯智云
    Windows 10 · Google Chrome
    第12楼

    回复下

    回复 删除 垃圾
  13. 头像
    wo
    Windows 7 · Google Chrome
    第13楼

    有创意

    回复 删除 垃圾
  14. 头像
    陌路人
    Windows 7 · Google Chrome
    第14楼

    表情

    回复 删除 垃圾
  15. 头像
    小白
    Windows 10 · Google Chrome
    第15楼

    哇哦

    回复 删除 垃圾
  16. 头像
    1
    Windows 10 · Google Chrome
    第16楼

    看看

    回复 删除 垃圾
  17. 头像
    闲花手札
    Windows 10 · Google Chrome
    第17楼

    欢迎回访 ~

    回复 删除 垃圾
  18. 头像
    mohan
    Windows 10 · Google Chrome
    第18楼

    nice表情

    回复 删除 垃圾
  19. 头像
    mingdi
    iPhone · Safari
    第19楼

    66666表情

    回复 删除 垃圾
  20. 头像
    ATzzz
    Windows 10 · Google Chrome
    第20楼

    好好的研究一下..

    回复 删除 垃圾
  21. 头像
    院长
    Windows 10 · Google Chrome
    第21楼

    表情

    回复 删除 垃圾
  22. 头像
    小周
    Windows 10 · Google Chrome
    第22楼

    666

    回复 删除 垃圾
  23. 头像
    wf.
    Windows 10 · Google Chrome
    第23楼

    我看看啊

    回复 删除 垃圾
  24. 头像
    小新
    Windows 10 · QQ Browser
    第24楼

    感谢感谢

    回复 删除 垃圾
  25. 头像
    22
    Windows 10 · Google Chrome
    第25楼

    sdfsfsfs

    回复 删除 垃圾
  26. 头像
    baige
    Windows 10 · QQ Browser
    第26楼

    看看

    回复 删除 垃圾
  27. 头像
    zyol
    Windows 10 · Google Chrome
    第27楼

    来看看怎么样!!!!

    回复 删除 垃圾
  28. 头像
    51313719@Qq.com
    Windows 10 · Google Chrome
    第28楼

    拿走了

    回复 删除 垃圾
  29. 头像
    小鹤哥
    Windows 10 · Google Chrome
    第29楼

    好看

    回复 删除 垃圾
  30. 头像
    长歌行
    Windows 10 · Google Chrome
    第30楼

    感谢楼主分享

    回复 删除 垃圾
  31. 头像
    何人知
    Windows 10 · Google Chrome
    第31楼

    看一下

    回复 删除 垃圾
  32. 头像
    小白
    Windows 7 · Google Chrome
    第32楼

    大佬牛逼!来拿走了

    回复 删除 垃圾
  33. 头像
    彬彬
    Windows 10 · Google Chrome
    第33楼

    我来看看

    回复 删除 垃圾
  34. 头像
    kingkare
    Windows 7 · Google Chrome
    第34楼

    感谢分享

    回复 删除 垃圾
  35. 头像
    米奇
    Windows 10 · Google Chrome
    第35楼

    好看

    回复 删除 垃圾
  36. 头像
    j'j
    Windows 10 · QQ Browser
    第36楼

    来看看

    回复 删除 垃圾
  37. 头像
    1
    Windows 7 · QQ Browser
    第37楼

    表情表情

    回复 删除 垃圾
  38. 头像
    十五博客
    Windows 10 · Google Chrome
    第38楼

    感谢

    回复 删除 垃圾
  39. 头像
    常瑞
    Windows 10 · Google Chrome
    第39楼

    不错不错

    回复 删除 垃圾
  40. 头像
    奔奔
    Windows 10 · Google Chrome
    第40楼

    谢谢分享

    回复 删除 垃圾
  41. 头像
    小白
    Windows 7 · Google Chrome
    第41楼

    画图

    回复 删除 垃圾
  42. 头像
    YuanOne
    Windows 10 · Google Chrome
    第42楼

    牛逼牛逼牛逼

    回复 删除 垃圾
  43. 头像
    Steve
    Windows 10 · Google Chrome
    第43楼

    好看

    回复 删除 垃圾
  44. 头像
    小呆
    Windows 7 · Google Chrome
    第44楼

    好久不见

    回复 删除 垃圾
  45. 头像
    小麦浪
    Windows 7 · Google Chrome
    第45楼

    看看

    回复 删除 垃圾
  46. 头像
    清枫资源网
    Android Pie · Google Chrome
    第46楼

    额。。。。。

    回复 删除 垃圾
  47. 头像
    白天不懂夜的黑
    Windows 10 · Google Chrome
    第47楼

    画图

    回复 删除 垃圾
  48. 头像
    星泽
    Windows 10 · Google Chrome
    第48楼

    看看看看学习

    回复 删除 垃圾
  49. 头像
    xiaozhu
    Windows 10 · Google Chrome
    第49楼

    画图

    回复 删除 垃圾
  50. 头像
    Ty
    MacOS · Safari
    第50楼

    回复 删除 垃圾
  51. 头像
    一缕
    Windows 10 · Google Chrome
    第51楼

    表情

    回复 删除 垃圾
  52. 头像
    5656
    Windows 10 · QQ Browser
    第52楼

    表情

    回复 删除 垃圾
  53. 头像
    IT不难
    MacOS · Google Chrome
    第53楼

    学习学习,感谢分享

    回复 删除 垃圾
  54. 头像
    公爵
    Windows 10 · Google Chrome
    第54楼

    大佬网站主题不错呀,我来冒个泡

    回复 删除 垃圾
  55. 头像
    song361
    Windows 10 · Google Chrome
    第55楼

    学习,谢谢大佬

    回复 删除 垃圾
  56. 头像
    带上分
    Windows 10 · Google Chrome
    第56楼

    收到会更好看韩剧

    回复 删除 垃圾
  57. 头像
    火花收录网
    Android · Google Chrome
    第57楼

    学习一下

    回复 删除 垃圾
  58. 头像
    阿拉驴
    Windows 7 · Google Chrome
    第58楼

    不错啊我喜欢

    回复 删除 垃圾
  59. 头像
    sted
    MacOS · Google Chrome
    第59楼

    好看

    回复 删除 垃圾
  60. 头像
    雾鲸
    Windows 10 · QQ Browser
    第60楼

    画图

    回复 删除 垃圾
  61. 头像
    1111
    Windows 10 · FireFox
    第61楼

    爱了爱了

    回复 删除 垃圾
  62. 头像
    Windows 10 · QQ Browser
    第62楼

    表情

    回复 删除 垃圾
  63. 头像
    xiaochen
    Windows 10 · Google Chrome
    第63楼

    芜湖

    回复 删除 垃圾
  64. 头像
    水电费
    Windows 10 · Google Chrome
    第64楼

    山东高速饭店打工申多风

    回复 删除 垃圾
  65. 头像
    士大夫
    Windows 10 · Google Chrome
    第65楼

    二爷梵蒂冈的非官方的

    回复 删除 垃圾
  66. 头像
    ww
    Windows 10 · Google Chrome
    第66楼

    支持

    回复 删除 垃圾
  67. 头像
    23
    Windows 10 · Google Chrome
    第67楼

    画图

    回复 删除 垃圾
  68. 头像
    可怕的鱼
    Windows 10 · Google Chrome
    第68楼

    震撼我一百年

    回复 删除 垃圾
  69. 头像
    123
    Windows 10 · QQ Browser
    第69楼

    噜啦噜啦嘞绿绿绿绿绿绿绿

    回复 删除 垃圾
  70. 头像
    公爵
    Windows 10 · Google Chrome
    第70楼

    很不错呀,大佬,交换友链吗

    回复 删除 垃圾
  71. 头像
    1
    Windows 10 · Google Chrome
    第71楼

    画图

    回复 删除 垃圾
  72. 头像
    杨顾昂
    Windows 10 · Google Chrome
    第72楼

    表情

    回复 删除 垃圾
  73. 头像
    公爵
    Windows 10 · Google Chrome
    第73楼

    很好看啊,博主交换友链吗

    回复 删除 垃圾