WORD中怎么使加入的背景图片只在一个页面上显示?

发布网友发布时间：2022-04-28 15:15

共1个回答

热心网友时间：2022-04-21 00:35

于5Q校内网的涂鸦板，小圈子；同时可以用在新浪博客、网易博客等博客。

注意:以下代码可以在你修改后放在资料修改的任意地方~~~

0.相册评分系统代码（一个有趣的相册评分系统，大量精美图片等着你评分）点击此处查看效果：

<iframe name=a1 width=460 height=500 frameborder=0 scrolling=auto src=""></iframe>

系统网址：

1.在页面下载完毕后弹出的提示框~~

</head><body onload= alert('喜欢你就叫!留下您珍贵的足迹')>
<body onload= alert('欢迎来到我的主页，走时别忘了留言啊!')>
</body></html>

2.背景音乐控制代码:

<embed src="你想要的音乐地址" autostart=true loop=true>

如果想隐藏控制面版,可以加入代码 hidden=true

此代码还可以加入其他控制,详细到冰姐的帖子里找找!

3.5Q自带的样式编辑器代码

<font onclick="javascript:document.getElementById('floatwin').style.display=''">主页管理</font>

放这个代码进去后,到自己主页点击"主页管理"字样,就可进入编辑!

4.层控制代码,可用于放置你喜欢的闹钟

<div style="position:absolute;top:-260px;right:45px;"><EMBED src="地址"
width=180 height=180 type=application/x-shockwave-flash wmode="transparent" quality="high" loop="ture"menu="false"></EMBED<div>

PX前面的数字代表像素坐标! wmode模式,此上为透明!

