登录  
 加关注
查看详情
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

 
 
 

日志

 
 

怎样修改您的博客背景  

2010-01-07 21:26:42|  分类: ——博客 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 

彼尔怎样修改您的博客背景


     有的时候很多博友都会对自己模板各个地方的背景不是很满意,但是却又找不到适合的方法去进行修改。看到很多高手都把自己的博客改地很有个性,自己心理难免有些羡慕!偶做博客的时间也不是很长,文章写的少。倒是花了些时间来研究博客的制作。渐渐地也有了那么一点水哈,前段时间有些博友问到了这个问题。偶思量一下觉得实用性倒也瞒强的,所以今天写了这篇文!希望大家是高手的不要扔砖块,偶也是为了大家着想!呵呵!

     第一步:修改头部的背景,这副背景应当是最重要的。每次别人一打开您的博客看到的第一副图,就是这副。有许多朋友都把这副图取消了!偶觉得非常可惜!一般涉及到框架内的背景修改都需要修改CSS源代码!打开网志,选择修改样式。再选择首页部分!找到以下代码(以偶的蓝色幻想做示范):

    先在本机编辑一副自己感觉不错的图片,(要注意大小哦!因为要做的和原来系统给的那张一样大才好,不然难免有写纰漏的地方,您可以在自己的博客原来那张背景的地方点击右键,选择背景另存为###然后在哪自己编辑好的图来和这张做对比)。编辑好了以后在把这副图片上传到自己的博客空间里。获得这张图片的存放地址,然后在把地址放到以下代码的()内。点击修改,OK!搞定!

/*=======================头部============================*/
div#header{
 height:170px;
 width:880px;
 margin-bottom: 5px;
 margin-left:50px;
   border-right:5px solid #000000;
 border-left:5px solid #000000;
 border-bottom:5px solid #000000;
 background-image: url(同下);
 background-image:  url(这里就是您要的背景图片的存放地址);
 background-repeat: no-repeat;

 

     第二步 :修改您的BLOG介绍的背景,还是老方法找到以下代码,把括号里的那部分干掉,然后在把自己已经上传好的图片地址放进去就OK啦!

/*=======Blog介绍=======*/
div#blogContent{
   width:520px;
 text-align: left;
   background-color:#000000;
 font-family: Arial,Helvetica,sans-serif;
 font-size:9pt;
 color:#bfdefb; 
 margin-top:2px;
}
p.content{
   margin: 0;
   padding: 0px 10px 5px 10px;
background-image: url(在这里添加您的图片地址);

}

 

     第三步:修改您的栏目背景,呵呵!这里和上面也大致相同,只需要找到以下代码:

/*=======栏目=======*/
div#category{display:none;
    margin-left:12px;
  margin-right:12px; 
  color: #004487;
  border:1px dashed #1060AF;
  height: 30px;
  padding-top:12px;
  margin: 5px;
  font-family: Arial,Helvetica,sans-serif;
  font-size:9pt;
background-image: url(在这里添加您的图片地址);
}
div#footer{display:none;
   width:780px;
   height:13px;
 margin-top: 5px;
 text-align: center;
 padding: 5px;
 float: left;
}
div#footer a:link {
 font-family: Arial,Helvetica,sans-serif;
 font-size: 9pt;
 color: Black;
 text-decoration: none;
}
div#footer a:visited {
 font-family: Arial,Helvetica,sans-serif;
 font-size: 9pt;
 color: Black;
 text-decoration: none;
}
div#footer a:hover {
 font-family: Arial,Helvetica,sans-serif;
 font-size:  9pt;
 color: #0099FF;
 text-decoration: none;
}

     如果有的博客没有画                    线里那一段代码的话,直接把这段代码复制了添加进去即可

    第四步:修改您大框架的背景,在这里我要说明一下,一般的话是不需要修改大框架的背景的。因为一修改就会影响到整个页面的风格!不过大家学着玩一下一无所谓!方法还是照旧,找到如下代码,然后再把图片地址放进去就OK了!

   /*================================大框架=============================*/
div#container{
   width: 1000px;
 margin: 0 auto 0 auto;
 background-image: url(添加您的图片地址
);
 background-image: url(添加您的图片地址);
 background-repeat: repeat-y;

   OK,修改到这里也就差不多了。大家也看到了,其实一点也不难。只需要改下地址就可以了!呵呵!如果大家有什么不明白的地方可以流言给我。

   嘿嘿,再罗嗦几句!大家在看到这段代码的时候相信也差不多明白了background-image: url(添加您的图片地址);就是这段,一般来说就是描述这个功能列表的背景图片!以后看到的时候放心大胆的改,有创新才有创意!由于本人水平有限,有不周到的地方,还请各位高手积极指出,觉得可以,不要小气,表扬哈子!嘿嘿!谢谢了

  评论这张
 
阅读(74)| 评论(0)

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2018