洛奇吧 关注:161,058贴子:7,623,583

手把手教你自定义百度博客模板

只看楼主收藏回复

更换博客网页背景图的源代码: 
<DIV>
<style type=text/css>
<!--
body{
    background:url(这里填您的图片url地址) #ffffff repeat scroll!important;
}
-->
</style>
</DIV> 
代码说明: 
将括号里面的这里填写背景图片url地址替换为你所要显示的背景图片地址.
#ffffff表示背景颜色为(白色)修改为你想要的背景颜色代码即可.
repeat表示图片平铺,不想平铺则改为no-repeat.
scroll表示图片随对象滚动.图片固定不滚动改为fixed.
!important表示这里的设置优先.不要将它去掉,否则有可能会引起冲突.造成显示不正常 
下面再列一些更换博客整体页面背景的源代码: 
更换博客整体页面背景的源代码:
<STYLE type=text/css>
body
{background:url(博客整体页面背景图片) repeat
scroll!important;}
</STYLE>
 
更换页面题图logo图片的源代码:
<STYLE type=text/css>
.logo
{background:url(博客最上方题图logo图片) no
repeat no scroll!mportant;}
</STYLE>
 
更换页面横幅题图的源代码:
<STYLE type=text/css>
.banner
{background:url(横幅题图大图) no
repeat no scroll!mportant;}
</STYLE>
 
更换页面横幅题图下面的菜单图片的源代码:
<STYLE type=text/css>
.menu{
 background:url("题图下的长条菜单图片") no-
repeat center;}
</STYLE>
 
更换页面文章标题栏上翻时的图片的源代码:
<STYLE type=text/css>
.feeds .up{
  background:url("文章标题栏上翻时的图片") no-
repeat center;}
</STYLE>
 
更换页面文章标题栏下翻时的图片的源代码:
<STYLE type=text/css>
.feeds .down{
  background:url("文章标题栏下翻时的图片") no-
repeat center;}
</STYLE>
 
更换页面文章结尾处评论阅读菜单栏的图片的源代码:
<STYLE type=text/css>
.feeds .function{
  background:url("文章结尾处评论阅读菜单栏的图片") no-
repeat right;}
</STYLE>
 
更换页面空白面板标题栏上翻时图片的源代码:
<STYLE type=text/css>
.links .up{
  background:url("空白面板标题栏上翻时图片");}
</STYLE>
 
更换页面空白面板标题栏下翻时图片的源代码:
<STYLE type=text/css>
.links .down{
  background:url(空白面板标题栏下翻时的图片);}
</STYLE>
 
更换页面空白面板的背景图片的源代码:
<STYLE type=text/css>
.links .mid{
 background:url(空白面板的背景图片);}
</STYLE>
 
更换页面形象照片处的背景图片的源代码:
<STYLE type=text/css>
.photo .mid{
  background:url(形象照片处的背景图片);}
</STYLE>
 
更换页面自定义空白面板背景图片的源代码:
<STYLE type=text/css>
.label .mid{
  background:url(自定义空白面板的背景图片);}
</STYLE>
 
更换页面日历面板的背景图片的源代码:
<STYLE type=text/css>
.calendar .mid{
  background:url("日历面板的背景图片");}
</STYLE>
 
更换页面公告栏标题栏上翻时图片的源代码:
<STYLE type=text/css>
.callboard .up{
 background:url("公告栏标题栏上翻时图片");}
</STYLE>
 
更换页面公告栏标题栏下翻时图片的源代码:
<STYLE type=text/css>
.callboard .down{
 background:url("公告栏标题栏下翻时图片");}
</STYLE>
 
更换页面公告栏的背景图片的源代码:
<STYLE type=text/css>
.callboard .mid{
  background:url("公告栏的背景图片");}
</STYLE>
 
更换页面正文背景图片的源代码:
<STYLE type=text/css>
.bodyBg{
 background:url("正文背景图片");}
</STYLE>
 
更换页面正文背景图片的源代码:
<STYLE type=text/css>
.bodyBottom{
 background:url("正文背景图片");}
</STYLE>
 
更换页面正文文章页数图片的源代码:
<STYLE type=text/css>
.feeds .page{
 background:url("正文文章页数图片") no-repeat center;}
</STYLE>
 
更换页面留言板标题栏上翻时的图片的源代码:
<STYLE type=text/css>
.gbook .up{
 background:url('留言板标题栏上翻时的图片') no-repeat;}
</STYLE>
 
更换页面留言板标题栏下翻时的图片的源代码:
<STYLE type=text/css>
.gbook .down{
 background:url('留言板标题栏下翻时的图片') no-repeat;}
</STYLE> 
注意:有些源代码要求填写在已有内容的面板里。如果是新增加的面板,至少先要在面板里写上一个字或是字符(为了不影响网页的美观,可在面板里先贴一张喜欢的图片,或是文章分隔线之类的小装饰图,然后再贴源代码,以此来实现已有内容面板的目的),否则flash鼠标特效无效! 



IP属地:江苏1楼2007-02-03 13:02回复
    • 218.90.59.*
    顶...


    3楼2007-02-03 13:16
    回复
      呵呵,已经满傻瓜了,不懂代码也能用哦,自定义好了后记得吧中文注释删喽,或者在前面加// ,或者/* */的注释掉哦!


      IP属地:江苏5楼2007-02-03 13:35
      回复
        background:url(这里填您的图片url地址) #ffffff repeat scroll!important; 

        把括号里的改成你要的图片地址


        IP属地:江苏8楼2007-02-03 17:15
        回复
          - =#
          这可能和百度那段代码有点不一样,不过只要把url那的地址改掉就可以了
          不是复制,是改


          IP属地:江苏10楼2007-02-03 17:22
          回复
            谢了


            12楼2007-02-03 17:32
            回复
              百度上默认是这样的

              #header div.lc{background:url
              (http://img.baidu.com/hi/temp1/hdl.jpg) no-repeat}
              #header div.rc{background:url(http://img.baidu.com/hi/temp1/hdr.jpg) no-repeat top right}
               在background:url(http://img.baidu.com/hi/temp1/hdl.jpg)
              括号内改你的图片


              我找的这段代码是通用的,你可以先用我的代码改好后,删掉百度默认的,直接全部复制上去


              IP属地:江苏13楼2007-02-03 17:33
              回复
                =。=...我郁闷了,如果下面的方法你不会。。。无语了。。。

                把百度默认的模板设置里的自定义代码第一段删了,改成我发的那段代码的blackground那一段,然后不就都一样啦=。=
                其实细看这段代码和百度的也是大同小异啊,只是有的地方变下,要懂的变通啊,小朋友=。=

                郁闷了。。。没人理解啊~~`


                IP属地:江苏16楼2007-02-03 17:43
                回复