5.层控制代码,用于挂件```

<DIV id=kongfu style="RIGHT: 360px; POSTION: absolute; TOP: -100px"><IMG src="地址" border=0></A></DIV>

PX前面的数字代表像素坐标!

6.#mainInfo部分透明

<style>#mainInfo</style>

当然,这里也可以不去掉白色部分,还可以加入图片,把none改成url=你的图片地址

7.背景的控制(包括颜色,背景是否定位锁定,透明度)

<style>
body{
background-image:url(地址);/
background-color:#000000;/*背景颜色*/
background-attachment:fixed;
}
#bgAll
{
filter:alpha(opacity=0)
}
</style>

attachment:fixed;是锁定图象 filter:alpha(opacity=0) 透明度

8.消除#topFuncNavi

<style>#topFuncNavi</style>

不多说,就是去掉顶部滴``

9.放置FLASH

<EMBED style="RIGHT: 0px; POSITION: absolute; TOP: -350px" align=right src=地址 width=1200 height=1950 type=application/x-shockwave-flash wmode="transparent" quality="high" ;>

一样,PX代表像素坐标````

10.留言框的编辑

<style>
.beRTE
</style>

参考来源：5Q校园网

校内网涂鸦版代码

代码都是写如涂鸦板那里，注意保持代码连续，特别不要空行，最好代码之间只是留一个空格的间隔。

1.添加背景图片代码：

<BODY background="图片链接地址 " bgproperties="fixed">
说明：bgproperties="fixed"为固定背景图片的代码，图片链接地址，可以到百度去搜索喜欢的图片，或者把电脑里面的图片上传到校内网在取地址。

2.背景图片占满整个页面而不是拼接而成的方法

（1）上传之后，点击帖子中你的图片会另打开一个图片的网页，引用这个新网页的url放到背景代码中，背景就不会小了，是原来大小
（2）上传后直接点击右属性取网址会出现变小，可以把图片扩展名改成mp3再上传，引用的时候就是原来大小了。一般约1024*768或者1000*600的就可以占满屏幕。
以我的背景图片代码为例子
<body background=""bgproperties="fixed"></body>
附：如何改变文件扩展名
请打开我的电脑[My Computer]->工具[Tools]->文件夹选项[Folder Options]->点击查看[View]选项卡->去掉隐藏已知文件类型的扩展名[Hide extensions for known file types]->点击应用[Apply]->点击确定[OK].
此时将显示所有文件的扩展名

3.添加普通图片，该图片显示在涂鸦面板代码：
<IMG alt=附图 SRC="图片链接地址 ">

4.添加的图片可以做透明华处理效果很梦幻：

使透明的代码就是在原来文件代码的前面加上style="FILTER: alpha(opacity=100 Style=3 FinishOpacity=0)black();"
比如说贴图的透明化<IMG style="FILTER: alpha(opacity=100 Style=3 FinishOpacity=0)black();" src=贴图的网址 width=400 height=300>

5.如何加音乐
代码：<EMBED src="要链接的音乐的地址 " width=400xp height=45xp autostart=true loop=true >
说明：width=400xp height=45xp 这里设置的是播放器的播放窗口的大小，可以修改，autostart=true loop=true这里是音乐自动播放和循环播放，歌曲网络地址不会不知道的吧？呵呵，用百度搜索一下~

6. 主题：如何通过修改涂鸦版往页面上面加flash
<EMBED style="left: 0px; POSITION: absolute; top:0px" align=left src=引用的FLASH的地址 width=1000 height=1000 type=application/octet-stream wmode="transparent" quality="high" ;>
解说：对于插入flash 的大小、位置我们都是可以加以控制的。比如：
LEFT:100px （与左边的距离） TOP:200px （与顶部的距离）
width="800" （显示flash的宽） height="800" （显示flash的高）
wmode="transparent"，意思是透明模式，要是不是透明的flash可以将这个去掉
如果想要呈现多种动画效果，可以连续粘贴多段动画代码，我的页面就有多个FLASH
具体例子：引用共享FLASH里面的上飘的气球
<EMBED style="left: 0px; POSITION: absolute; top:0px" align=leftsrc= width=1000 height=1000 type=application/octet-stream wmode="transparent" quality="high" ;>

7.如何改变鼠标样式，独特的鼠标样式显示你独特的个性
<body style="cursor:url(' 鼠标样式的链接地址')"></body>
1、你找来的地址，后缀名有**.cur的，还有**.ico的，和**.ani的．
后缀名为**.ico 的为静态后缀名为**.cur 的为静态后缀名为**.ani 的为动画
具体例子，烧瓶样式<body style="cursor:url(' ')"></body>

8.主题：如何添加连接，把自己的主页空间或者博客向大家推荐
<br /><a href="链接地址 "><font color="#b22222"><font size=4>链接显示的文字 </a>
以我的校内网页面为例<a href="" target="window_name"><font color=#FFFFFF><font size=4>欢迎观看李日庆的绚丽页面星空许愿</a><br> 可以改变颜色和文字大小：改变color，size后面的数值就行。

9.改变链接字体和颜色
<style type=text/css> </style>
注意：这个代码最好是放在前面
A:link是链接的部分，A:visited是已经链接过的链接部分，A:active是被激活的链接部分，A:hover是链接时的显示，body是正文部分的更改。
COLOR: 颜色代码是颜色的更改，颜色代码可以参看如下网址
FONT-SIZE 是字号大小的设置，你可以任意填写数值，默认是9号字，同样你也可以用＋1，＋2，－1等等表示字号的大小
FONT-FAMILY: 字体名称是对字体的更改，你打开WORD以后，出现的默认字体（你后装进去的字体，别人是看不到的）都可以放入
FONT-WEIGHT: bolder 是加粗显示，可以替换的是normal,cite,等等
值得注意的是，如果你在前几项中没有设置FONT-WEIGHT: bolder，只在body中有这样的设置，系统将其他几项都默认为FONT-WEIGHT: bolder，想要还原，用FONT-WEIGHT: normal就可以

10.改变背景颜色以及字体颜色

<body bgcolor="#000000" text="#00ffff" link="#b22222">;
bgcolor:背景颜色 text:字体颜色 link:链接颜色
提示：双引号的代码可以根据自己的偏好更改
背景颜色代码请点击此网页
字体颜色代码：
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

11.主题：如何给页面加滚动文字

用如下语句
<marquee>需要移动的文字</marquee><direction=＃>
例：<marquee direction=left marquee scrollamount=10>开开心心每一天！</marquee> <P>
marquee 具体参数有：
BGColor：滚动文本框的背景颜色。
Direction：滚动方向设置，可选择Left、Right、up和down。
scrolldelay：每轮滚动之间的延迟时间，越大越慢。
scrollamount：一次滚动总的时间量，数字越小滚动越慢。
Behavior：滚动的方式设置，三种取值：Scroll（循环滚动）、Slide（单次滚动）、Alternate（来回滚动）。
Align：文字的对齐方式设置。可选择Middle(居中)、Bottom(居下)还是Top(居上)。
Width：滚动文本框的宽度，输入一个数值后从后面的单选框选择in Pixels(按像素)或是in Percent(按百分比)。
Height：滚动文本框的高度，输入一个数值后从后面的单选框选择in Pixels(按像素)或是in Percent(按百分比)。
loop：滚动次数。默认为infinite
hspace、vspace：前后、上下的空行。
根据自己的喜欢，设定不同的参数，就有不同的效果

滚动字的颜色和大小能修改
在 <marquee>需要移动的文字</marquee>
中间加入修改字的颜色和大小或字体的代码就可以了，例如：
<marquee direction=left marquee scrollamount=10><FONT face="楷体_GB2312">你要加的字</FONT></marquee><P>
有时候可能留言也随这滚动，
例子：<marquee direction＝up marquee scrollamount=4>欢迎光临 marquee> <P><br />
改成 <marquee direction＝up marquee scrollamount=4>欢迎光临</marquee>
就是去掉后面的<P><br />

12、★如何实现视频音乐的连续播放★
一．打开记事本[Notepad傻]程序（右键－新建－文本文档）
二．将下列代码复制进去
<ASX version ="3.0">
<Entry>
<Ref href = "你的视频音频地址1"/>
</Entry>
<Entry>
<Ref href = "你的视频音频地址2"/>
</Entry>
<Entry>
<Ref href = "你的视频音频地址3"/>
</Entry>

以下同样添加你想要的视频音频个数

</ASX>

三．将你选的音乐视频地址替换掉上面的地址，保存文件（注意保存前去掉“以下。。。”那句说明），将文件名改为音乐.asx
四．将该文件传到校内网上（与传图片相同），传完后右键点文件——属性，复制下地址，例如：
五．将下列代码加入涂鸦版（视频所在位置由所填代码在涂鸦片相对位置决定）
<embed SRC= type=audio/x-pn-realaudio-plugin CONSOLE=Clip1 CONTROLS=ImageWindow HEIGHT=252 WIDTH=324 AUTOSTART=true loop=true>
（地址部分，修改成上一步自己的）
例子感人爱情故事，看起来是一个视频，实际是由三个小视频连续播放成的，源文件都在校内网上，地址是

六．保存，回到页面欣赏吧。

13.精确定位自己的图片
精确定位自己再涂鸦版加的图片到页面的任何地方，主要思想就是利用<div></div>标签的position,top,left属性精确定位 ,利用这个可以把自己添加到涂鸦版的图片放到自己想要的任何位置
如页面显示10个星星的代码，现在校内已经十分流行。
<div style="background-image:url('');position:absolute;top:129px;left:616px;width:109px;height:20px;background-repeat:repeat-x;"></div>
top;left;用于定位，width;height，用于控制显示的大小。

14.涂鸦版的秘密之NB播放器可添加中文列表

一．打开记事本[Notepad傻]程序（右键－新建－文本文档）
二．将下列代码复制进去
代码是
<songs>
<song path="歌曲网址" title="你想给歌曲起的名字" />
<song path="歌曲网址" title="你想给歌曲起的名字" />
<song path="歌曲网址" title="你想给歌曲起的名字" />

</songs>

注释，几首歌曲都可以，用同样的语句就可以了
三．将你选的音乐视频地址替换掉上面的地址，要显示中文列表，这样保存：选文件——另存为——编码选UTF-8。，将文件名改为”名字“.xml ，只要后缀是xml就可以
四．将该文件传到校内网上（与传图片相同），传完后右键点文件——属性，复制下地址，例如：五．将代码加入涂鸦版（视频所在位置由所填代码在涂鸦片相对位置决定）
代码为：<embed style="LEFT: 475px; POSITION: absolute; TOP: 790px" align=right src="" menu="false" quality="high" width="600" height="280" name="index" type="application/x-shockwave-flash" pluginspage="" flashvars="playList=列表网址 wmode="transparent" border="0" />
（地址部分应该加入你在上一步复制的地址）
进入页面的时候没有声音，不能自动播放，下拉播放菜单不是自动弹出，这些设置要在每次进页面的时候靠手动解决
七．保存，慢慢欣赏吧。
注意：这个播放器是mp3 播放器，目前只能播放mp3格式的文件，wmv,wma格式都不行。
播放歌曲的时候如果比特率太低会出现加速的现象，是音乐的问题，用windows media player播放不会出问题是因为windows media player功能很强大，能够自动适应你选的歌曲，NB播放器就不行了。asx的默认播放器也是windows media player，所以也不会出问题。你要想用NB播放器还得把音乐改了

15.让留言版变宽

在途鸦版最后加。</div>就可以，就这么简单，原理是：让涂鸦版以下的部分居中

16.懒人技巧，查看别人的原代码。

浏览器那里选择查看－>源文件就会用记事本打开原文件了，里面对于我们有用的部分是涂鸦板和加入的群之间的部分代码，可以有记事本的编辑－>查找，输入“涂鸦板”快速找到代码所在的区域，分析代码还是要用些内心的，主要就是找到背景和falsh的就行了，要有时间页面还是自己设计*现自己个性好。

参考来源：

更多个性代码：

缘分一电代码（让有缘人聚在一起，在300万大学生中电出你的缘分）点击查看效果：

<P ALIGN="center"><A HREF="" TARGET="blank"><IMG ALT="点击电人，在300万大学生中电出你的缘分" SRC="" BORDER="0"></IMG></A></P>

建链接（本页面进入）： <a href=><font color=60EE00>缘分一电,点击电人</a>

建链接（新页面进入）： <a href= target="_blank"><font color=60EE00>缘分一电,点击电人</a>

滚动的超链接： <marquee scrollAmount=2 width=300><a href=>缘分一电</a></marquee>

给你一个成品把 <body background=""bgproperties="fixed"></body>

<BGSOUND src="" loop=infinite>

<EMBED style="LEFT: 0px; POSITION: absolute; TOP: 200px" align=right src= width=750 height=300 type=application/x-shockwave-flash wmode="transparent" quality="high" ;></EMBED>
<EMBED style="RIGHT: 0px; POSITION: absolute; TOP: 0px" align=right src= width=1800 height=2200 type=application/x-shockwave-flash wmode="transparent" quality="high" ;;></EMBED><!－下落的星星－>

<DIV id=kongfu style="LEFT: 10px; POSITION: absolute; TOP: 5px"><img src="" border=0></A></DIV> 
<EMBED style="LEFT:430px; POSITION: absolute; TOP: 200px" align=left src= width=200 height=150 type=application/octet-stream wmode="transparent" quality="high" ;> 

<DIV style="LEFT:80px; POSITION: absolute; TOP: 800px" align=left><img src="" align=left></DIV>
<style type=text/css></style><!－隐藏全部广告－>
<CENTER><EMBED style="RIGHT: 300px; WIDTH: 600px; POSITION: absolute; TOP: 0px; HEIGHT: 1800px" align=right src= type=application/octet-stream ;; quality="high" wmode="transparent"> </CENTER>
<style type=text/css> </style> <!－除底部链接－>

<embed style="left: 50px; position: absolute; top: 50px; " align=right src= width=800 height=800type=application/octet-stream ; quality="high" wmode="transparent"></embed>

<div class="boxcont">
<style type=text/css></style>
<body style="position:absolute;top:178px;" >
<EMBED style="LEFT:280px; POSITION: absolute; TOP: -178px" align=right src= width=595 height=178 type=application/x-shockwave-flash quality="high" wmode="transparent" flashvars="author=李响"></embed>
<body style="position:absolute;left:50;" >
<EMBED style="LEFT: 55px; POSITION: absolute; TOP: 10px;" align=right src= width=200 height=400 type=application/x-shockwave-flash quality="high" wmode="transparent"></embed>

</div>
<style type=text/css></style>
<style type=text/css></style>

建议你去看看那里有很多关于校内网的知识