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

教你如何制作个性页面

来源:www.biyela.net 作者:新版校内网代码 时间:2008-02-11 点击:
#biyela.net {}
/* 此代码由 biyela.net收集/整理/调试*/
涂鸦板代码:最新个性页面制作的方法

页面美化概况:

页面美化就是设计制作代码,把不同的代码保存到涂鸦板就得到不同的页面效果

一般情况包括(背景图片、背景音乐、背景贴图及flash、隐藏及字体设置等等),其中背景图片、背景音乐选择一种方案就得,其他可以选择多项,漂亮不漂亮看你选择了




一、背景图片制作方法

方法一、到校园网 背景图片填充图http://zidou.com/xiaonei/sucai/beijing.php
或者到校园网 图片回收站http://group.xiaonei.com/GetThreadList.do?id=28464108&label=0
或在校园任何帖子里面找别人上传的
找到之后点击图片,在上面地址栏就可以得到该图片在校园网的地址,把图片在校园网的地址复制到下面背景图片格式,得带背景图片代码
<body background="复制图片网络地址到这里"bgproperties="fixed">


最后把代码保存到涂鸦板(记得把原来的背景图片代码删除)
方法二、把自己电脑或从别处下载到自己电脑上的图片制作成背景图片
方法是:1、到帖子里,回复帖子,在回复的时候你就可以看见下面有"上传文件或图片",通过"上传文件或图片"把你想那来做背景的图片上传(要求小于1M) /* xncss.org */
2、上传之后点击图片,在上面地址栏就可以得到该图片在校园网的地址,把图片在校园网的地址复制到下面背景图片格式,得带背景图片代码
<body background="复制图片网络地址到这里"bgproperties="fixed">
3、把代码保存到涂鸦板(记得把原来的背景图片代码删除)

