怎么样在首页左侧加入背景图片??
在博客侧栏加入图片
代码:
代码中的图片地址就是网上的网址,
在网页的图片上点右键查看“属性”就可以看到地址和尺寸,
“width”是宽度,“height”是高度。
将自己喜欢的图片上传到网上,获得图片的网址。
打开控制面板 个人首页维护 自定义空白面板 新增。
输入图片名字 选中“显示源代码”。
复制上面的代码到面板简介中。
复制图片网址 替换代码中的“图片地址”。
取消“显示源代码” 点击“保存” 返回。
点击“定制我的首页”“添加模块” 选中图片的名字
点击“选取”。
点击“保存设置”即可。
缩小图片分辨率
用ACDSee打开要修改的图片
点击 工具...全部
在博客侧栏加入图片
代码:
代码中的图片地址就是网上的网址,
在网页的图片上点右键查看“属性”就可以看到地址和尺寸,
“width”是宽度,“height”是高度。
将自己喜欢的图片上传到网上,获得图片的网址。
打开控制面板 个人首页维护 自定义空白面板 新增。
输入图片名字 选中“显示源代码”。
复制上面的代码到面板简介中。
复制图片网址 替换代码中的“图片地址”。
取消“显示源代码” 点击“保存” 返回。
点击“定制我的首页”“添加模块” 选中图片的名字
点击“选取”。
点击“保存设置”即可。
缩小图片分辨率
用ACDSee打开要修改的图片
点击 工具→调整大小
点击 图像调整大小
将像素设定为宽180 高255
点击 确定
完成转换
ACDSee
数字图象处理软件ACDSee是目前最流行的图像浏览软件,
ACDSee广泛应用于数码图片的获取、图片管理、照片浏览、
数码照片后期处理和优化。
中文版ACDSee最新版本是ACDSee V8。0版。
提供绿色版ACDSee8。0中文版下载。
更换整体页面背景的源代码:
body
{background:url(博客整体页面背景图片) repeat
scroll!important;}
更换页面题图logo图片的源代码:
。
logo
{background:url(博客最上方题图logo图片) 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;}
更换页面文章标题栏下翻时的图片的源代码:
。
wn{background:url("文章标题栏下翻时的图片") no-
repeat center;}
更换页面文章结尾处评论阅读菜单栏的图片的源代码:
。feeds 。function{
background:url("文章结尾处评论阅读菜单栏的图片") no-
repeat right;}
更换页面空白面板标题栏上翻时图片的源代码:
。
links 。up{
background:url("空白面板标题栏上翻时图片");}
更换页面空白面板标题栏下翻时图片的源代码:
。 wn{background:url(空白面板标题栏下翻时的图片);}
更换页面空白面板的背景图片的源代码:
。
links 。mid{
background:url(空白面板的背景图片);}
更换页面形象照片处的背景图片的源代码:
。photo 。mid{
background:url(形象照片处的背景图片);}
更换页面自定义空白面板背景图片的源代码:
。
label 。mid{
background:url(自定义空白面板的背景图片);}
更换页面日历面板的背景图片的源代码:
。calendar 。mid{
background:url("日历面板的背景图片");}
更换页面公告栏标题栏上翻时图片的源代码:
。
callboard 。up{
background:url("公告栏标题栏上翻时图片");}
更换页面公告栏标题栏下翻时图片的源代码:
。 wn{background:url("公告栏标题栏下翻时图片");}
更换页面公告栏的背景图片的源代码:
。
callboard 。mid{
background:url("公告栏的背景图片");}
更换页面正文背景图片的源代码:
。bodyBg{
background:url("正文背景图片");}
更换页面正文背景图片的源代码:
。
bodyBottom{
background:url("正文背景图片");}
更换页面正文文章页数图片的源代码:
。 ge{background:url("正文文章页数图片") no-repeat center;}
更换页面留言板标题栏上翻时的图片的源代码:
。
gbook 。up{
background:url('留言板标题栏上翻时的图片') no-repeat;}
更换页面留言板标题栏下翻时的图片的源代码:
。 wn{background:url('留言板标题栏下翻时的图片') no-repeat;}
添加步骤:
第一步、登录新浪博客,输入“登录名”“密码”和“验证码”后点击“登录”。
第二步、点击进入主页上方的“控制面板”。
第三步、进入“个人首页维护”。
第四步、进入“自定义空白模板”。
第五步、点击“新增”新增一个空白面板。
第六步、在“面板标题”写好面板的名称,勾选面板下方的“显示源代码”勾选框,此处注意一定要勾选,否则将不能成功。
将以下代码贴入文本框中,点击“保存”。
第七步、点击“控制面板”左侧“BLOG信息设置”中的“定制我的首页”。
第八步、点击“添加模块”。
第九步、勾选刚刚建立好的面板,点击下方的“选取”。
第十步、刚刚建好的显示面板出现,点击“保存设置”。
。收起