校内网涂鸦板代码——所有隐藏代码

校内网的功能模块采用CSS属性控制，这样就很容易改写校内网的涂鸦板代码，设计出自己喜欢的页面。虽然自己对CSS一点都不熟悉，一年了番茄红了的CSS入门教程到现在都没有开始看，但是通过修改PJBLOG风格还是大体了解了一点。

我不喜欢花哨的页面，喜欢简单、简约、简洁的页面，前几天还对校内网的特效页面发了一通牢骚。前段时间就把自己的校内网页面该隐藏的模块全都隐藏了，今天特地的整理了一下，把所有的隐藏代码都写了出来，其实隐藏代码很简单，只要找到相应的功能模块名称就可以了，代码如下，如果你需要，复制相应的代码即可。

一、整体：

<style>#container{display:none;}</style><!-隐藏校内网页面所有的内容，就一空白页面，这个比较狠，推荐使用？哈-->

二、头部：

<style>#header{display:none;}</style><!--隐藏整个顶部，包括顶部的LOGO、主导航等等-->

新版校内网主页：<style>#header{display:none;}</style><!--隐藏顶部的那个蓝边-->

<style>#logo{display:none;}</style><!--只隐藏顶部LOGO-->

<style>#navigation{display:none;}</style><!--只隐藏顶部主导航-->

<style>#tagline{display:none;}</style><!--只隐藏顶部“大学生互动空间”一栏，建议不要使用此代码，因为隐藏掉超级难看-->

新版校内网主页：没有这个tagline CSS ID，已经去掉，代码失效。

<style>#utility{display:none;}</style><!--只隐藏顶部“你好”等文字-->

三、侧栏：

<style>#sidebar{display:none;}</style><!--隐藏整个左侧栏，包括左侧导航菜单，广告，站内活动，热点推荐等等-->

<style>#mymenu{display:none;}</style><!--只隐藏整个左侧导航菜单-->

<style>#myhome{display:none;}</style><!--只隐藏整个左侧导航菜单中的“我的页面”-->

用同样的方法可以隐藏左侧导航菜单中的其他链接，#myclass（我的校友录）#myfriend（我的好友），#myblog（我的日志），#myphoto（我的相册），#mygroup（我的群），#mymessage（站内信件），#mymore（更多功能），#myshare（“更多功能”菜单中的“我的分享”），#myevent（“更多功能”菜单中的“我的活动”），#mycourse（“更多功能”菜单中的“我的课程”），#myaccount（“更多功能”菜单中的“帐号信息”）。

<style>.block,.linkblock,.blockcont img{display:none;}</style><!－只隐藏“站内活动”和“热点推荐”等侧栏中的校内网广告－>

四、页面内容：

<style>#content{display:none;}</style><!--隐藏内容页面-->

1、内容的左侧：

<style>#userRelations{display:none;}</style><!--隐藏内容页面的左侧全部内容，就是头像所在的竖栏，实在理解不了，自己可以去试一下效果啥样-->

<style>#userInfo{display:none;}</style><!--隐藏头像图片和头像下的用户栏-->

<style>#userPicture{display:none;}</style><!--只隐藏头像图片-->

<style>#userActions{display:none;}</style><!--只隐藏头像下的用户栏-->

<style>#userStatus{display:none;}</style><!--隐藏“我的状态”-->

<style>#userVisitor{display:none;}</style><!--隐藏最近访客列表-->

<style>#userFriend{display:none;}</style><!--隐藏最近登录的好友列表-->

<style>#userFriendSpecial{display:none;}</style><!--隐藏特别好友列表-->

<style>#userShare{display:none;}</style><!--隐藏我的分享-->

<style>#userFriendUniv{display:none;}</style><!--隐藏好友分布列表-->

2、内容的右侧：

<style>#userUpdates{display:none;}</style><!--隐藏内容页面的右侧全部内容，就是留言板所在的竖栏-->

<style>#userSchoolClass{display:none;}</style><!--隐藏我的班级列表-->

新版校内网主页代码更新为：<style>#Classmate{display:none;}</style><!--隐藏班级-->

<style>#userProfile{display:none;}</style><!--隐藏帐号信息、基本信息、联系方式-->

<style>#AccountInfo{display:none;}</style><!--只隐藏帐号信息-->

<style>#BasicInfo{display:none;}</style><!--只隐藏基本信息-->

<style>#ContactInfo{display:none;}</style><!--只隐藏联系方式-->

<style>#userAlbum{display:none;}</style><!--隐藏我的相册-->

<style>#userBlog{display:none;}</style><!--隐藏我的日志-->

<style>#blog .content{display:none;}</style><!--只隐藏日志内容-->

<style>#userGroup{display:none;}</style><!--隐藏加入的群-->

<style>#userPandora{display:none;}</style><!--隐藏涂鸦板-->

<style>#userTalk{display:none;}</style><!--隐藏留言板-->

<style>#userTalk .picture{display:none;} #userTalk .text{ margin-left:0px;}#userTalk .info { margin-left:0px;}</style><!--隐藏留言小头像，去掉空隙，保证页面协调-->

五、底部：

<style>#permalink{display:none;}</style><!--隐藏“不要放到其他网站上，否则baidu或google会搜到这个页面”提示-->

<style>#footer{display:none;}</style><!--隐藏底部所有链接-->

基本上就是这些了，毕竟能力有限，肯定还有漏掉的代码，希望对喜欢简单、简约、简洁的人有所帮助，如果有的文字说明看不懂，可以自己复制粘贴代码去试一下效果。对了，不要一味的隐藏，把页面弄得乱七八糟，简洁、整齐、搭配才是根本。

终于完了，哈，累死我了，下面是使用部分隐藏代码后的页面效果，其实就是我的页面。



——||本站原创，如果有人转载，请加上本站链接，http://www.lnuu.com||——

文章来自: 本站原创 引用通告: 查看所有引用 | 我要引用此文章
标签: 校内网校内网 CSSCSS 记录记录
相关日志: