博客园博客最上面的图片 自定义

1.网上的自定义个性模板(如我博客上的top图片)
   1.下载火狐浏览器,并打开
   2.在菜单栏里点工具-->添加组件-->获取附加组件(在里面搜索Firebug,搜到后安装)
   3.在浏览器的最右下角,有一个虫子的图标,双击就可以打开,功能非常强大
2.下面以改博客最上面的图为例
   1.在火狐浏览器打开你的博客,然后打开Firebug(就是单击浏览器右下虫子图标)
   2.会看到窗体变成了上下2部分,下面的部分显示的是HTML,鼠标逐个点开节点,观察上面图片的变化
     比如,你鼠标移到body节点的form时,会看到页面整个被选中(很好,这就是效果),然后继续点开下面的"+"节点
   3.当你点到table->tbody->tr->td->div的时候,你会发现,只有最上面的图片被选中,OK,这个div就是用来放
      图片的容器,记住这个div的id,比如,我的模板里是<div id="top">
   4.得到这个网站的所有css代码,在下面窗体里点css的选项卡,这时候,在css上面就会出现customcss.aspx
     点customcss.aspx,把里面的css文件全部复制出来(比如我的有common.css,common2.css,customcss.aspx)
     最好先把这三个全部复制到一个记事本里(记事本可以在桌面上新建),然后在这个记事本里CTRL+F,搜刚才
     找到的id,比如我的是top,就搜#top(前面加一个#是为了快速搜索),然后把background-image的url里的网址
     改为你自己上传的图片网址就ok了(可以先把图片上传到自己的博客,然后右键这个图片,就可以得到图片地址了)
    #top {
    background-color:#20375F;
    background-image:url(http://pic002.cnblogs.com/img/jason-xiao/200903/2009031114583195.jpg);
    background-position:right center;
    height:90px;
    vertical-align:middle;
    }
   5.把记事本里的css复制到博客提供给你的定制css样式里,保存就可以了(注意勾选:禁用模板默认CSS)
      比如博客园里提供的定制css就在管理-->博客设置-->通过CSS定制页面(帮助文档)-->然后在页面最下面点保存

 

你可能感兴趣的:(自定义)