好久不见之网站底部样式

好久不见之网站底部样式

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

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

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

打赏


评论 (122)

取消
  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楼

    好好的研究一下..

    回复 删除 垃圾