百度首页 | 百度空间
 
查看文章
 
去掉百度空间用户条与底部版权
2008/07/24 16:31

直接进入正题了,把鼠标拉到模板的最下面,是不是发现baidu2008的字样不见了。这个就是今天要说的去掉底部版权。用户条是什么东东呢?就是最上面那一陀工具条,说删除,严重了,只是恐吓一下而已,真删除了,使用起来也不方便。但,那一陀的背景色太丑陋老显示灰色就太恶心了。曾经我是那么地想要改一下它的背景色,但是改不到。现在总算能改了,算是一次学习进步的证明吧!

恩,版权部分申明:本文原创日志,转载的同志们请注名此文出处80S

先K底部的百度版权-baidu2008代码是:

html body center div#ft{display:none!important}

好了,下面详细地解释下这个代码的原理。因为接下来改顶部的用户条部分原理是一样的。以前有方法是能够K掉百度空间低部版权的,但后来方法失效也没再去尝试。失效的原因是因为百度官方自定义CSS里给的权值比“用户常规设置”的高。所以,用户设置的没有效果。那么也就意味着用点特别的非“常规设置”,让权值高于官方自定义的,那么我们就可以达到控制版权部分的效果。

那么解析下代码从什么地方提升CSS权值的,html body center div#ft 这条代码是寻找到版权这个div容器的,使用了一些继承。本来常规直接#ft或是div#ft就能获取到这个容器,但这里要用非常规的。特别是div#ft的写法,这个比直接html body center #ft的写法权值更高。关于这部分内容大家查阅CSS权威指南的说明吧。然后里面的属性display:none!important display:none的作用就是用来隐藏对象的。那么后面的!important在百度空间模板的制作里更是常用,也是用来提升CSS权值的。所以,通过这两个地方就可以比百度官方设置的CSS权值更高。

值得提醒的是,如果里面有多个属性,那么每个属性都需要添加!important 。


第二个问题,百度顶部的用户工具条。

首先一样是要找到百度工具条的容器。然后写属性并后面用!important提升权值,示例代码如下:

html body div#usrbar{background:#930!important}

测试一下,是不是看到顶部用户条的背景色变成了红色?现在看看我空间的效果,在顶部百度空间的左边多了个小图标。代码如下:

html body div#usrbar a#hi_index{padding-left:20px;background:#fff url(http://hiphotos.baidu.com/gif8/pic/item/5c957b311f0a490febc4afa9.jpg) no-repeat left bottom!important}

知道这个以后,可以在模板制作的时候制作出更多丰富的效果来。恩,这是继百度空间三列布局、百度空间实现竖状菜单的又一篇重大发现。


类别:默认分类 | 添加到搜藏 | 浏览() | 评论 (20)
 
最近读者:
 
网友评论:
1
2008/07/24 17:58
请问,如何只隐藏
“shanshuise | 我的消息(0/43) | 我的空间 | 百度首页 | 百度空间 | 退出”
而保留空白呢?
 
2
2008/07/24 18:18
长见识
 
3
2008/07/24 18:34
很棒的研究结果。
 
4
2008/07/24 21:38
不错的CSS研究报告
 
5
2008/07/25 09:23
To:shanshuise

你的意思是不是去掉那些连接,然后背景色保留?
本来正常的做法是隐藏掉连接就行了,但是我测试过,某些不含有id的a元素是隐藏不了的。我也有些奇怪了,这个效果早前就发现了,当时测试连接的时候貌似是可以控制的。或是我当时没有测试这一项。不过还是有一个办法是可以达到这个效果的。

你可以自由修改margin-top的值不一定是-20px.

html body div#usrbar{margin-top:-20px!important;height:35px!important}

margin-top是为了让用户条往上移动,然后超出部分就隐藏显示不出来,就达到了隐藏用户条中连接的问题。

001over
 
6
2008/07/25 12:33
.....试试.
 
7
2008/07/25 18:57
偶来溜达溜达~~~
 
8
2008/07/26 11:09
呵呵,造反....
 
9
2008/07/26 18:15
按照你说的改了一下。果然有效。谢谢啊!
我虽然以前看过一段css,但是没懂太多,以后一定要再学一下。
 
10
2008/07/26 19:47
不错!
 
11
2008/07/28 13:40
国外的书不错,学一段时间以后遇到一些问题了再看CSS权威指南会理解地更深一些。

001over
 
12
2008/07/29 02:08
shanshuis:
html body div#usrbar{display:none!important}

这就隐藏了用户空间条了,还要费事用margin-top调校,
 
13
2008/07/29 09:25
to: edum

恩,这两个代码虽然都能达到隐藏用户工具条的作用。效果还是有一点出入的。

你看看他的要求,仅是隐藏连接,而需要它的父级元素还是能够显示的,如果直接html body div#usrbar{display:none!important}则是把整个父级元素中的所有内容全部隐藏包括它自身。

而,margin-top配合height高度则可以达到他想要的效果。

001over
 
14
2008/07/30 07:51
百度空间是hi_index
如html body div#usrbar a#hi_index,
其它几个用户菜单分别是什么,
 
15
2008/07/30 08:47
<div id="usrbar"><nobr>

<strong><a href="http://passport.baidu.com" target="_blank">2360笑半死</a></strong>
| <span id="mnum"></span> 

| <span id="my_home_container" class="is_hide"><a id="my_home" href='/gif8' target="_blank">我的空间</a> <img src="http://img.baidu.com/hi/img/mfu/my_ico.gif" class="down-arrow" onmouseover="this.className='down-arrow-hover'" onmouseout="this.className='down-arrow'" onclick="G_HIBAR(event);" align="absmiddle" /></span>

| <a href="http://www.baidu.com/" target="_blank">百度首页</a>
| <a id="hi_index" href="http://hi.baidu.com" target="_blank">百度空间</a>
</nobr></div>
 
16
2008/07/30 08:52
从上面的这段HTML代码里面寻找,去掉了一段JS无用的代码。

百度空间的:html body div#usrbar a#hi_index
<a id="hi_index" href="http://hi.baidu.com" target="_blank">百度空间</a>

百度首页、理论上是没办法单独选择到的。但可以通过继承机制让属性进行覆盖。可以让百度首页显现另外不同的效果,但有个大问题,这样去选择容器是没有办法比百度空间官方权值高的。所以没办法单独选择到。或者是暂时有办法没想到,想到后再补充这篇文章。

我的空间:html body div#usrbar a#my_home

空了我再测试一下,现在正上班。。。

001over
 
17
2008/07/30 17:55
:-)
上午额也看了这些代码,其它几个MS都没有ID控制,
 
18
2008/07/31 17:16
如果不是百度空间官方设置的CSS权限高的话,只有一条是不能单独控制的。

| <a href="http://www.baidu.com/" target="_blank">百度首页</a>

html body div#usrbar a
这个可以先将所有工具条里的a设置样式,其他的a因为都在其他元素或id或class里,选择到以后权值比
html body div#usrbar a高,则又可以重新对a设置一次其他不一样的样式,达到各个a不同的显示效果。
如第一个

html body div#usrbar nobr strong a

001over

 
19
2008/08/13 13:33
去不掉顶部用户条
 
20
2008/08/13 17:30
你试试5楼的方法。
或许对你有用。直接去连接,暂时还去不掉。

001over
 
发表评论:
姓 名:
网址或邮箱: (选填)
内 容:
验证码:
 

     

©2008 Baidu