RSS
热门关键字:  背景音乐代码  播放器代码  校播放器代码内网  漂亮的雪  浪漫
当前位置 :| 主页>校内网使用教程>

校内网中涂鸦版的小秘籍

来源:www.biyela.net 作者:新版校内网代码 时间:2008-02-02 点击:
▲滚动连接代码:
<marquee width=100% behavior=alternate scrollamount=3><a href=http://www.xiaonei.com/GetUser.do?id=60276><font size=4.5>去我的好友的页面看看</font></a></marquee>

▲背景和字的颜色:<body bgcolor="#000000" text="#ff9933">
特别说明的是:bgcolor=后面的内容是背景颜色的代码,text=后面的内容是个人资料留言等文本的字的颜色

▲滚动背景图案:<BODY BACKGROUND="http://img.xiaonei.com/photos/43/864/orig59095.jpg">

▲固定背景图案:<body background="http://img.xiaonei.com/photos/27/474/orig74269.gif"bgproperties="fixed"></body>

▲背景音乐:<BGSOUND src="http://img.xiaonei.com/photos/7/719/96072391.mp3" loop=infinite>

背景音乐显示播放器:
<embed src=http://img.xiaonei.com/photos/27/474/orig38170.mp3 type=application/x-mplayer2 autostart="1" showcontrols="1"></embed>

背景音乐隐藏播放器:<embed src=http://img.xiaonei.com/photos/43/864/orig60507.wma type=application/x-mplayer2 autostart="1" showcontrols="0"></embed>

背景音乐循环播放并隐藏播放器:<embed src=http://img.xiaonei.com/photos/43/864/orig60507.wma type=application/x-mplayer2 autostart="1" showcontrols="0" loop="true" ></embed>

▲页面贴图:<img src="http://img.xiaonei.com/photos/43/864/orig60273.gif">

▲贴图精确定位:<div style="position:absolute;Top:335px;left:266px;width:200px;height:128px;"><img width=100% src="http://sms.imobile.com.cn/Upload/I/P/4/MMSLOGO_45832.GIF"></div>

▲精确定位::<div style="position:absolute;Top:335px;left:266px;width:200px;height:128px;">定位的内容</div>


▲整个页面不透明度设置,30越大越透明(用了之后打开页面速度会变的很慢,不推荐使用)
<body style="FILTER: alpha( Style=3 FinishOpacity=30);" >

▲贴图透明化:<IMG style="FILTER: alpha(opacity=100 Style=3 FinishOpacity=0)black();" src= http://img.xiaonei.com/photos/43/864/orig60273.gif width=400 height=300>

▲贴图透明加定位:
<div style="FILTER: alpha(opacity=100 Style=3 FinishOpacity=0)black();position:absolute;Top:335px;left:266px;width:200px;height:128px;"><img width=100% src="/upimg/allimg/071019/0107592.jpg"></div>

▲FLASH动画:<embed style="left: 150px; position: absolute; top: 50px; " align=right src=http://www.dabaoku.com/images/yu.swf width=1000 height=500 type=application/octet-stream ; quality="high" wmode="transparent"></embed>

▲FLASH动画(相对定位即放在涂鸦板里):<embed style="left: 150px; position: relativity; top: 800px; " align=right src= http://www.dabaoku.com/images/yu.swf width=400 height=200 type=application/octet-stream ; quality="high" wmode="transparent"></embed>

▲视频1:
<embed SRC=地址 type=audio/x-pn-realaudio-plugin CONSOLE=Clip1 CONTROLS=ImageWindow HEIGHT=300 WIDTH=390 AUTOSTART=true loop=true>

视频2:
<embed HEIGHT=300 WIDTH=390 name=MediaPlayer1 pluginspage=http://www.microsoft.com/Windows/MediaPlayer src=地址 type=application/x-mplayer2 showstatusbar="1" showcontrols="1" autostart="1" loop="0" volume="1"></embed>

▲建链接(本页面进入):
<a href=http://www.xiaonei.com/GetUser.do?id=222572830>我的默林邀请您进入</a>

▲建链接(新页面进入):
<a href=http://www.xiaonei.com/GetUser.do?id=222572830 target="_blank">我的默林邀请您进入</a>


▲滚动的超链接:
<marquee scrollAmount=2 width=300><a href=http://www.xiaonei.com/GetUser.do?id=222572830>帅哥就是你</a></marquee>

▲改字颜色:
<font color=#00dfff>字</font>

▲改字体和字号
<font face="幼圆 size=4 >字</font>

▲改鼠标:
<body style="cursor:url('鼠标地址 ')"></body>

▲改变所有字的代码
<style type=text/css>
<!-- A:link{COLOR: 颜色代码;FONT-SIZE:9pt;FONT-FAMILY: 字体名称}; A:visited{COLOR:颜色代码;FONT-SIZE:9pt;FONT-FAMILY: 字体名称}; A:active{COLOR: 颜色代码;FONT-SIZE:9pt;FONT-FAMILY: 字体名称}; A:hover{COLOR: 颜色代码}; body{COLOR:颜色代码;FONT-SIZE:9pt; FONT-WEIGHT: bolder;FONT-FAMILY:字体名称}--></style>
将上面颜色字号字体换成自己喜欢的即可

