开往   虫洞   排行榜 统计
  • 文章总数:219 篇
  • 评论总数:602 条
  • 分类总数:6 个
  • 最后更新:4月7日

为typecho换个网页背景图

本文阅读 1 分钟
首页 代码 正文

HTML代码:

 <div id="mememe"></div>

CSS:

#mememe {
  background: url(你的图片地址);
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  position: fixed;
  background-position: bottom right;
  bottom: 0;
  right: 0;
  z-index: -1
}

使用方法
就是吧css加到style.css 文件里面,然后HTML代码加到你需要的页面,比如我加到了
index.php
page-archives.php
page.php
post.php
(在这些页面的<?php $this->need('footer.php'); ?>前即可)

第二个是大背景

<body class="custom-background">

CSS:

body.custom-background { 
  background-image: url('你的地址'); 
  background-repeat: no-repeat;
  background-position: top left; 
  background-attachment: fixed;
  background-size:cover
}

使用方法
css加到style.css里面去,然后再 header.php 的的的class加入custom-background的样式即可!

本文来自投稿,不代表本站立场,如若转载,请注明出处:
-- 展开阅读全文 --
有所获,有所得,不负半夏时光
« 上一篇 06-09
简洁的可变透明度返回顶部按钮
下一篇 » 07-13

发表评论

V注册会员 L评论等级
R8 条回复
  1. 跨境电商 - 上海市
    2023-09-25     Win 10 /    Chrome

    感谢分享

  2. 日志屿 - 重庆市
    2023-09-22     Win 10 /    Chrome

    [secret]  原胡家小子网站已卖,数据还在。大约3-10天恢复访问(域名正在备案中),承蒙不弃。
    麻烦修改下友链信息如下:
    名称:日志屿
    网址:https://logyu.cc
    描述:记录生活为忆,平地小山为屿。[/secret]

    1. 云帆沧海V - 河北省
      2023-09-22     Win 10 /    Chrome

      @日志屿

      已修改

  3. TeacherDu - 北京市
    2023-06-17     Win 10 /    Chrome

    你这还是纯白背景!

    1. 云帆沧海V - 河北省
      2023-06-18     iPhone /    Safari

      @TeacherDu

      之前的主题用的

  4. wu先生 - 湖北省
    2023-06-16     Win 10 /    Chrome

    你自己这个博客没有用起来啊。

    1. 云帆沧海V - 河北省
      2023-06-18     Win 10 /    Chrome

      @wu先生

      之前的主题用的

  5. 王光卫博客 - 四川省
    2023-06-16     MacOS /    Chrome

    以前写css,人都要整疯

没有更多评论了

作者信息

喜聞樂見
记录生活,分享与留存。
TA的最新作品
    请配置好页面缩略名选项

热门文章

最多点赞

标签TAG

热评文章