友人C

为typecho设置一个好看的网页背景图
我是代码盲,以下代码全部从 千千扒下来的!感谢! 我设置了两个背景嘛!
扫描右侧二维码阅读全文
27
2016/08

为typecho设置一个好看的网页背景图

我是代码盲,以下代码全部从 千千扒下来的!感谢!

我设置了两个背景嘛!

其中一个是可爱的男孩子,

这个是 千千 抠的图,perfect!非常感谢准许我使用一段时间。

  • 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'); ?>前即可)

第二个是大背景

  • HTML

    <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 的<body>的的class加入custom-background的样式即可!
最后修改:2016 年 10 月 29 日 05 : 31 PM
如果觉得我的文章对你有用,请随意赞赏

3 条评论

  1. 一日

    edge 浏览器

  2. ZhuYan's Vip
    1. 一日
      @ZhuYan's Vip [笑眼]

发表评论