▲横向交替滚动:
<marquee width=100% behavior=alternate scrollamount=1>所要写的文字</marquee>

贴图时可能要考虑尺寸,有时需要裁剪,让图片完整出现在页面内。
“背景图案”宽度在1024左右,“页面贴图”宽度在480左右。

▲部分字背景字色
<TABLE style="FILTER: glow(color:#FF00FF,direction=2)"> 所要写的文字</table>

▲浮雕字:
<table style="FILTER: dropshadow(color=#6699FF, offx=1, offy=1, positive=1);"><font size=4.5>你要的文字</font></table>

▲可爱的钟表:
<embed style="left: 728px; position: absolute; top: 99px; " align=right src=http://www.9941.cn/moban/zhong/67.swf width=100 height=200 type=application/octet-stream ; quality="high" wmode="transparent"></embed>

▲表格:
</tex:tarea><table border="4" width="340" bordercolor="#0000FF" bgcolor="#COCOCO">
<tr>
<td width="100%">
<p align="center">要在表格中写的字等</td>
</tr>
</table></tex:area>

▲阴影文字
<table style="FILTER: dropshadow(color=#cccccc, offx=2, offy=2, positive=2);"><font color=#6CABE7 size=2>谢谢大家的支持</font></table>

去掉白块、白条,即去掉边框去掉广告加宽导航栏代码:
<link rel=stylesheet href="http://img.xiaonei.com/photos/131/4464024/orig94311.css" type="text/css">

移动侧边栏的大小和位置:
<style type=text/css> <!-- #sidebar{width:132px;float:right;}--></style>

去处底部系统链接:
<style type=text/css> <!-- #footer p{display:none;}--></style>

隐藏个人照片:
<style type=text/css> <!-- #userPicture{display:none;}--></style>

关于超链接的控制:
A:hover {BACKGROUND-COLOR: #ffccff; COLOR: #0080ff}
  (hover表示鼠标指示时,链接文字背景色为#ffccff;前景色为#0080ff)
  A:link {color:#000000;TEXT-DECORATION: none}
  (link表示未被访问时,链接颜色为黑色,链接无下划线.)
  A:visited {color:gray;TEXT-DECORATION: none}
  (visited表示被访问后,链接颜色为灰色,链接无下划线.)
  A:active {color:green;text-decoration: none}
  (active表示鼠标点击时,链接颜色为绿色,链接无下划线.)
  A:hover {TEXT-DECORATION: underline}
  (hover表示鼠标指示时,链接显示下划线)
  注释:
  none——没有下划线
  underline——下划线
  overline——上划线
  line-through——中划线

▲滚动文字
用如下语句
<marquee>需要移动的文字</marquee>
例:<marquee direction=left marquee scrollamount=10>开开心心每一天!</marquee>
marquee 具体参数有:
BGColor:滚动文本框的背景颜色。
Direction:滚动方向设置,可选择Left、Right、up和down。
scrolldelay:每轮滚动之间的延迟时间,越大越慢。
scrollamount:一次滚动总的时间量,数字越小滚动越慢。
Behaviour:滚动的方式设置,三种取值:Scroll(循环滚动)、Slide(单次滚动)、Alternate(来回滚动)。
Align:文字的对齐方式设置。可选择Middle(居中)、Bottom(居下)还是Top(居上)。
Width:滚动文本框的宽度,输入一个数值后从后面的单选框选择in Pixels(按像素)或是in Percent(按百分比)。
Height:滚动文本框的高度,输入一个数值后从后面的单选框选择in Pixels(按像素)或是in Percent(按百分比)。
loop:滚动次数。默认为infinite
hspace、vspace:前后、上下的空行。
根据自己的喜欢,设定不同的参数,就有不同的效果

▲ 各种文字滚动代码
1.建立第一个滚动字幕。代码:
<marquee scrollAmount=2 width=300>我钟意网页树树</marquee>
2.各参数详解:
a)scrollAmount。它表示速度,值越大速度越快。如果没有它,默认为6,建议设为1~3比较好。
b)width和height,表示滚动区域的大小,width是宽度,height是高度。特别是在做垂直滚动的时候,一定要设height的值。
c)direction。表示滚动的方向,默认为从右向左:←←←。可选的值有right、down、up。滚动方向分别为:right表示→→→,up表示↑,down表示↓。
d)scrollDelay,这也是用来控制速度的,默认为90,值越大,速度越慢。通常scrollDelay是不需要设置的。
e)behavior。用它来控制属性,默认为循环滚动,可选的值有alternate(交替滚动)、slide(幻灯片效果,指的是滚动一次,然后停止滚动)
最新评论共有 0 位网友发表了评论
发表评论
评论内容:不能超过250字,需审核,请自觉遵守互联网相关政策法规。
用户名: 密码:
匿名?
注册
栏目列表