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

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

减小字体 增大字体

基础篇:

◆字体属性:<font color=00dfff face="幼圆" size=4.5>显示文字</font> 
◆背景,正文,连接颜色:<body bgcolor="#000000" text="#ff9933" link="#ff66ff"> 
◆ 给字体加光晕<table style="FILTER: glow(color=颜色)">文字</table>其中的glow客换成shadow,dropshadow等,

产生的效果各不相同 
◆颜色代码网址:http://shirley329.blogchina.com/3501281.html 打开的速度有时太慢了我在2楼加了附件,可以直接打开使用,

速度超快 
◆背景图案:<body background="http://图片地址" bgproperties="fixed">

如果去掉后面的bgproperties="fixed"那么选折的背景会跟页面一起翻,这里给点儿建议,

一般上下衔接的很巧妙的或者用碎花,星星之类的作成滚动的比较好,而那种完整的图片最好就固定下?

当然自己最好都试一下,看哪个合适 另外注意背景一定要选用颜色较浅的图画,要分得清主次,3楼有编辑的小工具,

调一下GAMA值就能得到浅色的图片,还有个图片放大器,可以通过插值不失真的放大图片 
◆背景音乐:<BGSOUND src="http://音乐地址" loop=infinite> 如果不加 loop=infinite 那么背景音乐只播一边就结束了 ;

如果想给自己的音乐加个精美的播放器,可以看这里,还能实现不同歌曲的连续播放里面有9种样式播放器可供选择 http://xiaonei.com/GetThread.do?id=321324 
◆页面贴图:<img width=XXpx src="http://图片地址"> 即在涂鸦版里显示的图片,width事宽度还可以是height,

也可以同时定义,注意数字与单位间不要有空格,也能用百分比表示,如下面 
◆浮动的图片<div style="position:absolute;Top:0px;left:250px;"><img width=160% src="图片地址"></div> 

这一条比上一个灵活很多通过修改参数可以将图片定位在页面的任何位置 ,资源网址两边的引号是可有可无的单引也可以 
◆贴图透明化:<IMG style="FILTER: alpha(opacity=100 Style=3 FinishOpacity=0)black();" src=贴图的网址 

width=400 height=300> Style可以是1.2.3代表不同的效果、自己试试吧 opacity是透明度0~100 如果是0完全透明 
◆超链接: <a href=http://www.地址.com target="_blank">被连接的文字</a> 被连接的文字可以更改属性,

也可以换成喜欢的图片方法就是换成页面贴图target="_blank"指在新窗口打开,也可以删掉 校内对&有限制,

一般如果链接中有&就取它前面的地址,当然最好能先试一下 
◆滚动的超链接: <marquee scrollAmount=2 width=300><a href=http://www.地址.com>被连接的文字</a></marquee> 
◆改鼠标样式: <body style="cursor:url('http://鼠标地址')"> 4楼有270种鼠标 
◆下面用CSS控制鼠标:<style type=text/css> <!--body{cursor:url(http://鼠标地址1)} a{cursor:url(鼠标地址2); --></style> 
1是正常状态下,2是鼠标放在链接上时的效果 
◆加宽留言板: </table></div> 也可以连用几个</div>自己试试看 </div>加到涂鸦板的最顶端时可以加宽涂鸦板 
◆让页面以幻灯片切换效果显示: <head><meta HTTP-EQUIV="Page-Enter" 

CONTENT="revealtrans(duration=6.0, transition=23)"> <meta HTTP-EQUIV="Page-Exit" CONTENT="revealtrans(duration=6.0, transition=23)"></head> 这里enter和exit分别指在访问或离开时背景图片出现和消失的方式 

duration是时间,transition是方式共24种,0 盒状收缩 1 盒状放射 2 圆形收缩 3 圆形放射 4 由下往上 

5 由上往下 6 从左至右 7 从右至左 8 垂直百叶窗 9 水平百叶窗 10 水平格状百叶窗 11垂直格状百叶窗 

12 随意溶解 13从左右两端向中间展开 14从中间向左右两端展开 15从上下两端向中间展开 16从中间向

上下两端展开 17 从右上角向左下角展开 18 从右下角向左上角展开 19 从左上角向右下角展开 20 

从左下角向右上角展开 21 水平线状展开 22 垂直线状展开 23 随机产生一种过渡方式 
◆给自己加5颗星星: <DIV style="LEFT: 600px; BACKGROUND-IMAGE: url(http://img.xiaonei.com/photos/20060523/1950/orig78576.png); WIDTH: 60px; BACKGROUND-REPEAT: repeat-x; POSITION: absolute; TOP: 129px; HEIGHT: 9px"></DIV> 关于加星星可能很多同学以前用了没有什么效果,

主要因为原图片被删除,上面已经修改过,图片也保存在我的收藏里,绝对不会删,因为我也在用它:),

不能用和我联系,这个是为三个字的名字做的,如果你的名字不是三个,或者也面布局动过可以通过修改TOP

 和LEFT的值来重新定位 另外这里的WIDTH: 60px中的60=5×12px即5颗星星,那么就可以自己来定星星的个数了 
◆滚动文字 :<marquee scrollAmount=2 width=300 height=160 direction=up>滚动的文字</marquee> 

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

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

用户名: 查看更多评论

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

内 容:

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

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