QQ校内网代码 >> 涂鸦板代码制作教程

涂鸦板代码制作教程

发布:QQ校内网 | 日期：2008-5-21 1:42:31 | 分类:校内编辑 | 浏览: |

▲我的滚动连接代码:
<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=" http://img.xiaonei.com/photos/43/864/orig52995.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=http://img.xiaonei.com/photos/43/864/orig37195.wmv type=audio/x-pn-realaudio-plugin CONSOLE=Clip1 CONTROLS=ImageWindow HEIGHT=252 WIDTH=324 AUTOSTART=true loop=true>

视频2：
<embed HEIGHT=480 WIDTH=590 name=MediaPlayer1 pluginspage=http://www.microsoft.com/Windows/MediaPlayer src=http://img.xiaonei.com/photos/43/864/orig37195.wmv type=application/x-mplayer2 showstatusbar="1" showcontrols="1" autostart="1" loop="0" volume="1"></embed>

▲建链接（本页面进入）：
<a href=http://www.xiaonei.com/GetUser.do?id=60276>我的默林邀请您进入</a> _fcksavedurl="http://www.xiaonei.com/GetUser.do?id=60276>我的默林邀请您进入</a>"

▲建链接（新页面进入）：
<a href=http://www.xiaonei.com/GetUser.do?id=60276 target="_blank">我的默林邀请您进入</a>
▲滚动的超链接：
<marquee scrollAmount=2 width=300><a href=http://www.cctv.com>中央电视台</a></marquee>

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

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

▲改鼠标:
<body style="cursor:url(' http://img.xiaonei.com/photos/43/864/orig65926.ani ')"></body>
将其中的连接改成自己喜欢的鼠标FLASH地址即可
鼠标样式大全： http://www.zidou.com/page/cursor/

▲改变所有字的代码
<style type=text/css>
</style>
将上面颜色字号字体换成自己喜欢的即可

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

▲字体颜色代码：
1 白色 #FFFFFF 2 红色 #FF0000 3 绿色 #00FF00 4 蓝色 #0000FF 5 牡丹红 #FF00FF 6 青色 #00FFFF 7 黄色 #FFFF00 8 黑色 #000000 9 海蓝 #70DB93 10 巧克力色 #5C3317 11 蓝紫色 #9F5F9F 12 黄铜色 #B5A642
13 亮金色 #D9D919 14 棕色 #A67D3D 15 青铜色 #8C7853 16 2号青铜色 #A67D3D 17 士官服蓝色 #5F9F9F 18 冷铜色 #D98719 19 铜色 #B87333 20 珊瑚红 #FF7F00 21 紫蓝色 #42426F 22 深棕 #5C4033 23 深绿 #2F4F2F 24 深铜绿色 #4A766E 25 深橄榄绿 #4F4F2F 26 深兰花色 #9932CD 27 深紫色 #871F78 28 深石板蓝 #6B238E 29 深铅灰色 #2F4F4F 30 深棕褐色 #97694F 32 深绿松石色 #7093DB 33 暗木色 #855E42 34 淡灰色 #545454 35 土灰玫瑰红色#856363 36 长石色 #D19275 37 火砖色 #8E2323

▲发光字
<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>

▲给自己加星星５颗：
<DIV style="LEFT: 606px; BACKGROUND-IMAGE: url( http://img.xiaonei.com/photos/20060523/1950/orig78576.png ); WIDTH: 60px; BACKGROUND-REPEAT: repeat-x; POSITION: absolute; TOP: 128px; HEIGHT: 9px"></DIV>

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

▲隐藏上方图片和上方连接
<style type=text/css> </style> <!－隐藏上方图片和上方连接－>

▲隐藏留言小头像代码
<style type=text/css></style><!－隐藏留言小头像代码－>

▲隐藏好友和最近访问
<style type=text/css></style>

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

▲隐藏上方图片(本条转自邓冰澌)
<style type=text/css> </style><!－隐藏上方图片－>

▲给日志加个滚动条(本条转自李响)
<style type=text/css>div.entryBody{height:200px; overflow:auto; color:#009999; font-size:20px;font-family:楷体;}</style>

▲浏览者IP 等其他电脑详细参数等显示<本条转自苏海龙>
<img src=http://www.hotik.com/sign.png border=0>

▲修改边框颜色《本条转自李曼》：
<style type=text/css>.top{color:#98FB98;}H2{background-color: #242424;color:#98FB98;}.lwTitle{background-color: #242424;}.label{color:#FFFFFF;}.person{background-color: #242424;}.memberlist2{background-color:#242424;}#gnav{background-color:#242424;}h1{background-color:#242424;}#profileActions{background-color:#00ff00;}#profileActions a{background-color:#242424;border-bottom: solid 1px #FFFFFF;}</style>

▲移动侧边栏的大小和位置：
<style type=text/css> </style>

▲去处底部系统链接：
<style type=text/css> </style>

▲隐藏个人照片：
<style type=text/css> </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><direction=＃>
例：<marquee direction=left marquee scrollamount=10>开开心心每一天！</marquee> <P>
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(幻灯片效果，指的是滚动一次，然后停止滚动

转载请注明来自:【校内网-校内网代码-校内网涂鸦板代码】

收藏到网摘:

分类: 校内编辑

Tags: 涂鸦板代码制作教程

« 关于校内页面美化的几个基本问题校内涂鸦板代码制作教程CSS篇 »