已阅读5页,还剩10页未读, 继续免费阅读
版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
除了可以使用CSS添加页面背景图片外,还可以设置某种背景颜色,代码如下:body background-color:pink; 注意:以上代码添加到你的“居民信息管理”| “个人爱好”|“自述”中即可看到效果。在“居民信息管理”|“个人爱好”|“自述”中添加以下代码可添加背景音乐。到网上找一首自己喜欢的mp3,将其URL复制下来代替src后面部分(蓝色字体部分)。你可以为一个矩形区域设置背景,也可以为整个页面设置一个背景,背景图片可以是各种比例像素单位的,因为背景是会平铺的。在平时浏览网站的时候,看到漂亮的背景可以使用“背景另存”来保存背景素材,注意留心保存背景图片。附件中几个背景图片供参考。你可以为一个矩形区域设置背景,也可以为整个页面设置一个背景,背景图片可以是各种比例像素单位的,因为背景是会平铺的。在平时浏览网站的时候,看到漂亮的背景可以使用“背景另存”来保存背景素材,注意留心保存背景图片。附件中几个背景图片供参考。注意到我的页面上的banner图片了吗?已经不是模板中的那些图片了。添加以下代码到“居民信息管理”|“个人爱好”|“自述”中,自己PS一张1005*150像素大小的图片并传到网上,记住图片的URL,替换代码中的URL。.banner background:url(/UploadFiles/BlogFile/8/270623/p1.jpg) no-repeat;如果“自述”的代码中已有了这对标记,那么你只要把中间那行代码复制到标记对中间去就可以了。使用EMBED标记添加Flash特效使用EMBED标记添加Flash特效的代码如下:在距离顶边75像素,距离左边100像素,宽1004像素,高150像素的位置显示该swf动画效果。同上,上面是另外一个动画效果。将以上两段代码粘贴到你的“居民信息管理”|“个人爱好”|“自述”中即可看到效果。注意:此标记中使用了嵌入样式表,即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影片透明,显示透明影片后面的网页内容,这将会降低动画的性能,而且这个属性不是在所有浏览器中都可用的)。实现方法(一)实现方法(二)function CONFIRM()if (confirm(感谢您访问我的大学城空间,n点击确认将进入我的QQ空间,n点取消请浏览我的大学城空间!)location= http:/316158649./ ;return document.writeln(CONFIRM()下面代码可以实现网页特效-闪烁的星星效果:src后面的URL是网上的javascript特效的代码, 上有大量javascript特效的代码,大家可以参考。除了可以使用 CSS 添加页面背景图片外,还可以设置某种背景颜色,代码如下: style type=text/css body background-color:pink; !- 颜色还可以使用 RGB 方法,如 #6666FF (此处值为十六进的) - /style 注意:以上代码添加到你的居民信息管理 | 个人爱您好!我是陈翠娥老师!欢迎来到我的空间做客。-注意:在需要滚动的文字之间我设置了很多 font标记用来改变字体的颜色,使得颜色的出现有一个渐变的效果哦。在最开始的font标记中又使用了CSS嵌入样式表哦,style=FILTER: shadow(color=black); WIDTH: 100%; COLOR: blue; LINE-HEIGHT: 130%; FONT-FAMILY:华文行楷; font-size:20pt,其中用到了滤镜特效,FILTER: shadow(color=black);设置渐变阴影。1、下面是我世界大学城空间里面的网页代码,大家可以用这个美化自己的空间。其中的字可以替换成自己想要的字。2、使用方法:居民信息管理-设置-个人爱好-最后一栏(自述)的方框内,把改好的代码复制进去再保存就可以进我的空间展示看看空间美化的效果了。3、这个播放器选的是渐变播放器,歌曲的地址也可以自己改,这里的是我相信4、还有,欢迎大家加我为好友,常踩我的空间。楷体 color=ff0000 style=font: 200pt欢迎来到某某班 (这里写你的名字) 的大学城空间(这个是第一行的彩色字体欢迎动画)欢迎大家来到某某班XX的大学城空间大家可以通过点击下面方框内的选项来换自己喜欢的背景颜色哦!(说明)青色巧克力色酒红c腾飞近金色偏蓝色方红salmon褐灰色青绿色青蓝色 白色(还原)(这个是转换背景色的代码,可以自己选择喜欢的背景颜色,size大小可以改,不影响显示,可以精简网页大小)bodyCURSOR:url(/shop/product/sbys/ani/1000400026.ani);(这个是鼠标)j2 (这个是图片的超链接)点击进入我的店铺/aj3 (这个是QQ空间链接地址)(这个是我选的播放器代码。渐变的,比以前好看些了。可以通过换歌曲地址来换歌曲,放多首歌曲的播放器代码较长,就没弄了,有兴趣的自己去网上找吧)!-function channel()window.open(index.htm,channelmode,scrollbars)function CONFIRM()if (confirm(谢谢您访问XXX的大学城小窝n马上将转到我的QQ空间,点“确定”进入QQ空间,点击“取消”继续浏览大学城)location= /你的QQj4 /infocenter?;return document.writeln(CONFIRM()(这个好玩,在进入你的空间时会询问是否转向,你懂的)楷体_GB2312 color=ff0000 style=font:80pt记得留下你的小脚印哦(和第一行的欢迎动画一样,也是彩色字体,不过特意把字体改大了几号)这里面的很多属性石可以自己进行修改的,希望这个参考对你们有用!j1可以修改j2这个也可以到百度里查找不同的鼠标代码j3这里可以随便改动j4可以修改成自己的世界大学城最新最全的空间设计代码 (2011-10-31 14:34:54)转载标签: 校园请大家进入你的大学城空间,然后点击居民信息管理,再点个人爱好,进去以后,在个人爱好里面的最后一行有个自述,那个里面输入代码(包括背景图片,首页展示视频,欢迎语的代码)(代码见下方)然后保存在进我的空间展示,你就可以看见装扮好的你的空间?设置空间整体半透明:个人介绍中的自述文字欢迎来到某某的大学城小屋背景.i_space_r .one background:url(/UploadFiles/BlogFile/6/211712/beijing1.jpg); 滚动的图片背景、顶部图片地址.banner background:url(顶部图片知地址) no-repeat;整体代码(可以改背景和条幅)body background:url(/uploadfiles/blogfile/14/462089/3-1.jpg) repeat scroll!important;.banner background:url(/uploadfiles/blogfile/14/462089/3-2.jpg) no-repeat;.i_space_r,#left background:url();.i_space_r .one background:url();.i_space_lr .i_title_d background:url();.i_space_lr .i_main_b background:url();.space_lr .title_d background:url();.zuo .tu background:url();.space_lr .f_e background:url();.i_space_r .link background:url();.five_header .five_menu background:url();整体模板(情侣套装).banner background:url(/uploadfiles/blogfile/10/339535/1.jpg) no-repeat;CSS中如何单独运用表格内文字的链接颜色250*250 在html中输入:.dede a color: #F9F9F7;.dede a:visited color: #F9F9F7;.dede a:hover color: #666666;.dede a:active color: #00CCCC;并在所需要变化颜色的表格中 加上标签: 鼠标代码bodycursor:url(/cursor/mouse023.ani);改变鼠标指针形状的代码BODY CURSOR:url(/shubiao/bianxing/36.ani);A CURSOR:hand动态鼠标指针应用在文字上在这里写上你的文本内容空间过场动画代码 大学城开场白:(1)embed style=left: 0px; position: absolute; top: 0px; absolute: align=left src= 加上空间flash格式开场动画的地址就可以啦 width=1300 height=600 type=application/x-shockwave-flash wmode=transparent quality=high ;(2):embed style=left: 0px; position: absolute; top: 0px align=right src= 空间过场动画网络地址 width=1300 height=888 横幅代码.bannerbackground:url(横幅) no-repeat;.i_space_r,#left background:url();.i_space_r .one background:url();.i_space_lr .i_title_d background:url();.i_space_lr .i_main_b background:url();.space_lr .title_d background:url();.zuo .tu background:url();.space_lr .f_e background:url();.i_space_r .link background:url();.five_header .five_menu background:url();时钟代码:视频或flash视频: 背景变色: 青色 巧克力色 酒红 粉红 荐 近金色 偏蓝色 方红 salmon 褐灰色 青绿色 青蓝色 白色(还原) 转空间代码: function confirm()if (confirm(谢谢您访问我的小窝n马上将转到我的qq空间,欢迎访问) location= /你的qq号/infocenter;return document.writeln(confirm()欢迎访问我的小窝 图片代码:动态的漂浮物代码资源: http:/20050314./72654133.html http:/20050314./84988151.html http:/20050314./71740028.html(点击进入网站 里面有素材) 音乐代码:第一个:第二个:添加背景音乐和播放器代码如下:(1):embed src=/images/hui.mp3 width=0 height=0 type=audio/mpeg loop=true (2):mbed src= 音乐播放器,此处插入网络中音乐的地址 width=300 height=27 type=audio/mpeg loop=true border=0实用的播放器代码: 头像背景图片:(添加右上角矩形框的背景).i_space_r .one background:url(/UploadFiles/BlogFile/6/211712/beijing1.jpg);添加左侧及右侧矩形框的背景图片更多.i_space_r,#left background:url(/UploadFiles/BlogFile/6/211712/beijing2.jpg);设置左侧导航栏目背景颜色#left BACKGROUND-COLOR: #c4fcb0;使用CSS添加页面背景颜色body background-color:pink; 使用EMBED标记添加Flash特效JavaScript特效-闪烁的星星 如何去掉默认的banner图片,显示完整的背景图片方法一:.banner background:url() no-repeat; 方法二:.banner filter:alpha(opacity=0); 修改banner字体、字号及颜色.banner acolor:blue;font-family:隶书;font-size:36px;.banner pcolor:#e40dbe;font-family:楷体;font-size:24px;使用CSS添加banner图片.banner background:url(/uploadImage/photo/a0/2011426214955UbNpc.gif) no-repeat;固定背景代码 背景图片: 更改右侧字体以及大小保护源代码不被复制function Click() alert(版权所有,请勿复制!); window.event.returnValue=false;document.oncontextmenu=Click;禁止使用右键防止被复制function click() if (event.button=2) alert(不要复制);document.onmousedown=click禁止“保存网页”的代码banner设计:.banner a,.banner p display:none;.pageMeta imagedisplay:none;body background: url(/UploadFiles/BlogFile/18/582040/111.jpg) repeat-x;background-color:#dbdcd7;.pageBodybackground: url(/UploadFiles/BlogFile/18/582045/222.jpg) no-repeat scroll 6px 0;.bannerbackground: url( /uploadImage/photo/a0/2011512134117JFEKW.png) no-repeat ;padding: 108px 0 0 200px;.space_lrborder:none;background-color:#000; filter:alpha(opacity = 60); -moz-opacity: 0.6; opacity:0.6;margin-left:7px;.title_dheight:26px; line-height:26px; background:none; border:none; color:#d4c7ba; font-siza:14px; .title_d acolor:#ffd780;#five_headerborder:none;background-color:#000; filter:alpha(opacity = 60); -moz-opacity: 0.6; opacity:0.6;margin-left:7px;overflow:hidden;#five_menubackground-color:#000;color:#1b0f06;filter:alpha(opacity = 100); -moz-opacity: 1.0; opacity:1.0;#five_maincolor:#ede0cc;border:none;#five_main acolor:#ffd780;.lw_rightcontentcolor:#e8ddd2;.banner height:300px;background:url(/uploadImage/photo/a0/2011913105042rPonL.jpg) no-repeat;#divSe .master_tool height:30px;background-color:#16110b; border-bottom:solid 2px #a48547;border-top:solid 2px #a48547;overflow:hidden;#divSe .master_tool liline-height:30px;padding-top:4px; #divSe ul li afont-size:14px; color:#fff8ac;.linedisplay:none;.banner adisplay:none;.banner pdisplay:none;.Tt_a background:none; height:26px; line-height:26px; background-color:#000; color:#fff6e6; font-size:14px; border-bottom:solid 1px #4a391a;border-top:solid 1px #4a391a; ma
温馨提示
- 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- 康复医学科:脊柱骨折康复流程
- 2020-2025年咨询工程师之工程项目组织与管理综合练习试卷B卷附答案
- 2025健身中心外墙油漆工程施工合同
- 2025关于外籍员工合同范本
- 2025贺雅彬装修合同官方版
- 网络舆情与危机管理
- 2025年财政部建设工程合同管理范本
- 2025渔业养殖合同(农业承包合同)
- 手机管理与网瘾预防
- 2025建筑项目招标合同模板
- 数电票商品税收分类编码表
- MOOC 光学发展与人类文明-华南师范大学 中国大学慕课答案
- 输血科对输血病历不合格原因分析品管圈鱼骨图柏拉图
- 注塑生产计划自动排程
- 设备安装监理细则
- 大创申报答辩ppt
- 《活出最乐观的自己》读书笔记思维导图PPT模板下载
- 高中地理 人教版 选修二《资源、环境与区域发展》第五课时:玉门之变-玉门市的转型发展
- 催化加氢技术(药物合成技术课件)
- 近三年(2023-2023年)广西物理学业水平考试试题
- 建筑结构检测与加固课程复习考试试题及答案B
评论
0/150
提交评论