二、背景音乐制作方法与代码格式(附1部分音乐地址
<!-- 更多代码 -->
为了让大家更方便、随意制作自己最爱的音乐背景,特别作这

制作方法

第一在百度或别处搜索你想要的音乐,找小于1M大小的下载到你电脑上

第二上传你下载的音乐到这个这个帖子上,上传方法:在你回复帖子的时候,可以看见下面有"上传文件或图片",就是通过这里上传的(为大家着想请务必写上歌名)

第三点击已经上传的歌,就可以找到它的网络地址,(我一般把它拖到讯雷或flashget上就直接见到它的网络地址在跳出来的下载任务设置对话框上)

第四把地址填到下面格式之一的(红色部分处),就是你需要的背景音乐代码,保存到你的涂鸦版。

个别不会的朋友可以到我留言版留言,我们一起制作, 我尽量用制作或修改音乐的软件帮你

代码格式

循环单曲目格式

<BGSOUND src=http://www.xok.cc/help/old/" 音乐地址输入处" loop=infinite><!--背景音乐-->

循环显示播放器格式1
<embed src=http://www.xok.cc/help/old/音乐地址输入处type=application/x-mplayer2 autostart="1" showcontrols="1" loop="true"></embed> <!-播放器与背景音乐->

循环显示播放器格式2

<center><embed style="FILTER: alpha(opacity=100,style=3) gray(); WIDTH: 399px; HEIGHT: 29px" name=MediaPlayer1 pluginspage=http://www.microsoft.com/Windows/MediaPlayer src=http://www.xok.cc/help/old/音乐地址输入处 width=50 height=13 type=application/x-mplayer2 autostart="1" showcontrols="1" loop="1"></embed></center><!-播放器与背景音乐->



另外增加连续播放器+50首经典歌曲代码

<EMBED src=http://www.xok.cc/help/old/"http://www.einhand.com/player.swf?user=rjffeifei" width="300" height="250" type="application/x-shockwave-flash" align="center" wmode="transparent" quality="high"> </EMBED><!-播放器与背景音乐->

特别制作能放多首歌的播放器

<EMBED src=http://www.xok.cc/help/old/"http://70702.com/stu/xuxiaohai/cmp.swf" width="590" height="390" type="application/x-shockwave-flash" align="center" wmode="transparent" quality="high"> </EMBED><!--特别制作能放多首歌的播放器-->
<!-- 更多代码 -->
三、背景贴图制作方法(附2部分背景贴图以及flash动画)

制作方法:把贴图网络地址复制到贴图代码格式中红色处(与制作背景音乐相似)

下面说明获得贴图网络地址的方法:

一、像上传音乐一样上传图片到校园网,然后电击图片,在网页地址栏处得到图片地

二、在校园网找到喜欢的图片,然后电击图片,在网页地址栏处得到图片地

图片回收站http://img.xiaonei.com/photos/20061004/2040/orig110242.htm

动态小图片http://zidou.com/xiaonei/sucai/dongtai.php

静态小图片http://zidou.com/xiaonei/sucai/jingtai.php

页面贴图一般制作代码格式

<img src=http://www.xok.cc/help/old/"贴图网络地址处"/><!--页面贴图--> /* 代码来源 未知校内代码(xncss.org) */

页面贴图定位制作代码格式

<div style="position:absolute;Top:335px;left:266px;width:200px;height:128px;">

<img width=100% src=http://www.xok.cc/help/old/"贴图网络地址处"></div>

其中Top:335px;left:266px;width:200px;height:128px设置位置和大小(你都可以自己设置)



增加贴图透明化格式

<IMG style="FILTER: alpha(opacity=100 Style=3 FinishOpacity=0)black();" src=http://www.xok.cc/help/old/贴图的网址 width=400 height=300>

其中Style可以是1.2.3代表不同的效果、自己试试吧 opacity是透明度0~100 如果是0完全透明



增加浮动的图片格式<div style="position:absolute;Top:0px;left:250px;"><img width=160% src=http://www.xok.cc/help/old/"图片地址"></div>

这一条比上一个灵活很多通过修改参数可以将图片定位在页面的任何位置 ,资源网址两边的引号是可有可无的单引也可以


四、隐藏与一些特技

<style type=text/css><!--.block,.linkblock,#annouce,#permalink,#snav,#footer{display:none;};blockcont img{display:none;}--></style><!--隐藏全部广告-->

<style type=text/css><!--#tagline,#utility,#logo,.block,#sidebar{display:none;}--></style><!--隐藏大学生互动空间\你好\LOGO,左广告\左导航-->

<style type=text/css><!--#userActions li,#mymenu li,#content{border:0px; } --></style><!--隐藏头像下部文字的下划线以及导航菜单、页面边框两条线-->

</style><style type=text/css><!--#AccountInfo{display:none;} --></style><!--隐藏帐号信息-->
<!-- 更多代码 -->
<style type=text/css><!--#header{display:none;} --></style><!--隐藏顶部导航栏-->

<style type=text/css><!--#userFriendUniv{display:none;} --></style><!--隐藏外校好友列表-->
<style type=text/css><!--#userVisitor{display:none;} --></style><!--隐藏最近来访者列表-->

<style type=text/css><!--#userFriend{display:none;} --></style><!--隐藏最近有登陆好友列表-->

<style type=text/css><!--#ContactInfo{display:none;} --></style><!--隐藏联系方式-->

<style type=text/css><!--.leaveWord{display:none}--></style> <!--只隐藏留言内容-->

</table></div> 也可以连用几个</div>加宽留言板 (加到涂鸦板最顶端时还可加宽涂鸦板 )

<style type=text/css><!--#sidebar{float:right;}--></style><!--把左的导航换至右边-->

<body style="position:absolute;left:50;" >
<EMBED style="LEFT: 50px; POSITION: absolute; TOP: 130px;" align=right src=http://img.xiaonei.com/photos/20061115/2200/orig72049.swf width=200 height=400 type=application/x-shockwave-flash quality="high" wmode="transparent"></embed> <!--左导航变书片-->

<style type=text/css><!--#talk{overflow:auto;height:400px;}--></style><!--留言板加滚动条-->
<style type=text/css><!--#blog .text{height:262px;overflow:auto;}--></style><!--日志加滚动条-->

<style>a img {filter:alpha(opacity=100,style=2);}a:hover img {filter:none;/*隐约头像*
最新评论共有 3 位网友发表了评论
发表评论
评论内容:不能超过250字,需审核,请自觉遵守互联网相关政策法规。
用户名: 密码:
匿名?
注册
栏目列表