加载中…
个人资料
  • 博客等级:
  • 博客积分:
  • 博客访问:
  • 关注人气:
  • 获赠金笔:0支
  • 赠出金笔:0支
  • 荣誉徽章:
正文 字体大小:

玩转博客之新浪模板改改改

(2006-05-25 17:34:34)
分类: 互联科技类映日花别样红

 

 

玩转博客之新浪模板改改改玩转博客之新浪模板改改改

如果上面的图片看不清楚,可以先点击图片放大后看

<STYLE type=text/css>

.bodyTop{
 background:url("NO.1处图片URL地址");
 width:770px;
 height:40px;
}

.banner{
 height:135px;
 width:770px;
 background:url("NO.2处图片URL地址") #fff no-repeat center;
}


.menu{
 width:770px;
 height:22px;
 background:url("NO.3处图片URL地址") no-repeat center;
 padding:0px 10px;
 color:#444444;
}

.feeds .up{
 height:28px;
 background:url("NO.5处图片URL地址") no-repeat center;
}


.feeds .down{
 height:28px;
 background:url("可以和NO.5处图片URL地址一样") no-repeat center;
}


.links .up{
 height:24px;
 background:url("NO.8处图片URL地址");
}


.links .down{
 height:24px;
 background:url("可以和NO.8处图片URL地址一样");
}


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

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

.photo .mid{
 padding:15px 0px;
 background:url("NO.16处图片URL地址,形象照片背景");
}


.calendar .mid{
 height:236px;
 background:url("NO.11处图片URL地址,日历背景");
}


.bodyBg{
 background:url("NO.13处图片URL地址,正文背景");
 width:770px;
}


.feeds .function{
 height:30px;
 text-align:right;
 padding-right:20px;
 background:url("NO.6处图片URL地址") no-repeat right;
}


.feeds .page{
 background:url("NO.10处图片URL地址") no-repeat center;
}

.bodyBox{
 background:url("NO.15处图片URL地址,两边和下面空白地方");
 text-align:center;
 margin-left:0px;
 margin-right:0px;
 padding-left:0px;
 padding-right:0px;
}


.bodyBottom{
 background:url("NO.14处图片URL地址,可以连接广告");
 width:770px;
 height:40px;
}

.links .more{
 height:44px;
 width:57px;
 background:url("NO.4处图片URL地址") no-repeat right;
}

.links .home{
 background:url("NO.7处图片URL地址") no-repeat right;
}

.gbook .up{
 background:url('留言版上翻时图片地址') no-repeat;
}
 
.gbook .down{
 background:url('留言版下翻时图片地址') no-repeat;
}

.links .mid
{background:url("NO.17处图片地址");}

.add{
 background:url("NO.18处发表文章图片地址") no-repeat center right;
}

</STYLE>

 

下面代码具体指哪儿的图片,现在还没有分析出来,谁有兴趣弄了希望能告诉我,谢谢:

.article .up{
 background:url("图片地址") no-repeat center;
}

.article .down{
 background:url("图片地址") no-repeat center;
}

.comment .up{
 background:url('图片地址') no-repeat center;
}

.comment .down{
 background:url('图片地址') no-repeat center;
}

.comment .iUp{
 background:url("图片地址");
}

.comment .iDown{
 background:url("图片地址");
}

.serial .up{
 background:url("图片地址") no-repeat center;
}

.serial .down{
 background:url("图片地址") no-repeat center;
}

.callboard .front{
 width:29px;
 height:13px;
 background:url("图片地址");
}

.callboard .back{
 width:29px;
 height:13px;
 background:url("图片地址");
}

上面代码中替换的图片,一般都给了宽度,如果你修改了模板宽度的话,希望你也对上面宽度做相应的修改,高度可以不变。代码可以挑自己想改的地方的代码来用,比如改NO.1处的图片,代码如下:

<STYLE type=text/css>

.bodyTop{
 background:url("NO.1处图片URL地址");
 width:770px;
 height:40px;
}

</STYLE>

注意:代码必须粘贴到已经存在的面板里,或者先写几个字然后再勾选源代码,再粘贴代码。大漠友情提供

0

阅读 收藏 喜欢 打印举报/Report
  

新浪BLOG意见反馈留言板 欢迎批评指正

新浪简介 | About Sina | 广告服务 | 联系我们 | 招聘信息 | 网站律师 | SINA English | 产品答疑

新浪公司 版权所有