首页 | 涂鸦版代码 | 音乐代码 | 校内网教程 | 鼠标代码 | 播放器代码 | css代码 | 校内网非主流 | 校内网人气

首页 | games单机游戏 | 网络工具 | soft常用软件 | game相关 | media媒体工具
您当前的位置:校内资源网文章中心校内网非主流 → 文章内容
本类热门文章
相关下载
 
给你一些校内网里经常用的css代码
作者:佚名  来源:不详  发布时间:2007-11-24 0:10:02

减小字体 增大字体

背景透明代码

#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;}群加宽

这个是页面加宽的一些代码,其中的数字就是宽度是可以修改的,可以根据喜好修改`````

PS:我非专业人士,会的也都在这里了```谢谢```

很多同学叫我帮忙编一整个代码`````

不是我不想帮你们````

我编出来的你们不一定喜欢```

你们慢慢看,其实不难,我说的已经很详细了,自己的东西还是自己做出来比较有成就感````

[] [返回上一页] [打 印]
文章评论 (评论内容只代表网友观点,与本站立场无关!)

用户名: 查看更多评论

分 值:100分 85分 70分 55分 40分 25分 10分 0分

内 容:

         (注“”为必填内容。) 验证码: 验证码,看不清楚?请点击刷新验证码

关于本站 - 网站帮助 - 广告合作 - 下载声明 - 友情连接 - 网站地图 - 管理登陆