代码素材.docx
- 文档编号:12809844
- 上传时间:2023-04-22
- 格式:DOCX
- 页数:13
- 大小:20.44KB
代码素材.docx
《代码素材.docx》由会员分享,可在线阅读,更多相关《代码素材.docx(13页珍藏版)》请在冰豆网上搜索。
代码素材
一、旧版世界大学城空间的美化代码:
“居民信息管理”->“编辑”->“个人爱好”->“自述”
二、新版世界大学城空间美化的代码:
“我的管理空间”->“装扮空间”->“高级设置”->“空间代码”
第一步:
单击顶部菜单“我的管理空间”,再单击右侧“装扮空间”;
第二步:
在出现的界面下方,单击“高级设置”;
第三步:
单击“空间代码”,在右侧文本框中输入代码,单击“保存”。
三、更换页头
1、代码
.banner
{background:
url("http:
//*****.jpg")no-repeat;}
2、操作
(1)在空间中上传一张你自己喜欢的图片(自制图片大小推荐1000×150像素,我试过,大了小了都不合适),通过“我的空间展示”打开图片(注意不是博文,一定是点到打开了图片),将地址栏中的地址复制替换上面代码中的“http:
//********.jpg”(注意引号要有)。
【关键操作A】
(2)将以上代码添加到你的“居民信息管理”|“个人爱好”|“自述”中,点击“保存”后单击“我的空间展示”即可看到效果。
四、空间背景
1、代码
body{background-color:
pink;}
2、操作
(1)更换颜色
代码中的“pink”就是颜色,你可以根据你的喜好更换颜色,可以使用RGB方法,也可以使用十六进制(如:
#6666FF此处值为的),要确定颜色值可以到XX中搜一下就OK了。
(推荐到“RGB颜色查询对照表”这个链接中找
将代码修改完了,就可以添加到你的“居民信息管理”|“个人爱好”|“自述”中,点击“保存”后单击“我的空间展示”即可看到效果。
(2)更换背景图片
很多人不喜欢颜色,那就可以像我一样更换成背景图片,如果是纹理的,那就弄张小图片参考上述【关键操作A】将代码中的{background-color:
pink;}更换成{background:
url("http:
//*****************")}
将代码修改完了,就可以添加到你的“居民信息管理”|“个人爱好”|“自述”中,点击“保存”后单击“我的空间展示”即可看到效果。
五、添加动画效果
1、添加头部动画效果
(1)代码
100px;POSITION: absolute;TOP: 75px"align=rightsrc=http: //**********.swf width=1004height=150type=application/x-shockwave-flashwmode="transparent"quality="high";> (2)操作 到网上搜索一个好看、好玩的flash动画(推荐到“QQ空间透明FLASH”这个链接中找 找到你喜欢的之后,把地址复制替换代码中的地址(注意最好是打开,看到动画在动,从地址栏中复制地址,不推荐复制链接,有些动画是不能动的)。 将代码修改完了,就可以添加到你的“居民信息管理”|“个人爱好”|“自述”中,点击“保存”后单击“我的空间展示”即可看到效果。 2、添加页面动画效果 (1)代码 100px;POSITION: absolute;top: 100px"align=rightsrc=http: //*********.swf width=1024height=655type=application/x-shockwave-flashwmode="transparent"quality="high";> (2)操作 同上,到网上搜索一个好看、好玩的flash动画(推荐到“QQ空间透明FLASH”这个链接中找 找到你喜欢的之后,把地址复制替换代码中的地址(注意最好是打开,看到动画在动,从地址栏中复制地址,不推荐复制链接,有些动画是不能动的)。 将代码修改完了,就可以添加到你的“居民信息管理”|“个人爱好”|“自述”中,点击“保存”后单击“我的空间展示”即可看到效果。 说明: 代码中的width=1004height=150是动画显示大小,你可以进行调整。 六、设置背景音乐 /*背景音乐*/ 这个代码让空间播放背景音乐 可以先将音乐作为附件上传至服务器,然后替换我那里面的网络地址: 另外,loop="1"代表播放1次,可设置2或者3之类。 "-1"代表循环播放 七、左上角背景 .i_space_r,#left{background: ur (" 八、右侧背景 .i_space_r.one{background: url("/UploadFiles/BlogFile/6/211712/beijing1.jpg");} 九、视频 点击“我的空间展示”,就可以自动播放、并且循环播放了。 十、世界大学城空间美化代码 背景音乐: //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} 设置左侧导航栏目背景颜色 #left{BACKGROUND-COLOR: #c4fcb0;} 使用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字体、字号及颜色 .bannera{color: blue;font-family: 隶书;font-size: 36px;} .bannerp{color: #e40dbe;font-family: 楷体;font-size: 24px;} 使用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"代表循环播放 2、左上角背景 .i_space_r,#left{background: ur (" 3、右侧背景 .i_space_r.one{background: url("/UploadFiles/BlogFile/6/211712/beijing1.jpg");} 4、视频 点击“我的空间展示”,就可以自动播放、并且循环播放了。 十一、世界大学城空间个性装扮代码: 1、下面是我世界大学城空间里面的网页代码,大家可以用这个美化自己的空间。 其中的字可以替换成自己想要的字。 2、使用方法: 居民信息管理----设置----个人爱好------最后一栏(自述)的方框内,把改好的代码复制进去再保存就可以进我的空间展示看看空间美化的效果了。 3、这个播放器选的是渐变播放器,歌曲的地址也可以自己改,这里的是《我相信》 4、还有,欢迎大家加我为好友,常踩我的空间。 这是第一行的彩色字体欢迎动画代码: 200pt>欢迎 欢迎大家来到某某班XX的大学城空间大家可以通过点击下面方框内的选项来换自己喜欢的背景颜色哦! 代码如下:
这个是转换背景色的代码,可以自己选择喜欢的背景颜色,size大小可以改,不影响显示,可以精简网页大小。
代码如下: