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

首页 | games单机游戏 | 网络工具 | soft常用软件 | game相关 | media媒体工具
您当前的位置:校内资源网文章中心校内网教程 → 文章内容
本类热门文章
相关下载
 
涂鸦板制作使用教程
作者:佚名  来源:不详  发布时间:2007-10-13 23:58:09

减小字体 增大字体

校内网涂鸦板制作使用教程全解

直接复制就可以使用 1、涂鸦版日志长度限制,加滚动条

 
现在日志又提供最后一篇预览,可能出现由于日志内容过长,导致页面过长的情况,可以用下面代码限制日志长度
 
<style type=text/css><!--#userBlog .text{height:200px;overflow-y:auto;} --></style><!--日志长度限制-->
 
height的值限制高度,自行调整,overflow:auto;为加滚动条,另外如果想让垂直滚动条一直显示,可以用overflow-y:scroll;
  
 
2、涂鸦板留言板长度限制,加滚动条(参考了Maple同学的源代码)
 
有同学嫌留言板过长,影响页面整体效果,可以用下面代码加以限制
 
<style type=text/css><!--#talk{max-height:500px;overflow:auto;height:expression((this.height<500)?"auto":"500px");overflow:expression((this.height<500)?"visible":"auto");} --></style><!--留言板长度限制-->
 
其中的500px为高度限制,留言板高度超过500px将出现滚动条,这个值可自行修改为自己满意的值
这个也可以按照第1条的方式,去掉判断语句,代码改为如下形式,会精简些
 
<style type=text/css><!--#talk{height:500px;overflow:auto;}--></style><!--留言板长度限制-->
 
  
3、外校好友栏限制长度,加滚动条
 
有同学的外校好友栏也比较长,可用如下代码加以限制
 
<style type=text/css><!--#userFriendUniv{height:200px;overflow-y:auto;} --></style><!--外校好友栏加滚动条-->
 
不想出现滚动条,把overflow-y:auto;去掉即可
 
4、替换顶部banner(基本代码来自侯现耀同学,稍加整理)
 
<style type="text/css"><!--#header{width:500px; position:relative; left:215px; } #header{margin:0;padding-top:40px; background-image:url(图片地址);background-repeat: no-repeat ;}; #logo,#navigation, h1,h2, #universityName{display:none;}; --></style>
 
其中的width值用来修改显示区域宽度(不是图片宽度),left值用来调整距左侧距离,padding-top值用来调整高度
 
 5、页面各栏背景透明代码
 
页面全透明代码(保留留言小头像)
<link rel=stylesheet href="http://img.xiaonei.com/photos/20060816/0940/orig14509.css" _fcksavedurl=""http://img.xiaonei.com/photos/20060816/0940/orig14509.css"" _fcksavedurl=""http://img.xiaonei.com/photos/20060816/0940/orig14509.css"" _fcksavedurl=""http://img.xiaonei.com/photos/20060816/0940/orig14509.css"" type="text/css" type="text/css"><!--页面透明-->
页面全透明代码(去留言小头像)
<link rel=stylesheet href="http://img.xiaonei.com/photos/20060816/0940/orig14520.css" type="text/css" type="text/css"><!--页面透明-->
 
校内网今天又更新(汗流不止ing……),用了上面去留言小头像的,会出现留言不能左对齐,替换为下面的代码即可,若有改动,大家提出来,我们会及时更新代码
<link rel=stylesheet href="http://img.xiaonei.com/photos/20060910/0950/orig74780.css" type="text/css" type="text/css"><!--页面透明-->
 
 6、把左边的导航换至右边
 
<style type=text/css><!--#sidebar{float:right;}--></style><!-把左边的导航换至右边->
 
 7、顶部导航栏隐藏及透明代码(9月23日更新)

[1] [2] [3]  下一页

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

用户名: 查看更多评论

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

内 容:

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

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