|
| 最新校内网代码 |
| 作者:佚名 来源:不详 发布时间:2007-10-14 1:53:16 |
减小字体
增大字体
|
代码收集:http://www.xnei.net转载请注明★★校内网涂鸦板页面制作超全代码汇总★★ 超级实用的HTML代码编写语句(校内网上传的文件登录之后才能访问~所以你可能无法打开相关连接。。。属正常) 我最近上传的歌曲 都是限3M时传的,比较珍贵哦,可以去我页面试听效果,呵呵) http://img.xiaonei.com/photos/27/474/orig38170.mp3 http://img.xiaonei.com/photos/27/474/orig38268.mp3 http://img.xiaonei.com/photos/27/474/orig38314.mp3 http://img.xiaonei.com/photos/27/474/orig38429.mp3 http://img.xiaonei.com/photos/27/474/orig38567.mp3 http://img.xiaonei.com/photos/27/474/orig38666.mp3 http://img.xiaonei.com/photos/27/474/orig38706.mp3
将下列代码放入自己阿的涂鸦办里,然后将引号内的网址换成自己喜欢的图片或音乐的校内网地址(连接速度比较快)就可以了。 也可以自己上传喜欢的歌曲,背景图片,FLASH,贴图等等,在本贴回复中添加附件(上传图片或文件)就行了,目前限1M内才可上传,上传后翻到本主题的最后一页就可以看到自己上传的文件了,点击上传好的文件,复制连接地址,然后粘贴替换到相应的代码中就可以了 ★快速查看自己上传的文件的小秘密 最近,大家传完图片音乐后,是不是要找到自己的文件有些延时啊,我发现个小秘密,可以快速找到. .........传完文件后翻到最后一页,看浏览器地址中是不是有个数字跟这个帖子的页码数少1啊,或者说是比较接近的,把地址栏中的那个数改成比它大1的数,然后,鼠标点击转到,或着摁回车键,看有没有你的文件,没有的话,再加1试试,一直找到帖子的最后一页,就可以看到自己的文件了,我就是这么试的,每次都准★ ..........代码中的参数可以自己捉摸,稍作改动放在涂鸦版里试试,就会明白参数的意义了,参数太多我就不一一介绍了,另外我页面上的默林老人,由于代码中的“&”字符被禁了,现在不能做了,还有那个带播放列表的NB播放器,原来的代码也有那个字符,功能受限,就不写了
▲我的滚动连接代码: <br /><marquee width=100% behavior=alternate scrollamount=3><font color=00dfff><a href=http://www.xiaonei.com/GetUser.do?id=60276><font face="幼圆"> <font size=4.5>去我的好友的页面看看</a></b></font></marquee>
▲背景颜色:<body bgcolor="#000000" text="#ff9933" link="#ff66ff"> 特别说明的是:bgcolor=后面的内容是背景颜色的代码,text=后面的内容是个人资料留言等文本的字的颜色,link=后面的是连接字的颜色(好象这个不管用,字始终是兰色的)
▲滚动背景图案:<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" showc></embed>
背景音乐隐藏播放器:<embed src=http://img.xiaonei.com/photos/43/864/orig60507.wma type=application/x-mplayer2 autostart="1" showc></embed>
背景音乐循环播放并隐藏播放器:<embed src=http://img.xiaonei.com/photos/43/864/orig60507.wma type=application/x-mplayer2 autostart="1" showc 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" showc autostart="1" loop="0" volume="1"></embed>
▲建链接(本页面进入): <a href=http://www.xiaonei.com/GetUser.do?id=60276><font color=60EE00>我的默林邀请您进入</a>
▲建链接(新页面进入): <a href=http://www.xiaonei.com/GetUser.do?id=60276 target="_blank"><font color=60EE00>我的默林邀请您进入</a> ▲滚动的超链接: <marquee scrollAmount=2 width=300><a href=http://www.cctv.com>中央电视台</a></marquee>
▲群栏和留言板栏设置成滚动:</body><marquee direction=up marquee scrollamount=3 ><br />
▲改字颜色: <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://myok.bokee.com/2081936.html
▲加宽留言板:</div> 不行的话再多放几个</div>
▲改变连接字的代码 <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> 将上面颜色字号字体换成自己喜欢的即可
▲横向交替滚动: <br /><marquee width=100% behavior=alternate scrollamount=1><font color=00dfff><b>所要写的文字</b></font></marquee>
▲颜色代码网址: http://w1w1.bokee.com/3538465.html http://shirley329.blogchina.com/3501281.html http://www.hdskin.com/jy/info/280.htm 字体颜色代码 : 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
贴图时可能要考虑尺寸,有时需要裁剪,让图片完整出现在页面内。 “背景图案”宽度在1100左右,“页面贴图”宽度在480左右。
▲留言板栏群栏背景色字: <TABLE style="FILTER: glow(color:#FF00FF,direction=2)">
▲部分字背景字色 <TABLE style="FILTER: glow(color:#FF00FF,direction=2)"> 所要写的文字</table>
▲浮雕字: <table style="FILTER: dropshadow(color=#6699FF, offx=1, offy=1, positive=1);"> <font color=#ffffff><font face="幼圆"> <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>
▲页面幻灯片切换效果: (本条代码7月1号已被禁用,作废) <head><meta HTTP-EQUIV=" age-Enter" C> <meta HTTP-EQUIV=" age-Exit" C></head>
▲给自己加星星5颗: <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>
新增(5月) ▲表格: </tex:tarea><table border="4" width="340" bordercolor="#0000FF" bgcolor="#COCOCO"> <tr> <td width="100%"> <p align="center">要在表格中写的字等</td> </tr> </table></tex:area>
▲阴影文字 </tex:tarea><table style="FILTER: dropshadow(color=#cccccc, offx=2, offy=2, positive=2);"> <font color=#6CABE7 size=2>谢谢大家的支持</font> </table>
▲5月13号新增; <style type=text/css> <!-- #pageheader{display:none;}--></style> <!-隐藏上方图片(5月29号最新)->
<style type=text/css> <!-- #pageheader{ margin:0;padding-top:00px; background-image:url();} #pageheader a{color:white;} #pageheader a:hover{background-color:#9F79EE;color:#fffbd1;}--> </style><!-隐藏上方图片(已过期)->
▲<br /><style type=text/css> <!-- #pageheader{ margin:0;padding-top:60px; background-image:url(http://img.xiaonei.com/photos/43/864/orig57704.jpg);} #pageheader a{color:white;} #pageheader a:hover{background-color:#003399;color:#fffbd1;}--> </style><!-改上方图片->
▲<style type=text/css> <!--#sidebar img{display:none;border:none;};#sidebar center div div{border:none;display:none;};#sidebar center div{border:none;display:none;};#sidebar div h5{border:none;display:none;};--></style><!-除掉下半张脸除广告->
▲<br /><style type=text/css> <!-- #header{background-color:#FFFFFF;} h1{color:#0000FF;}--></style><!-最上方图片下的边框颜色->
▲5月24号新增 去掉白块、白条,即去掉边框去掉广告加宽导航栏代码: <link rel=stylesheet href="http://img.xiaonei.com/photos/131/4464024/orig94311.css" type="text/css">
▲浏览者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>
▲5月28号新增-<本条转自许晓澄>
移动侧边栏的大小和位置: <style type=text/css> <!-- #sidebar{width:132px;float:right;}--></style>
去处底部系统链接: <style type=text/css> <!-- #pagefooter{display:none;}--></style>
隐藏个人照片: <style type=text/css> <!-- #mainpic{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><direction=#> 例:<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(幻灯片效果,指的是滚动一次,然后停止滚动) 3.实例: a)如何给滚动字幕加超链接?这跟平时的超链接是完全一样的。只要在文字外面加上<a href=***>和</a>就可以了。如下效果,代码是<marquee scrollAmount=2 width=300><a href=http://www.cctv.com>中央电视台</a></marquee>,点击中央电视台就可以进入了: 中央电视台 b)如何制作当鼠标停留在文字上,文字停止滚动? 【此条已被禁止】 代码如: <marquee scrollAmount=2 width=300 onmouseover=stop() onmouseout=start()>文字内容</marquee> 效果如: 文字内容 c)交替效果。代码如: <marquee scrollAmount=2 width=99 behavior=alternate>文字内容</marquee> d)多行文本向上滚动。代码如: <marquee scrollAmount=2 width=300 height=160 direction=up>•早晨好啊!<br>•空气好清新啊<br>•今朝食乜好呢?<p>•<a href=http://www.cctv.com>中央电视台</a></marquee> •注意:如果你的网页经过了FrontPage编辑,保存之后,只能滚动一行,这时候你发现你原来的代码顺序已经变了,My god!解决的办法是,找出原来的代码,把它嵌入到JavaScript的document.write中即可,上述代码写为: <script>document.write('<marquee scrollAmount=2 width=300 height=160 direction=up>•早晨好啊!<br>•空气好清新啊<br>•今朝食乜好呢?<p>•<a href=http://www.cctv.com>中央电视台</a></marquee>')</script> e)改变滚动字幕的颜色?可以用样式表来控制。如下效果,代码是<marquee scrollAmount=2 width=300><a style=color:CC6600>我钟意网页树树!</a></marquee>。 我钟意网页树树!
计数器http://00counter.com/ http://cscqcn.com/webs/web1/mianfei/k.htm flash素材下载大全:http://www.9941.cn/
更多的知识可以参考 http://hi.baidu.com/yinran/blog/category/%D0%A3%C4%DA%CD%F8%CD%BF%D1%BB%BD%CC%B3%CC参考资料:http://hi.baidu.com/yinran/blog/category/%D0%A3%C4%DA%CD%F8%CD%BF%D1%BB%BD%CC%B3%CC |
|
|
[]
[返回上一页]
[打 印]
|
|
|
| 文章评论 (评论内容只代表网友观点,与本站立场无关!) |
|
|
|
|