[折腾]joe主题 博客美化功能折腾-持续更新

首先感谢joe提供的主题,关键是免费的。
这个博客主题,作者的分类非常的细致,非常适合我这种小白!
[card-nav] [card-nav-item src=”https://ae.js.cn” title=”joe作者博客” img=”网站图标” /] [/card-nav]

一、更改网站字体

[collapse] [collapse-item label=”点击打开”] 先看效果
[折腾]joe主题 博客美化功能折腾-持续更新插图

1.1 首先下载字体文件
[hide] [btn href=”https://www.abu3d.com/attachment/down-1″ type=”success”]字体文件[/btn] [/hide]
1.2 上传文件

把下载的字体上传到你服务器里面,也可以去找在线字体链接,后面有用

1.3 复制代码

复制下面代码到 主题设置公共设置自定义CSS

@font-face {
  font-family: 'nexzhu';
  font-style: normal;
  font-weight: 400;
  src: local('Pacifico Regular'), local('Pacifico-Regular'), 
         url(../字体路径/blockdole.woff2) format("woff2"),
         url(../字体路径/blockdole.woff) format("woff"),
         url(../字体路径/blockdole.eot) format("embedded-opentype"),
         url(../字体路径/blockdole.svg) format("svg");
  font-display: swap; 
}
body {
    font-family: nexzhu;
}
1.4 说明

代码中 url(../字体路径/blockdole.svg) format("svg"); 如果没有他不显示,我也是在网上看到的,反正加上就是了。还有就是,font-display: swap; 这个是为了,让加载字体的时候可以显示默认字体。
[/collapse-item] [/collapse]

二、底部版权信息及底部链接

[collapse] [collapse-item label=”点击打开”]
2.1 版权信息

复制下面代码到 主题设置公共设置底部版权文字





 |  

  苏ICP备 20043146号-1

 |
Theme Joe  
2.2 底部链接

复制下面代码到 主题设置公共设置底部链接


阿不工具坞
RSS
MAP 
[/collapse-item] [/collapse]

三、登录/注册链接跳转

[collapse] [collapse-item label=”点击打开”] 打开网站目录,在admin文件夹下的login.php和register.php下的第6、7、8行,加如下代码:

header("Location: /tepass/signin"); 

我的修改完之后的第4到第8行如下:

if ($user->hasLogin()) {
    $response->redirect($options->adminUrl);
}else{
    header("Location: /tepass/signin");
}
[/collapse-item] [/collapse]

四、倒计时代码

[collapse] [collapse-item label=”点击打开”]

.time {
  color: #fff;
  background:url(图片地址);
  height:200px;
  width:980px
  text-transform: uppercase;
  display: flex;
  justify-content: center;
}

.time span {  
  padding: 110px 14px;
  font-size: 0.8rem;
}

.time span div {
  font-size: 3rem;
  background:rgba(0,0,0,0.3);
}


    距离圣诞节还有:
        
        
            00
        
         天 
        
            00
        
        时  
        
            00
        
        分  
        
            00
        
        秒 
    




const comingdate = new Date("12 24, 2020 00:00:00");

const d = document.getElementById("d");
const h = document.getElementById("h");
const m = document.getElementById("m");
const s = document.getElementById("s");

const countdown = setInterval(() => {
  const now   = new Date();
  const des   = comingdate.getTime() - now.getTime();
  const days  = Math.floor(des / (1000 * 60 * 60 * 24));
  const hours = Math.floor((des % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
  const mins  = Math.floor((des % (1000 * 60 * 60)) / (1000 * 60));
  const secs  = Math.floor((des % (1000 * 60)) / 1000);

  d.innerHTML = getTrueNumber(days);
  h.innerHTML = getTrueNumber(hours);
  m.innerHTML = getTrueNumber(mins);
  s.innerHTML = getTrueNumber(secs);
[/collapse-item] [/collapse]

五、给注册用户增加密码功能

[collapse] [collapse-item label=”点击打开”] 直接要展示的文件里放入以下代码即可,CSS部分可以自行优化,本站是放在header.php页头里面。

封面图

评论0

请先

没有账号? 注册  忘记密码?

社交账号快速登录

微信扫一扫关注
如已关注,请回复“登录”二字获取验证码
error: 警告:内容受保护!!