首 页 ┆ 校内网CSS代码 ┆  涂鸦版代码 ┆  校内网背景代码 ┆  音乐代码 ┆  校内网成品代码 ┆  校内网教程 ┆  校内网刷人气 ┆  校内网文
您当前的位置:笨熊网校内网教程 → 新手:教你校内网常用的一些css代码

新手:教你校内网常用的一些css代码

作者:未知  来源:校内网  更新时间:2007-11-27 15:54:52



背景透明代码

#widebar,#container,#content,#userStatus{
border-top: 0px solid #008000; border-bottom-style: solid; border-bottom-width: 0px

;float:;border: 0px dashed #00ff;background: transparent; border-left-width: 0px; border-right

-width: 0px;}


也就是把加入图片后那个大片白色去掉



隐藏顶部菜单蓝条的代码
#navigation {width:auto;background:none;border:0;}
#navigation a {color:black;}
#navigation a:hover {background-color:transparent;text-decoration:underline;}
#navigation li {background:url();}
#header {height:60px;height:80px;background:none;}




隐藏左部的导航条代码
#sidebar {float:right;margin-right:20px;display:none;}

日志长度调整代码,也就是给日志加个滚动条:

#userBlog .text{height:180px;overflow-y:auto;}

数字180就是长度,可以根据自己喜好任意调整





如果还不会,可以来问我,也可以来我空间看效果




补充:

#userFriendUniv{display:none;} 隐藏好友分布

#logo{display:none;} 隐藏顶部logo

#userVisitor{display:none;} 隐藏访问的人

#userFriend{display:none;} 隐藏最近登陆好友

#BasicInfo{display:none;} 隐藏基本信息

#ContactInfo{display:none;} 隐藏联系方式

#permalink{display:none;} 隐藏底部“不要放到其他网站上,否则baidu或google会搜到这个页面”提示

补充2:隐藏留言板内容 #talk{width:1000px; position:relative; left:-215px; }

补充3:在页面顶部插入图片

#header{float:none;MARGIN-RIGHT:auto;MARGIN-LEFT:auto;position:relative;width:1000px;height:650px;left:0px;background:url(http://www.huamituan.net/d/0/5/86/2006110817442663867.jpg) no-repeat top;}
把红色的字改你要的图片地址就可以````

补充四:因为有人问,所以再补充一个```

#userRelations{float:right;}

日记和头像互换位置的代码

就是把头像放右边去,日志放左边````

补充五:


好像很多人想要这些,所以稍微整理了下,关于页面加宽的问题```

#container{overflow:hidden;position:relative;width:1000px;margin:0 auto;}#content{float:none;MARGIN-RIGHT:auto;MARGIN-LEFT:auto;width:900px;border:solid;border-width:5px; border-color: #A1A1A1;}页面居中代码

#userAlbum{width:290px; position:relative;}相册加宽


#userTalk{width:290px; position:relative;}留言板加宽

#userBlog{width:290px; position:relative;}日至加宽


#userProfile{width:290px; position:relative;} 个人信息 加宽

#userGroup{width:290px; position:relative;}群加宽