职教新干线世界大学城 空间代码 汇总.docx

上传人:b****2 文档编号:17236023 上传时间:2023-04-24 格式:DOCX 页数:15 大小:22.49KB
下载 相关 举报
职教新干线世界大学城 空间代码 汇总.docx_第1页
第1页 / 共15页
职教新干线世界大学城 空间代码 汇总.docx_第2页
第2页 / 共15页
职教新干线世界大学城 空间代码 汇总.docx_第3页
第3页 / 共15页
职教新干线世界大学城 空间代码 汇总.docx_第4页
第4页 / 共15页
职教新干线世界大学城 空间代码 汇总.docx_第5页
第5页 / 共15页
点击查看更多>>
下载资源
资源描述

职教新干线世界大学城 空间代码 汇总.docx

《职教新干线世界大学城 空间代码 汇总.docx》由会员分享,可在线阅读,更多相关《职教新干线世界大学城 空间代码 汇总.docx(15页珍藏版)》请在冰豆网上搜索。

职教新干线世界大学城 空间代码 汇总.docx

职教新干线世界大学城空间代码汇总

在世界大学城空间如何把标题隐藏起来

.bannera{display:

none;}

.bannerp{display:

none;}

说明:

这个可以把标题字“张三 欢迎您来到我的网页”隐藏起来,但是请您不要忘了最后一定要在自己制作的banner图片上添加上这几个字

.bannera{color:

yellow;font-size:

0px;}

.bannerp{color:

green;font-size:

0px;}

—去掉顶部图片-->

.banner{background:

url("no-repeat;}

—此处是更改顶部区域的图片-->

xml:

namespaceprefix=ons="urn:

schemas-microsoft-com:

office:

office"/>

body{background-color:

#FFFFF;

background-image:

url

background-repeat:

repeat

}

--颜色还可以使用RGB方法,如#6666FF(此处值为十六进的)-->背景

width=880height=260type=application/x-shockwave-flashwmode="transparent"quality="high";>

—中间动画-->

#divMenu_2104236{background-image:

url(/UploadFiles/BlogFile/121/3671311/33.jpg);background-repeat:

no-repeat;padding-top:

60px;background-position:

topcenter;margin-top:

5px;}

#divMenu_2099312{background-image:

url(/UploadFiles/BlogFile/121/3671590/66.jpg);background-repeat:

no-repeat;padding-top:

60px;background-position:

topcenter;margin-top:

5px;}

—左侧栏目-->

/UploadFiles/BlogFile/122/3698020/图1.jpg">

/UploadFiles/BlogFile/122/3698025/图2.jpg">

/UploadFiles/BlogFile/122/3698030/图4.jpg">

------图片的放映

