空间美化概述
(一)、添加页面背景
1. 不显示左上角“世界大学城”图标,但鼠标指向时仍可链接 这个图标在左上角,如果设置了背景(不是白色)或背景图片,则这个图片有点碍眼。以下代码可以不显示这个图片,但鼠标指向它的时候,仍会变成手,单击它可以链接到“世界大学城”的首页。代码如下:
2. 如果希望背景图片固定不变,可以使用以下代码:
其中:“http://ww4.sinaimg.cn/large/641c0751tw1dfsctlry3rj.jpg”为背景图片的链接地址,“background-repeat:no-repeat”说明背景不重复,因此你的背景图片要足够大哦,“background-attachment:fixed”这个背景固定,“background-position:50% 50%”这个是背景位置。
3. 在“居民信息管理”|“个人爱好”|“自述”中添加以下代码可添加右上角矩形框的背景:
其中:"/UploadFiles/BlogFile/6/211712/beijing1.jpg"为背景图片的URL,如果你的代码中已有标记对,可将它们整合到一起。
4. 在“居民信息管理”|“个人爱好”|“自述”中添加以下代码可设置鼠标的特别形状:
其中:'http://www.7stk.com/shubiao/bianxing/36.ani'为鼠标指针形状的URL,可到该网站上去找自己喜欢的鼠标形状,语句:A {CURSOR:hand} ,将超链接的指针形状设置回手形。如果你的代码中已有BODY {„},可将它们整合到一起,之间用“;”分隔。
5.设置左侧导航栏目背景颜色
将以下代码添加到“居民信息管理”|“个人爱好”|“自述”中。如果已有标记对,那么就直接将这个标记对中间的代码复制进去即可。
6..添加背景音乐播放器的方法:
在“居民信息管理”|“个人爱好”|“自述”中添加以下代码可添加背景音乐。到网上找一首自己喜欢的mp3,将其URL复制下来代替src后面部分(蓝色字体部分)。
width=300 height=27 type=audio/mpeg panel="0" autostart="1" loop="true">
7.隐藏背景音乐播放器的方法:
添加背景音乐和播放器代码如下:
其中:http://www.qsslfy.com/images/hui.mp3歌曲网址,width和height都设为0就不显示播放器了,建议不显示,显示出来丑,要显示的话如上面修改数字。loop="true"表示循环播放,type=audio/mpeg表示自动播放。
8. 使用CSS添加页面背景颜色
除了可以使用CSS添加页面背景图片外,还可以设置某种背景颜色,代码如下:
注意:以上代码添加到你的“居民信息管理”| “个人爱好”|“自述”中即可看到效果。
(二)、添加banner图片:
1.去掉默认的banner图片,显示完整的背景图片 添加以下代码到2
“居民信息管理”|“个人爱好”|“自述”中即可。
方法一:
方法二:
如果“自述”的代码中已有了这对标记,那么你只要把中间那行代码复制到标记对中间去就可以了。
注意:去掉banner图片显示和将banner图片修改为自己PS的个性化图片是一个相对的操作,不能同时进行。
2.改banner字体、字号及颜色
banner条上显示有姓名超链接及欢迎文字,想改变他们的字体、字号及颜色吗?请跟我来试一试吧,将以下代码添加到“居民信息管理”|“个人爱好”|“自述”中。如果已有标记对,那么就直接将这个标记对中间的代码复制进去即可。
注:color--字体颜色;font-family--字体;font-size--字号
3. 使用CSS添加banner图片
注意到我的页面上的banner图片了吗?已经不是模板中的那些图片了。 添加以下代码到“居民信息管理”“个人爱好”|“自述”|中,自己PS一张1005*150像素大小的图片并传到网上,记住图片的URL,替换代码中的URL。
如果“自述”的代码中已有了这对标记,那么你只要把中间那行代码复制到标记对中间去就可以了。
(三)、添加Flash特效:
使用EMBED标记添加Flash特效
使用EMBED标记添加Flash特效的代码如下:
width=1004 height=150 type=application/x-shockwave- flash wmode="transparent" quality="high" ;>
在距离顶边75像素,距离左边100像素,宽1004像素,高150像素的位置3
显示该swf动画效果。
width=1024 height=655 type=application/x-shockwave- flash wmode="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影片的window mode属性,指定flash在浏览器中的透明、层叠及位置,可以取值window(影片在浏览器中自己的矩形窗口内播放)、opaque(影片隐藏了所有在它后面的内容)、transparent(使用flash影片透明,显示透明影片后面的网页内容,这将会降低动画的性能,而且这个属性不是在所有浏览器中都可用的)。
(四)、添加JavaScript特效:
4
1.打开网页时可以看到弹出式小窗口
实现方法(一)
2. JavaScript特效--闪烁的星星
下面代码可以实现网页特效--闪烁的星星效果:
6
空间美化概述
(一)、添加页面背景
1. 不显示左上角“世界大学城”图标,但鼠标指向时仍可链接 这个图标在左上角,如果设置了背景(不是白色)或背景图片,则这个图片有点碍眼。以下代码可以不显示这个图片,但鼠标指向它的时候,仍会变成手,单击它可以链接到“世界大学城”的首页。代码如下:
2. 如果希望背景图片固定不变,可以使用以下代码:
其中:“http://ww4.sinaimg.cn/large/641c0751tw1dfsctlry3rj.jpg”为背景图片的链接地址,“background-repeat:no-repeat”说明背景不重复,因此你的背景图片要足够大哦,“background-attachment:fixed”这个背景固定,“background-position:50% 50%”这个是背景位置。
3. 在“居民信息管理”|“个人爱好”|“自述”中添加以下代码可添加右上角矩形框的背景:
其中:"/UploadFiles/BlogFile/6/211712/beijing1.jpg"为背景图片的URL,如果你的代码中已有标记对,可将它们整合到一起。
4. 在“居民信息管理”|“个人爱好”|“自述”中添加以下代码可设置鼠标的特别形状:
其中:'http://www.7stk.com/shubiao/bianxing/36.ani'为鼠标指针形状的URL,可到该网站上去找自己喜欢的鼠标形状,语句:A {CURSOR:hand} ,将超链接的指针形状设置回手形。如果你的代码中已有BODY {„},可将它们整合到一起,之间用“;”分隔。
5.设置左侧导航栏目背景颜色
将以下代码添加到“居民信息管理”|“个人爱好”|“自述”中。如果已有标记对,那么就直接将这个标记对中间的代码复制进去即可。
6..添加背景音乐播放器的方法:
在“居民信息管理”|“个人爱好”|“自述”中添加以下代码可添加背景音乐。到网上找一首自己喜欢的mp3,将其URL复制下来代替src后面部分(蓝色字体部分)。
width=300 height=27 type=audio/mpeg panel="0" autostart="1" loop="true">
7.隐藏背景音乐播放器的方法:
添加背景音乐和播放器代码如下:
其中:http://www.qsslfy.com/images/hui.mp3歌曲网址,width和height都设为0就不显示播放器了,建议不显示,显示出来丑,要显示的话如上面修改数字。loop="true"表示循环播放,type=audio/mpeg表示自动播放。
8. 使用CSS添加页面背景颜色
除了可以使用CSS添加页面背景图片外,还可以设置某种背景颜色,代码如下:
注意:以上代码添加到你的“居民信息管理”| “个人爱好”|“自述”中即可看到效果。
(二)、添加banner图片:
1.去掉默认的banner图片,显示完整的背景图片 添加以下代码到2
“居民信息管理”|“个人爱好”|“自述”中即可。
方法一:
方法二:
如果“自述”的代码中已有了这对标记,那么你只要把中间那行代码复制到标记对中间去就可以了。
注意:去掉banner图片显示和将banner图片修改为自己PS的个性化图片是一个相对的操作,不能同时进行。
2.改banner字体、字号及颜色
banner条上显示有姓名超链接及欢迎文字,想改变他们的字体、字号及颜色吗?请跟我来试一试吧,将以下代码添加到“居民信息管理”|“个人爱好”|“自述”中。如果已有标记对,那么就直接将这个标记对中间的代码复制进去即可。
注:color--字体颜色;font-family--字体;font-size--字号
3. 使用CSS添加banner图片
注意到我的页面上的banner图片了吗?已经不是模板中的那些图片了。 添加以下代码到“居民信息管理”“个人爱好”|“自述”|中,自己PS一张1005*150像素大小的图片并传到网上,记住图片的URL,替换代码中的URL。
如果“自述”的代码中已有了这对标记,那么你只要把中间那行代码复制到标记对中间去就可以了。
(三)、添加Flash特效:
使用EMBED标记添加Flash特效
使用EMBED标记添加Flash特效的代码如下:
width=1004 height=150 type=application/x-shockwave- flash wmode="transparent" quality="high" ;>
在距离顶边75像素,距离左边100像素,宽1004像素,高150像素的位置3
显示该swf动画效果。
width=1024 height=655 type=application/x-shockwave- flash wmode="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影片的window mode属性,指定flash在浏览器中的透明、层叠及位置,可以取值window(影片在浏览器中自己的矩形窗口内播放)、opaque(影片隐藏了所有在它后面的内容)、transparent(使用flash影片透明,显示透明影片后面的网页内容,这将会降低动画的性能,而且这个属性不是在所有浏览器中都可用的)。
(四)、添加JavaScript特效:
4
1.打开网页时可以看到弹出式小窗口
实现方法(一)
2. JavaScript特效--闪烁的星星
下面代码可以实现网页特效--闪烁的星星效果:
6