zoukankan      html  css  js  c++  java
  • 博客背景图片设置

    body
    {background:url("页面大背景图片地址") repeat scroll!important;}

    .logo
    {background:url("题图上背景图片地址") no repeat no scroll!mportant;}

    .banner
    {background:url("题图下背景图片地址") no repeat no scroll!mportant;}

    .menu
    {background:url("题图下的菜单背景图片地址") no-repeat center;}

    .feeds .up
    {background:url("正文标题栏上翻时的图片地址") no-repeat center;}

    .feeds .down
    {background:url("正文标题栏下翻时的图片地址") no-repeat center;}

    .feeds .function
    {background:url("正文摘要结尾处菜单的图片地址") no-repeat right;}

    .links .up
    {background:url("面板标题栏上翻时的图片地址");}

    .links .down
    {background:url("面板标题栏下翻时的图片地址");}

    .links .mid
    {background:url("面板的背景图片地址");}

    .photo .mid
    {background:url(个人形象照片处的背景图片地址);}

    .label .mid
    {background:url("自定义面板的背景图片地址");}

    .calendar .mid
    {background:url("日历面板背景图片地址");}

    .callboard .up
    {background:url("公告栏标题栏上翻时的图片地址");}

    .callboard .down
    {background:url("公告栏标题栏下翻时的图片地址");}

    .callboard .mid
    {background:url("公告栏背景图片地址");}

    .bodyBg
    {background:url("正文背景图片地址");}

    .bodyBottom
    {background:url("正文背景图片地址");}

    .gbook .up
    {background:url("留言板标题栏上翻时的图片地址") no-repeat;}

    .gbook .down
    {background:url("留言板标题栏下翻时的图片地址") no-repeat;}

    .feeds .page
    {background:url("正文文章页数图片地址") no-repeat center;}

    </STYLE>

    “页面大背景(body)”指的是整个博客的最大背景,由于中间部分被覆盖,所以显示的效果只是两边的部分。
    “题图上背景(logo)”是指所在的横长条的背景。

    “题图下背景(banner)”是指博客名字和博客地址所在的那部分的背景。

    其中logo和banner宽各为770,logo高40,banner高134,单位均为像素。

    “题图下的菜单背景”是指“HOME...搜索┆帮助┆退出”等字所在的那个横长条的背景。

    “正文标题栏上翻时的图片”指的是文章发表了之后文章标题的图片。

    “面板标题栏下翻时的图片”指的是点击标题后出现标题后的后面的图片。

    “面板的背景图片”指的是左边比如我的文章列表什么的背景图片。

    “页面内背景”是指整个文章文字所在的大背景!
    (转载)
  • 相关阅读:
    Shell 脚本中调用另一个 Shell 脚本的三种方式
    Shell脚本的三种执行方式
    python selenium中Excel数据维护(二)
    python里面的xlrd模块详解(一)
    selenium处理iframe定位于切换问题解决办法
    Selenium在定位的class含有空格的复合类的解决办法整理
    SqlSugar ORM已经支持读写分离
    ASP.NET Core的Kestrel服务器
    服务是如何加载并运行的, Kestrel、配置与环境
    ASP.NET Core Web服务器 Kestrel和Http.sys 特性详解
  • 原文地址:https://www.cnblogs.com/akiing/p/1580089.html
Copyright © 2011-2022 走看看