|
| 校内网涂鸦板代码编辑常用方法(新手必学) |
| 作者：佚名 来源：不详 发布时间：2007-10-14 0:31:14 |
 减小字体
 增大字体
|
校内网提供了一个大学生交流的平台,自开通以来受到了同学们的欢迎,功能强大的涂鸦板是同学们展现自己个性页面的工具,同学们肯定想把自己的页面建设得更有特性,但由于很大一部分同学并不十分了解此代码书写,即使从其它同学那里复制或从网上下一些涂鸦板成品,有时候也不一定满足自己的要求,因为那毕竟是别人的,不代表你的意愿,所以我觉得如果掌握了校内网的特征,再去修改应该容易的多,好了,闲话不说,开始讲课:
我们知道涂鸦板里可以输入代码，但到底输入一些什么样的代码才能达到我们的要求呢，大部分同学可能现关心的是如何加背景啊，音乐啊，SWF文件及校内网版面等，而实际上这些东西非常简单，我就上面的这些举个例子：
1、背景添加(常见的方法有两种即用HTML标签和CSS属性)
CSS为层叠样式表，和Word里的样式类似，即某个名称（即ID或CLASS）代表某些样式，像字体、大小、颜色什么的(等下我会送大家一个教程，自己慢慢研究)
HTML标签：
<body background="URL">
CSS属性：
<style type="text/css">
background {background:url(URL) repeat center} /**/
或
<body style="background-image:url(URL)" bgproperties="fixed"><!--固定图片-->
</style>
URL代表你要用的背景，使用时请替换成相应图片的地址
2、音乐或视频或Flash文件添加：
背景音乐：<bgsound src="URL">
URL代表音乐地址；loop是否重复播放；autostart为自动播放；
带播放器的音乐或视频：
<embed src="URL" width="200" height="50" ID="myplayer" loop="true" autostart="true"></embed>
URL为MP3、WMA、WMV、RM或SWF文件的路径，可自行设置。
也可以通过设计#myplayer 来打造更个性化的播放器（CSS属性）
3、校内网版面控制：
校内网版面控制即设置校内网默认的属性，这时候大学可能会问我怎么知道属性是什么啊，怎么设置啊？呵呵，听我慢慢道来！
首先要知道如何设置CSS，方法有三：
A、在顶部用Style标签
<style type="text/css">
CSS属性列表；
</style><!--一定要结尾，一个页面只需一个就行了-->
<!--CSS属性，也有三种写法，下边列出格式-->
HTML标签（如body） {属性1：属性值1;属性2：属性2;……}<!--第一种写法-->
如：body,td,font,p {font-size:9pt;color:red;font-family:黑体}
/*如果某HTML标签要具有两种以上效果*/
.Class类 {属性1：属性值1;属性2：属性2;……}<!--以class=class类引用-->
如：p.red {color:red}
p.blue {color:blue}
#ID类 {属性1：属性值1;属性2：属性2;……}<!--以ID=ID类引用-->
如：#myplayer {width:100px;height:30px;border:2px dashed #FF0000}
<div id="myplayer">...</div>
B、引用外部CSS文件，即把<style>里边的CSS属性复制出来放到一个文件里（.CSS文件）
<link rel="stylesheet" type="text/css" href="CSS文件的URL">
C、在HTML标签里直接使用CSS属性
如：<body style="font-size:12pt;background-image:url(URL)">
了解了CSS的使用方法，接下来我们就得找校内网里默认的CSS属性了，这个很简单，同学们可以去其它同学的校内网，点IE菜单上的查看->源文件，就可以看到某些属性然后自己改就行了，也可以到一些网站上找一些成品然后修改；
下面列表一些：
<style type=text/css> <!-- #sidebar{width:132px;}
#sidebar img{display:none;} #snav{margin:0;padding-top:60px;background:url(http://img.xiaonei.com/photos/131/4464024/orig58672.gif)
no-repeat --0px -30px;} #snav a,#snav a.edit,#snav
a.hasedit{margin:0;padding:0;}--> </style><!－除掉下半张脸除广告加宽导航框格－>
这是我的，比较简单，但是涉及了大部分的校内网属性：
<body>
<style type=text/css>
<!--
.box h3{background:transparent;}
#userpage #content .box h3 .stat{background:transparent;}
.block{ display:none;}
.linkblock{ display:none;}
#annouce{ display:none;}
#header #logo{ display:none;}
#header h1{ display:none;}
#header h2{ display:none;}
#header #universityName{ display:none;}
#navigation{border-top:1px dashed #000088}
#header{background:transparent;}
#header h2{background:transparent;}
#userRelations .personIcon{background:transparent;}
#userRelations .personIcon td{background:transparent;}
#userVisitor{background:transparent;}
#userFriend{background:transparent;}
#userFriendUniv{background:transparent;}
.attention{background:transparent;}
#sidebar #menu{background:transparent;}
#userProfile{background:transparent;}
#userBlog{background:transparent;}
#userBlog .info{background:transparent;}
#userPandora{background:transparent;}
#userGroup{background:transparent;}
#userTalk{background:transparent;}
#talk li{background:transparent;}
#userTalk .info{background:transparent;}
#permalink{background:transparent;}
body{COLOR:#000099;font-size:12px;font-family: "宋体", Arial;}
#header{width:100%; position:absolutepage; left:0px; }
#header{margin:0;padding-top:40px; background-color:#000000};
#logo,#navigation,#universityName{display:none;};
.blockimage.block h3{display:none;}<!--隐藏广告栏-->
#talk{overflow:auto;height:650px;}<!--留言板加滚动条-->
<!--#sidebar{float:right;background-color:#ECECEC}--><!－把左边的导航换至右边－>
A:link{COLOR: #000099;font-size:12px;font-family: "宋体", Arial;}; A:visited{COLOR:#000099;font-size:12px;font-family: "宋体", Arial;}; A:active{COLOR: #a5abb0;font-size:12px;font-family: "宋体", Arial;font-weight: bold;};
A:hover{COLOR: #FFFFFF;background-color:#FF3366; font-size:12px;font-family: "宋体", Arial;font-weight: bold;};
.box h3{color:FF0000}
#AccountInfo .userProfileItem{color:#000099 }#BasicInfo .userProfileItem{color:#000099 }#ContactInfo .userProfileItem{color:#000099 }
#header #universityName{color:#000099}
#header h2{color:#008800}
#header li a{color:#000099;}--></style><!－文字属性统一风格代码>
<TABLE style="BORDER-RIGHT: #000000 3px dashed; BORDER-TOP: #000000 3px dashed; BORDER-LEFT: #000000 3px dashed; BORDER-BOTTOM: #000000 3px dashed" cellSpacing=0 cellPadding=0 bgColor=#00000><TR><TD><TABLE borderColor=#000000 align=center border=1><TR><TD><P align=center><EMBED style="FILTER: Xray" src=http://cherry.jazzsky.com/LIU/all_about_you.wma width=300 height=45 type=audio/mpeg volume="0" autostart="false" loop="- 1"></P></TD></TR></TABLE></TD></TR></TABLE>
好了，不说了要做事去了，BYEBYE,下面把CSS教程发出来
下载地址：http://www.xnei.cn/upload/css.chm
|
|
|
[]
[返回上一页]
[打 印]
|
|
|
| 文章评论 （评论内容只代表网友观点，与本站立场无关！） |
|
|
|
|
您当前的位置：