JOE主题添加全屏头图显示(通用)
 文章目录

原创

JOE主题添加全屏头图显示(通用)

火喵酱
typecho美化joe主题
2021年9月19日 14 评论 309 阅读 正在检测是否收录...
最近也是经常有小伙伴问我,全屏的头图怎么做。因为之前我用的是图片,后来改成了视频,但是视频的文件我已经修改了很多牵扯到自定义的部分,不能通用,我现在就从备份中扒出来之前的那份纯图片的文件,现在整理一下分享给大家
文件的大部分内容是从一个国外的免费模板扒的,但是找不到出处了。
2021年11月自查发现,当年不是很懂代码,杂余垃圾较多,可以自行取舍,我就懒得搞了 |´・ω・)ノ

参考

因为我已经把图片换成了视频了,图片没办法参考我的网站了,各位可以参考使用本方案的 这个链接 (已失效),来查看效果

css

内容如下:

html

需创建一个html文件,填入以下内容

引入字体

这一步如不需要可以省略

<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Pacifico|Inconsolata:400,700">

引入至主题

将上述内容整合成一个html,假设命名为lalala.html
定位到主题的index.php文件,在适当位置引入html,比如查找定位<?php $this->need('public/header.php'); ?>,在其下方引入:

<?php        
    include ("public/lalala.html");
?>

lalala.html放在public文件夹下即可

追加-注意

如不清楚如何整合,可以下载我整理好的html文件,直接引入即可(上面的前三项都不用看了):


- - - The END - - -

- - - 打 赏 - - -
版权属于: 火喵 ©
最后更新: 2022 年 02 月 17 日 09 时
解压密码: ✽✽✽✽✽✽
阅读时间: 本文共 374 个字数,平均阅读时长 ≈ 1分钟

共计 14 条评论,点此发表评论

人机验证

  1. 头像
    @
    广西
    XCATX
    士官长

    海员

    来观摩观摩

  2. 头像
    @
    山西
    kingkare
    士官

    海员

    找到了 你这找解压密码是真的跟破案一样啊表情 还有就是请教大佬能否把这个解压密码的教程发一下

    1. 头像
      @
      喵星
      火喵酱
      @ kingkare

      提督

      解压密码有啥教程表情就是一个title显示

  3. 头像
    @
    山西
    kingkare
    士官

    海员

    感谢大佬分享,解压密码是啥啊

  4. 头像
    @
    安徽
    彭于晏
    士官

    海员

    大佬牛皮,找个解压密码像破案一样::(大拇指)

    1. 头像
      @
      喵星
      火喵酱
      @ 彭于晏

      提督

      绝了,我就这一个文件加了密码::(狗头)

  5. 头像
    @
    安徽
    彭于晏
    士官

    海员

    你好,小白过来学学技术!

  6. 头像
    @
    福建
    泠风寒声
    幕僚长

    鹦鹉螺号

    三副

    作家

    我要代码!!!:@(b19)

  7. 头像
    @
    本机地址
    人类最强
    水手

    海员

    哇,多谢大佬分享::(大拇指)

  8. 头像
    @
    本机地址
    HYTN
    士官

    舰长

    快让我看看你的宝贝

  9. 头像
    @
    本机地址
    轩逸
    水手

    海员

    我想学习一下

    1. 头像
      @
      喵星
      火喵酱
      @ 轩逸

      提督

      写的有些乱,你先看最后一步那里整理了一份现成的表情

  10. 头像
    @
    本机地址
    长意
    士官

    海员

    我来学习啦,喵喵::(太开心)

    1. 头像
      @
      喵星
      火喵酱
      @ 长意

      提督

      :@(ac06)