body{background:

url("repeatscroll!

important;}

.banner{background:

url

------背景图

 

到居民信息管理里面————个人爱好————自述——

放入代码即可。

保存。

再到我的空间展示里面就可以看到啦。

附代码:

#all.pageBody.pageMetaimg{display:

none}

/*左上角世界大学城图标隐藏*/

.banner

{background:

url("")no-repeat;}

横幅(注明院、系、班、名字,如果自己做条幅的话尺寸是1005X150)

去掉条幅首页(“。

欢迎您来到我的学习家园”)

背景

.i_space_r.one{background:

url("");

照片背景

音乐代码

#divMenu_505122{background-image:

url("");background-repeat:

no-repeat;padding-top:

0px;background-

position:

topcenter;margin-top:

10px;}

左侧图标

 

除了可以使用CSS添加页面背景图片外,还可以设置某种背景颜色,代码如下:

body{background-color:

pink;} 

--颜色还可以使用RGB方法,如#6666FF(此处值为十六进的)-->

注意:

以上代码添加到你的“居民信息管理”| “个人爱好”|“自述”中即可看到效果。

在“居民信息管理”|“个人爱好”|“自述”中添加以下代码可添加背景音乐。

到网上找一首自己喜欢的mp3,将其URL复制下来代替src后面部分(蓝色字体部分)。

//121.14.228.118/ width=300height=27type=audio/mpegpanel="0"autostart="1"loop="true">

你可以为一个矩形区域设置背景,也可以为整个页面设置一个背景,背景图片可以是各种比例像素单位的,因为背景是会平铺的。

在平时浏览网站的时候,看到漂亮的背景可以使用“背景另存”来保存背景素材,注意留心保存背景图片。

附件中几个背景图片供参考。

你可以为一个矩形区域设置背景,也可以为整个页面设置一个背景,背景图片可以是各种比例像素单位的,因为背景是会平铺的。

在平时浏览网站的时候,看到漂亮的背景可以使用“背景另存”来保存背景素材,注意留心保存背景图片。

附件中几个背景图片供参考。

注意到我的页面上的banner图片了吗?

已经不是模板中的那些图片了。

添加以下代码到“居民信息管理”|“个人爱好”|“自述”中,自己PS一张1005*150像素大小的图片并传到网上,记住图片的URL,替换代码中的URL。

.banner{background:

url("no-repeat;}

如果“自述”的代码中已有了……这对标记,那么你只要把中间那行代码复制到标记对中间去就可以了。

使用EMBED标记添加Flash特效

使用EMBED标记添加Flash特效的代码如下:

100px;POSITION:

absolute;TOP:

75px" align=right src=

width=1004 height=150 type=application/x-shockwave-flash wmode="transparent" quality="high";>

在距离顶边75像素,距离左边100像素,宽1004像素,高150像素的位置显示该swf动画效果。

100px;POSITION:

absolute;top:

100px"align=rightsrc=

width=1024height=655type=application/x-shockwave-flashwmode="transparent"quality="high";>

同上,上面是另外一个动画效果。

将以上两段代码粘贴到你的“居民信息管理”|“个人爱好”|“自述”中即可看到效果。

注意:

此标记中使用了嵌入样式表,即style="LEFT:

100px;POSITION:

absolute;TOP:

75px"。

这是绝对定位方式,对不同分辨率的显示效果会有所不同。

小知识:

使用EMBED标记(大小写均可),可以插入多媒体元素,如背景音乐、视频、Flash动画等。

embed标记的几个常用属性有:

src="文件地址",也就是属性里的网址;

height=播放区域高度,取自然数,也可用百分比;

width=播放区域宽度,取自然数,也可用百分比;

autostart=true或者false,决定音乐文件下载完毕后是否自动播放,默认为false,对于一些flash无效;

loop=true或者false,决定是否循环播放,也可以跟自然数,决定循环次数,对于一些flash无效;

controls=设定播放rm、mp3之类文件时的控制面版外观(对flash无效),console(一般正常面板,默认)、controlpanel(精简面板)、smallconsole(更小的面板)、playbutton(只显示播放按钮)、pausecutton(只显示暂停按钮)、stopbutton(只显示停止按钮)、volumelever(只显示音量调节按钮)、imagewindow(只显示播放器屏幕);

hidden=true或者false,决定是否完全隐藏控制画面;

title=提示信息,鼠标在播放区域悬停时显示;

hspace=自然数,距其他文档水平间距;

vspace=自然数,距其他文档垂直间距;

quality=设定播放质量,low(播放质量最差)、medium(播放中等质量)、high(播放高质量,默认)、best(播放极高质量);

plugins=插件地址,如果机器上没有播放所需插件,可在这里设定安装地址,对于已安装的无效;

type=文件类型;

wmode=设置flash影片的windowmode属性,指定flash在浏览器中的透明、层叠及位置,可以取值window(影片在浏览器中自己的矩形窗口内播放)、opaque(影片隐藏了所有在它后面的内容)、transparent(使用flash影片透明,显示透明影片后面的网页内容,这将会降低动画的性能,而且这个属性不是在所有浏览器中都可用的)。

实现方法

(一)

--

alert("欢迎光临!

");

-->

实现方法

(二)

functionCONFIRM(){

if(confirm("感谢您访问我的大学城空间,\n点击确认将进入我的QQ空间,\n点取消请浏览我的大学城空间!

"))

location=" ";

return""}

document.writeln(CONFIRM())

下面代码可以实现网页特效--闪烁的星星效果:

src后面的URL是网上的javascript特效的代码,上有大量javascript特效的代码,大家可以参考。

背景音乐:

//121.14.228.118/width=300height=27type=audio/mpegpanel="0"loop="true">

添加背景音乐和播放器代码如下:

头像背景图片:

(添加右上角矩形框的背景)

.i_space_r.one{background:

url("/UploadFiles/BlogFile/6/211712/beijing1.jpg");}

添加左侧及右侧矩形框的背景图片更多

.i_space_r,#left{background:

url("/UploadFiles/BlogFile/6/211712/beijing2.jpg");}

改变鼠标指针形状的代码

BODY{CURSOR:

url('

A{CURSOR:

hand}

设置左侧导航栏目背景颜色

使用CSS添加页面背景颜色

body{background-color:

pink;}  

使用EMBED标记添加Flash特效

100px;POSITION:

absolute;TOP:

75px"align=rightsrc=

width=1004height=150type=application/x-shockwave-flashwmode="transparent"quality="high";>

JavaScript特效--闪烁的星星

如何去掉默认的banner图片,显示完整的背景图片

方法一:

.banner{background:

url("")no-repeat;}      

--设置背景图片为空-->

方法二:

.banner{filter:

alpha(opacity=0);}                 

--添加滤镜-->

修改banner字体、字号及颜色

使用CSS添加banner图片

.banner{background:

url("

")no-repeat;}

固定背景代码

更改右侧字体以及大小

100pt>

保护源代码不被复制

functionClick(){

 alert('版权所有,请勿复制!

');

 window.event.returnValue=false;

}

document.oncontextmenu=Click;

禁止使用右键防止被复制

functionclick(){if(event.button==2)

 alert(不要复制);

}

document.onmousedown=click

禁止“保存网页”的代码

--禁止另存为代码-->

banner设计:

.bannera,.bannerp{display:

none;}.pageMetaimage{display:

none;}body{background:

url("repeat-x;background-color:

#dbdcd7;}

.pageBody{background:

url("no-repeatscroll6px0;}

.banner{background:

url("no-repeat;padding:

108px00200px;}

 

1、代码

.banner

{background:

url("http:

/

这个代码让空间播放背景音乐

可以先将音乐作为附件上传至服务器,然后替换我那里面的网络地址:

另外,loop="1"代表播放1次,可设置2或者3之类。

"-1"代表循环播放

二、左上角背景

.i_space_r,#left{background:

ur

("

三、右侧背景

.i_space_r.one{background:

url("/UploadFiles/BlogFile/6/211712/beijing1.jpg");}

四、视频

点击“我的空间展示”,就可以自动播放、并且循环播放了。

界大学城空间个性装扮代码:

1、下面是我世界大学城空间里面的网页代码,大家可以用这个美化自己的空间。

其中的字可以替换成自己想要的字。

2、使用方法:

居民信息管理----设置----个人爱好------最后一栏(自述)的方框内,把改好的代码复制进去再保存就可以进我的空间展示看看空间美化的效果了。

3、这个播放器选的是渐变播放器,歌曲的地址也可以自己改,这里的是《我相信》

4、还有,欢迎大家加我为好友,常踩我的空间。

这是第一行的彩色字体欢迎动画代码:

楷体color=ff0000style=font:

200pt>欢迎

某某班

(这里写你的名字)

大学城

空间

 

欢迎大家来到某某班XX的大学城空间
大家可以通过点击下面方框内的选项来换自己喜欢的背景颜色哦!

代码如下:

 

//ww3.sinaimg

展开阅读全文
相关资源
猜你喜欢
相关搜索

当前位置:首页 > 高等教育 > 教育学

copyright@ 2008-2022 冰豆网网站版权所有

经营许可证编号:鄂ICP备2022015515号-1