GreyX'SKY

一直不想去掉顶部搜索条,因为怕去掉了以后违反什么协议来着.但它确实影响了我的布局.改了下,一定也没影响了终于.

仔细看了下顶部搜索条,它是由http://beta.blogger.com/css/navbar/classic.css控制它的样式的.classic.css代码如下:

html body {margin:0;padding-top:0;padding-left:0;padding-right:0;
}
body #wrapper {margin-top:30px;
}
body #header {margin-top:50px;
}
#leftcontent {_margin-top:30px !important;
}
#rightcontent {margin-top:30px !important;
}
#Main #Title {margin-top:30px !important;
}
body #wrap #wrap2 #header {margin-top:0;
}
body #wrap {margin-top:34px;
}
#blog-header {margin-top:-4px;
}
body #wrap4 {padding:15px 15px 0 15px;margin-top:-4px;
}
#space-for-ie {display:none;_border:0 !important;_display:block;
}
#navbar-iframe {position:absolute;top:0;left:0;z-index:500;>}

所以只要自己当前的模板中有wrapper,header,leftcontent....上面代码中的id就会受到影响.#header更是经常用到的顶部id,如果去掉顶部搜索条后发现顶部还是多出一块影响自己的布局,就是它在作祟了.在自己的css代码区加入#hearder{ margin-top: 0px !important;}!important的意思是强制使这个css提高到最优先级,相当于覆盖掉了classic.css中的定义.而且#navbar-iframe是绝对定位,如果你发现顶部搜索条覆盖掉了自己的一些内容,可以在自己的css代码区加入#navbar-iframe { position: relative !important;}把#navbar-iframe变成相对定位,就不会覆盖掉什么内容了.(当然也可以把它去掉).那么不影响布局去掉navbar的方法应该是这样的,在自己的css代码区加入 #hearder { margin-top:0px !important;}和#navbar-iframe { display:none;}

ps:我说的是beta版,非beta版原理应该是一样的.