寻找属于勒色的勒色! 生活、游记、见闻、上海、摄影、计算机、互联网、关注特奥......

2007-07-15

自动隐藏NavBar

有时NavBar会影响排版,所以想把它拿掉。虽然感觉有点违反blogger的游戏规则,但是blogger也没有明文规定,想拿就大胆的拿掉吧。

在网上可以找到很多教学,但是还是简单的说明一下。

在body {
上面加入下面程序代码。

#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100,
FinishedOpacity=100)}

在IE中会把NavBar隐藏,在firefox中只要把鼠标只到上方,NavBar又会自动出现了。

拿掉NavBar后,如果想要让header置顶,可以于#header-wrapper{}之中加入下列的程序代码。

margin-top:-×××px;

×××每个人的blog值应该都不同,可以自己带数值试试看。


如果要让NavBar纯粹看不见,不需要自动隐藏的功能,可以使用下列原始码。

.Navbar {
visibility:hidden;
display: none;
}

2 条评论:

mjjin 说...

改模板是件费时费力的事情,有的时候在想,能专心看、读、写。。那该多好啊。

勒色 说...

的确,改模板让花费了大量的时间,而且有时候改了半天也不一定满意!
有时候真想任由模板什么样子,不去管,只把心思用在文章上,可是看到别人的Blog非常漂亮的时候有忍不住要修改了。

free hit counter