joe主题修改代码

2021-06-05 PM 49℃ 2条

侧边栏博主动态背景图

整不出来视频,为什么我也不知道,直接看我博客的吧

教程

1.找个GIF格式的或者找个短视频下载
2.生产GIF格式 视频转GIF在线转化
3.joe主题设置-侧栏设置-PC端博主栏背景壁纸或WAP端博主栏背景壁纸

文章结束底下显示阅读时间

kpjarkx9.png

教程

joe根目录-post.php文件-58行下面添加

<div style="border: 1px solid #ccc!important;padding:5px;border-radius: 10px!important;background-color: #EEE">
<p>
  <div class="T-time">🤓 您阅读这篇文章共花了:<span class="T-time" id="stime"></span></div><script language="JavaScript">var ss=0,mm=0,hh=0;function TimeGo(){ss++;if(ss>=60){mm+=1;ss=0}if(mm>=60){hh+=1;mm=0}ss_str=(ss<10?"0"+ss:ss);mm_str=(mm<10?"0"+mm:mm);tMsg=""+hh+"小时"+mm_str+"分"+ss_str+"秒";document.getElementById("stime").innerHTML=tMsg;setTimeout("TimeGo()",1000)}TimeGo();</script></span>
</p>
</div>

文章底下随机一言功能

kpjavkuv.png

教程

joe根目录-post.php文件-64行下面添加

<script src="https://wfvp.cc/api.php"></script></h3><hr>

菜单添加花里胡哨表情

kpjazd5o.png

教程

懒人直接下载替换 Joe主题侧边栏美化
Joe根目录-public文件夹-headr.php文件-89行开始
<?php echo $item['title'] ?>"> 后面添加想要的表情 食品&饮料类emoji表情大全

前台添加注册和登入

kpjb46ig.png

教程

Joe根目录-public文件夹-headr.php文件-199行开始添加

 <?php if($this->user->hasLogin()):?>
                <a class="item" target="_blank" href="<?php $this->options->adminUrl(); ?>"><?php $this->user->screenName(); ?></a><span>丨</span>
                <a class="item" href="<?php $this->options->logoutUrl(); ?>">退出</a>
                <?php else : ?>
                <a class="item" href=<?php $this->options->adminUrl(); ?> title="注册/登录">注册丨登录</a>
                <?php endif;?>

手机侧边栏添加恋爱时间

kpjb6utq.png

教程

Joe根目录-public文件夹-headr.php文件-284行开始添加

   <!-- 恋爱计时 -->
        <ul class="joe_header__slideout-count">
        <div  style="font-size:15px; text-align: center; color:#888;">
        <div style="width: 220px; margin: 0 auto;">
        <!-- 左边的头像,nk=后面填写QQ号,直接采集QQ头像 -->
        <img src="https://q1.qlogo.cn/g?b=qq&nk=171394827&s=640" alt="love"
            style="width: 60px; border-radius: 50%;">
        <!-- 中间的图片 -->
        <img src="https://cdn.jsdelivr.net/gh/aill66/cdn/love.gif" alt="love"
            style="width: 60px; border-radius: 50%;">
        <!-- 右边的头像,nk=后面填写QQ号,直接采集QQ头像 -->
        <img src="https://q1.qlogo.cn/g?b=qq&nk=171394827&s=640" alt="love"
            style="width: 60px; border-radius: 50%;">
        </div>
        <p id="loveSitetime"></p>
        <script language=javascript>
        function loveSitetime() {
            window.setTimeout("loveSitetime()", 1000);
            var seconds = 1000
            var minutes = seconds * 60
            var hours = minutes * 60
            var days = hours * 24
            var years = days * 365
            var today = new Date()
            var todayYear = today.getFullYear()
            var todayMonth = today.getMonth() + 1
            var todayDate = today.getDate()
            var todayHour = today.getHours()
            var todayMinute = today.getMinutes()
            var todaySecond = today.getSeconds()
            // 时间设置
            var t1 = Date.UTC(2003, 02, 08, 22, 22, 00)  //年,月,日,时,分,秒
            var t2 = Date.UTC(todayYear, todayMonth, todayDate, todayHour, todayMinute, todaySecond)
            var diff = t2 - t1
            var diffYears = Math.floor(diff / years)
            var diffDays = Math.floor((diff / days) - diffYears * 365)
            var diffHours = Math.floor((diff - (diffYears * 365 + diffDays) * days) / hours)
            var diffMinutes = Math.floor((diff - (diffYears * 365 + diffDays) * days - diffHours * hours) / minutes)
            var diffSeconds = Math.floor((diff - (diffYears * 365 + diffDays) * days - diffHours * hours -
                diffMinutes * minutes) / seconds)
            document.getElementById("loveSitetime").innerHTML = "我们相恋了:</br>" + diffYears + "年" + diffDays + "天" +
                diffHours + "时" + diffMinutes + "分" + diffSeconds + "秒啦</br>"
        }
        loveSitetime()
        </script>
        </div>
        </ul>

添加海报功能

kpjbcfap.png

教程

typecho海报插件/全面讲解

标签: 美化, 代码, Joe主题, joe

非特殊说明,本博所有文章均为博主原创。

评论啦~



已有 2 条评论


  1. <?php echo $comments->author; ?>
    浩宇

    老哥你博客下面安全运行时间怎么改的

    回复 2021-06-08 07:13
    1. <?php echo $comments->author; ?>
      晚风 博主

      https://wfvp.cc/1659.html

      回复 2021-06-08 07:22