博客换肤全攻略(包括更换计数器/RSS阅读器背景的代码)

上一篇 / 下一篇  2007-12-18 21:43:12 / 个人分类:电脑

你有兴趣也可以试一试。方法很简单,只要知道这些代码指什么,灵活运用这些代码就可以做到—— 

  

常用代码: 


<STYLE type=text/css> 


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("题图下的菜单背景图片地址") ;} 

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

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

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

.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("页面内背景图片地址");} 

.sysBr500 
{background:url("所有文章的背景图片地址,一般不用");} 

.bodyBottom 
{background:url("内背景页脚处图片地址");} 

.sysW770 
{background:url("页面底部“新浪BLOG意见反馈留言板”等字背景图片地址");} 

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

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

.links .more 
{background:url("最新文章列表下的MORE的背景图片") ;} 


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

#labelFM000014{background:url("计数器背景图片地址");} 
#labelFM000011 {background:url("RSS阅读器背景图片地址") ;} 
</STYLE> 

  

代码说明: 

“页面大背景(body)”指的是整个博客的最大背景,由于中间部分被覆盖,所以显示的效果只是两边的部分。  
“题图上背景(logo)”是指sina blog所在的横长条的背景。  
题图下背景(banner)”是指博客名字(如“MIRROR”)和博客地址(如http://blog.sina.com.cn/mirror>>复制>>收藏本页)所在部分的背景。  
其中logo和banner宽各为770,logo高40,banner高134,单位为像素。  
repeat 图片延展、重复,直到充满板块;  
“题图下的菜单背景”是指“纸条箱 ┆系统消息┆更换模版┆发表文章┆退出 ”等字所在横长条的背景。  
“正文标题栏上翻时的图片”指的是文章发表了之后文章标题的图片。  
“面板标题栏下翻时的图片”指的是点击标题后出现标题后的后面的图片。  
“面板的背景图片”指的是左边比如我的文章列表什么的背景图片。  
“页面内背景(bodybg)”是指就是文章、侧栏、Banner等板块下面的背景。  
“内背景页脚处图片地址(bodyBottom)”是指在文章翻页处下面,sysW770上面的一横窄条。  
假如不知道背景图片的大小,可以利用QQ截图工具直观地测量,或点击点背景图片另存,然后看大小。  
根据需要,{background:url("背景图片地址") ;}可以直接用颜色代码,格式改为{color:#    ;}即可。  
修改模板时要灵活取舍代码,DIY换肤需要不断调试效果,直到满意。化妆总是需要耐性和时间的。

TAG:

 

评分:0

我来说两句

显示全部

:loveliness: :handshake :victory: :funk: :time: :kiss: :call: :hug: :lol :'( :Q :L ;P :$ :P :o :@ :D :( :)

日历

« 2008-11-21  
      1
2345678
9101112131415
16171819202122
23242526272829
30      

数据统计

  • 访问量: 57664
  • 日志数: 123
  • 图片数: 21
  • 影音数: 226
  • 建立时间: 2007-12-01
  • 更新时间: 2008-06-04

RSS订阅

Open Toolbar