如何把首页最上面的图片换成自己的
将背景代码写在已有的代码(比如鼠标,背景音乐)里,不然没有效果。如果单独放置,必须在代码前面加一个任意字符。
整体模板源代码:
body
{background:url(页面背景图片) repeat
scroll!important;}
。 logo
{background:url(题图logo图片) no
repeat no scroll!mportant;}
。banner
{background:url(题图大图) no
repeat no scroll!mportant;}
。 menu{
background:url("题图下的菜单图片") no-
repeat center...全部
将背景代码写在已有的代码(比如鼠标,背景音乐)里,不然没有效果。如果单独放置,必须在代码前面加一个任意字符。
整体模板源代码:
body
{background:url(页面背景图片) repeat
scroll!important;}
。
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("正文背景图片");}
。
gbook 。up{
background:url('留言板标题栏上翻时的图片') no-repeat;}
。 wn{background:url('留言板标题栏下翻时的图片') no-repeat;}
。
ge{background:url("正文文章页数图片") no-repeat center;}
(以上代码只适用于sina blog,把文字部分改成图片地址即可。但图片地址必须是网络上已经存在的,否则不能显示。
)
注:需要哪部分就添加哪部分的代码,不需要的不用加。
操作如下所示:
控制面板----个人首页维护----自定义空白面板---已有模块 ----钩显示源代码----粘贴代码----去掉钩----保存
如果是新增的面板可以复制代码---控制面板-----新增空白面板-----钩选显示源代码(出现钩号,同时文档里出现DIV的字样)----代码前面加一个任意字符----粘贴代码----钩选显示源代码(钩号消失)-----保存新增面板----定制个人首页----选取新增个人面板----保存设置(OK了)
无限制上传图片的方法
图片上传后,得到图片地址,然后把图片地址覆盖在下面代码中的 文字上覆盖横幅图片地址 上。
然后按照添加代码的说明,添加代码即可。
代码如下:
。banner
{background:url("文字上覆盖横幅图片地址") no repeat no scroll!mportant;}
注意:代码中图片地址两边的 “ ” 不能没有,没有的话图片不会显示的。
你说换会闪的图片不如换flash,那样自己就不用调整大小了
更换FLASH横幅:
可以使用一些网站上的FLASH的横幅,或者自己制作的FLASH横幅,但是新浪是不能上传FLASH的;如果是在其他网站找到的,请记录它的地址;如果是自己制作的,请找空间上传,上传后请记录它的地址,然后将FLASH地址覆盖在代码中的 文字上覆盖FLASH地址 上面。
然后按照添加代码的说明,添加代码即可。
注:FLASH横幅地址的后缀名是 swf
以下代码也可以用来更换FLASH导航条。
代码如下:
注意:代码中图片地址两边的 “ ” 不能没有,没有的话图片不会显示的。
top:12px 上下位置的数值,数字越大,定位的东西越往下。(自动居中,只调整上下即可)
width=770 框架的长 height=135 框架的宽 可根据定位的东西尺寸自己调整。
登陆你的博客首页——控制面板——个人信息设置——更改基本资料——点击“浏览”把你上传到电脑中的照片和图像放到上面就行了。
。logo
{background:url("题图上背景图片地址") no repeat no scroll!mportant;}
更换鼠标指针:
a:hover {cursor:url(' }
BODY {cursor:url(' }
以上代码中,Body后面的'鼠标文件网址a'是显示在文章主体中的鼠标样式,也就是大部分位置会显示你在此处替换的鼠标网址。
'鼠标文件网址b'则是会在你的鼠标移动到某个栏目有链接的地方才会显示的鼠标样式,普通情况不会显示。
几个鼠标地址的链接
。
banner
{background:url("题图下背景图片地址") no repeat no scroll!mportant;}
动态背景的图我那有很多
我写了一篇《提高博客访问量的秘技》你可以去看一看
希望以上的回答能对你有所帮助!为你的博客祝福!博得开心快乐!
你也可以到我那里看看关于博客的建设。收起