怎么改博客标题背景图怎么改博客标
切记:按以下步骤和代码,可更改各处背景图片。
控制面板 - 首页内容维护 - 自定义空白面板栏
按“新增”按钮,点选“显示源代码”,输入代码。
我用的代码是:
环境之友blog
。banner{b ( ) no
repeat no scroll!mportant;}
。 bodyBg {b (" ") repeat scroll!
important;}
其中 是首页标题栏图片
是页面内主题部分的背景图片,
可将图片地址替换为你所要显示的背景图片地址,repeat表示图片平铺,no-repeat表示不平铺。
scroll表示图片随对象滚动,图片固定不滚动改为fixed,!import...全部
切记:按以下步骤和代码,可更改各处背景图片。
控制面板 - 首页内容维护 - 自定义空白面板栏
按“新增”按钮,点选“显示源代码”,输入代码。
我用的代码是:
环境之友blog
。banner{b ( ) no
repeat no scroll!mportant;}
。
bodyBg {b (" ") repeat scroll!
important;}
其中 是首页标题栏图片
是页面内主题部分的背景图片,
可将图片地址替换为你所要显示的背景图片地址,repeat表示图片平铺,no-repeat表示不平铺。
scroll表示图片随对象滚动,图片固定不滚动改为fixed,!important表示这里的设置优先,不要将它去掉。
显示效果见
环境之友blog
输入代码后点击“保存”,会提示“更新成功”。
切记:回到“控制面板”,在左侧点“定制我的首页”。会出现一个工具条,点击“添加模块”,在出现的
列表右侧的空白面板下选中你刚创建的那个,如我的“水色”,然后点页面最下面的“选取”并点下刚才工
具条上的“保存设置”。
现在大功告成了。
扩展解说:
一共可以更改博客的几部分背景图片,如下所示,插入上述窗口中间即可
body
{b (页面大背景图片地址) repeat scroll!important;}
。
banner
{b (题图背景图片地址) no repeat no scroll!mportant;}
。logo
{b (题图上背景图片地址) no repeat no scroll!mportant;}
。
bodyBg
{b (页面内背景图片地址) no repeat no scroll!mportant;}
。menu
{b ("题图下的菜单图片") no-repeat center;}
。
photo 。mid
{b (形象照片处的背景图片);}
。calendar 。mid
{b ("日历面板背景");}
。callboard 。mid
{b ("公告栏背景图片");}
。
bodyBottom
{b ("正文下部背景图片");}
其中前四个较为常用。
“页面大背景”就是整个空间的最大背景,由于中间部分被覆盖,所以显示的效果只是两边的部分!“题图背景(banner)”是指空间名字所在的那部分的背景,“题图上背景(logo)”是指窄条的背景!而“页面内背景”是指除了以上这三部分外页面内的的背景!其中banner和logo宽都为770,banner高131左右,logo高40。
欢迎光临我的小站 环境之友blog。收起