`
gstarwd
  • 浏览: 1525798 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

玩转百度空间之:CSS隐藏

阅读更多

文要点:如何通过修改css出去百度空间中的usrbar、底部版权、及所有有关百度的信息,打造自己专属的空间页面。

由于很多读者反映般若黑洞 背景太深,文字比较刺眼,所以paralife在两天前修改了模板,同时因为需要,恶补了很多百度空间CSS的功课,总结了一些去掉百度信息的方法,现介绍如下:

No .1:隐藏usrbar(百度空间用户工具条)
直接在#usrbar{}中添加display:none !important的方法已经证实不可行,但可以通过变通的方法,将usrbar上所有的物件隐藏,代码如下:

/*usrbar隐藏——般若黑洞 */
html body center div#usrbar,html body center div#usrbar a,html body center div#usrbar a:link,html body center div#usrbar a:visited,html body center div#usrbar nobr{
display:none!important;
}

No.2:隐藏控件底部百度版权信息
这个百度一直没有再次更改权限,直接将下面的代码加入CSS中即可:

/*底部版权——般若黑洞 */
html body center div#ft{display:none!important}

No.3:隐藏个人档案中的信息
直接将下面的代码加入CSS中即可:

/*首页个人档案站长信息(包括在线状态,站长ID,性别年龄,所在地——般若黑洞 )*/
*.wrapper nobr {
display:none!important;}
/* 隐藏离线留言、送她礼物、发送消息、给他留言四个图标——般若黑洞 */
#m_pro div.act a nobr{display:none;}
/* 隐藏加为好友图标——般若黑洞 */
#m_pro a.btfan {display:none!important;}
/* 隐藏在线交谈图标 ——般若黑洞 */
#im-status-icon-container{display:none!important;}

No.4:隐藏访问量信息下的百度图标

修改CSS下列代码如下:

/*其它区域(即访问量等信息)——般若黑洞 */
#comm_info div.line{margin-top:6px;line-height:0px; TEXT-ALIGN: center;padding-bottom: 400px; margin-bottom: 5px;}
#comm_info{overflow: hidden;height:465;}

为防看起来太空旷,可以再#comm_info div.line{}中加入背景,如:
background:url(http://hiphotos.baidu.com/paratop/pic/item/ae13d8af64d57de07cd92a3f.jpg) no-repeat bottom;

Note:
1."!important"参数用于修改权限
2.以上代码有效期至百度修改用户CSS权限为止
3.深入学习CSS需要一个:系统的CSS教程

分享到:
评论

相关推荐

    仿写百度官网首页:一个简单的 HTML、CSS 和 JavaScript 代码示例.zip

    仿写百度官网首页:一个简单的 HTML、CSS 和 JavaScript 代码示例.zip 仿写百度官网首页:一个简单的 HTML、CSS 和 JavaScript 代码示例.zip 仿写百度官网首页:一个简单的 HTML、CSS 和 JavaScript 代码示例.zip ...

    css之百度首页 css之百度首页

    css之百度首页css之百度首页css之百度首页

    svg转css,css转svg,svg与css互相转换并压缩

    SVG转CSS:将SVG图形转换为CSS背景图像可以简化代码,降低文件大小,并利于CSS的复用。这通常通过将SVG数据嵌入到CSS的`background-image`属性的`url()`函数中,使用`data:`协议来实现。例如,SVG图形可以被编码为...

    百度空间模版制作 css代码详细介绍.rar

    本教程“百度空间模版制作——css代码详细介绍”深入浅出地介绍了如何利用CSS来定制百度空间的模板,为用户提供个性化的展示效果。 首先,我们要理解CSS的基本结构。CSS由选择器和声明组成,选择器指明要应用样式的...

    css3 transform 14种侧边栏导航的隐藏和显示动画效果

    在本文中,我们将深入探讨如何使用CSS3的`transform`属性来实现14种不同的侧边栏导航隐藏和显示的动画效果。这些效果对于优化移动设备和其他小屏幕设备的用户体验至关重要,因为它们允许用户轻松地访问和隐藏导航...

    CSS隐藏多余文字

    css 隐藏多余的文字,许多网站开发的时候,都带有新闻动态模块,或者其他信息模块,有时候显示出的列表,不需要显示出所有信息,就用css 控制一下就Ok 了

    9种html5+css3隐藏侧边栏导航菜单动画效果

    在这个主题中,“9种html5+css3隐藏侧边栏导航菜单动画效果”主要关注的是如何利用这两门技术来创建具有视觉吸引力的侧边栏导航菜单,并通过动态效果提升用户体验。 首先,HTML5的新元素如`<nav>`、`<section>`和`...

    百度空间详细CSS代码详解

    在"百度空间详细CSS代码详解"中,我们将深入理解如何使用CSS来定制百度空间的各个部分。 首先,我们看到`#header`是空间头部的总体区域,包含了`div.lc`(左上角背景图片)、`div.rc`(右上角背景图片)以及`div....

    CSS:The Definitive Guide, 4th Edition[CSS权威指南](英文版)

    《CSS权威指南》第四版是CSS领域的重要著作,作者Eric A. Meyer凭借其深厚的行业经验和智慧,对CSS的各个方面进行了详尽的探讨。 本书从基础讲起,逐步深入到CSS的核心概念与应用。CSS权威指南第四版涵盖了CSS的...

    9种html5+css3隐藏侧边栏导航菜单动画效果.rar

    3. **CSS3动画**:在这些隐藏侧边栏菜单中,可能运用了CSS3的`transform`属性,它可以改变元素的大小、位置和形状,比如通过`translateX()`实现菜单的滑动效果。`opacity`属性可以控制元素的透明度,创造出淡入淡出...

    css权威指南PDF带标签高清

    《CSS权威指南》是Web开发领域的一本经典之作,它深入浅出地讲解了CSS(Cascading Style Sheets)的各个方面,为读者提供了全面而详尽的指导。这本书的PDF版本,结合高清标签,使阅读体验更加优秀,方便开发者学习和...

    英文强制换行css 使用css强制英文单词断行代码

    在做企业站的英文版的时候,英文单词由于剩下的空间不足,导致整个单词都换行,造成单词之间的空隙太大。如下图: 使用css属性word-break:break-all; 后的效果:如下图:   强制不换行 复制代码代码如下:{ white-...

    DIVCSS布局大全---12天学会DIV+CSS教程

    12天学会DIV+CSS从理论到实践的教程,强烈推介。 第一天:选择什么样的DOCTYPE 第二天:什么是名字空间 第三天:定义语言编码 第四天:调用样式表 第五天:HEAD区的其他设置 第六天:XHTML代码规范 第七天:CSS入门 ...

    CSS重构:样式表性能调优

    资源名称:CSS重构:样式表性能调优内容简介:CSS对于现代网站的用户体验至关重要,其地位不亚于决定着网站外形的HTML和让网站动起来的Javascript。...资源太大,传百度网盘了,链接在附件中,有需要的同学自取。

    纯CSS 鼠标经过DIV另一个显示隐藏 多个DIV并存

    在这个特定的主题中,“纯CSS 鼠标经过DIV另一个显示隐藏 多个DIV并存”是指通过CSS实现的一种交互效果:当鼠标悬停在一个div上时,另一个关联的div会显示出来,同时其他无关的div保持隐藏状态。这种效果在创建导航...

    百度空间css超详细代码说明.pdf

    《百度空间CSS超详细代码说明》是一份深入解析百度空间自定义样式的文档,它针对的是想要通过CSS技术个性化自己百度空间的用户。该文档详细列出了百度空间各个部分的CSS选择器及其对应的样式,帮助用户更好地理解和...

    CSS3打造百度贴吧的3D翻牌效果

    在本文中,我们将深入探讨如何使用CSS3技术来创建类似百度贴吧中的3D翻牌效果。这个效果在视觉上极具吸引力,可以为网页增添动态感和互动性,尤其适用于展示相册、卡片式布局或者游戏界面等场景。下面,我们将详细...

    读书笔记:css代码速查手册 干货各种常见布局、效果、知识点.zip

    读书笔记:css代码速查手册 干货各种常见布局、效果、知识点

    fonts.googleapis.com的本地包:css和字体(2019年4月更新)

    fonts.googleapis.com 加载慢,360公司也不再提供服务(fonts.useso.com),所以就从google上扒下来,把css和字体文件都放到本地。也可以根据这个例子,自己整理需要的css和fonts。

Global site tag (gtag.js) - Google Analytics