大学城空间建设代码.doc

1、背景音乐设置 EMBED style=“FILTER: invert()“src=http:/117.135.129.181/wap/856571.mp3 width=1 height=1 type=audio/x-ms-wma ShowStatusBar=“1“ loop=“true“ 其中：http:/117.135.129.181/wap/856571.mp3 歌曲网址，width 和 height 都设为 0 就不显示播放器了 loop=“true“表示循环播放，type=audio/mpeg 表示自动播放 固定大背景设置 背景图片不变，可以使用以下代码： 方法一：可以重复 方法二：不

2、重复 body background:url( http:/ repeat fixed!important; 其中：“http:/ 50%”这个是背景位置。 滚动的大背景 body background:url(“http:/ repeat scroll!important; 滚动背景代码：随着你拉动滚动条而上下滚动，适合小图片，什么闪烁的星星之类的！图片很小即可，它会自动平铺！ 顶部背景设置 方法一： .banner background:url(“http:/ no-repeat;自己 PS 一张 1005*150 像素大小的图片并传到网上，记住图片的 URL，替换代码中的 方法二： 整个

3、顶部设背景 .banner filter:alpha(opacity=0); .pageBodybackground:url(“http:/ no-repeat scroll 0px 0 transparent; .pageMeta imgdisplay:none; 上图中背景的宽度为 1005 像素，高度 300 像素。 解释： .banner filter:alpha(opacity=0);不显示大学城本身提供的 banner;.pageBodybackground:url(“背景图片地址“) no-repeat scroll 0px 0 transparent;设置顶上的背景 .page

4、Meta imgdisplay:none;不显示左上角大学城图标 所有模块背景统一换一样的（包括左右、头像、留言本、最新动态等所有模块）pe=text/css .i_space_r,#left,.link,#five_header,.space_lr,.i_space_r .one background:url(http:/ 头像背景 块 (添加右上角矩形框的背景) .i_space_r .one background:url(“/UploadFiles/BlogFile/6/211712/beijing1.jpg“);左侧右侧背景模块图片或设为透明 设置 有背景的 .i_space_r,#l

5、eft background:url(“/UploadFiles/BlogFile/6/211712/beijing2.jpg“); 透明的 .i_space_r,#left background:url(“); 其中：“/UploadFiles/BlogFile/6/211712/beijing2.jpg“为背景图片的 URL 如果希望这 2 块中没背景，也就是透明的，可设：background:url(“); 留言板背景 模块独设置 #LeaveWordLbl background-image:url(背景图片的地址);底部版权背景 模块边框设置 #bottom border: 0px;

6、#bottom background:url(/UploadFiles/BlogFile/22/711608/4.jpg); 以上代码是设置底部版权声明部分矩形框的边框线是否显示及背景。如果希望设置边框线，则将 0px 设置为 1px 或其他。 左侧导航栏目背景颜色设置 #left BACKGROUND-COLOR: #c4fcb0;左侧栏目中的图片设置 #divMenu_85605 background-image:url(/UploadFiles/BlogFile/8/287426/c1.jpg);background-repeat:no-repeat;padding-bottom:70p

7、x;background-position:bottomcenter;margin-bottom:10px;#divMenu_28806 background-image:url(/UploadFiles/BlogFile/8/287426/c2.jpg);background-repeat:no-repeat;padding-bottom:100px;background-position:bottomcenter;margin-bottom:15px;#divMenu_308713background-image:url(/UploadFiles/BlogFile/8/287426/c3.

8、jpg);background-repeat:no-repeat;padding-bottom:120px;background-position:bottomcenter;margin-bottom:20px;#divMenu_66460 background-image:url(/UploadFiles/BlogFile/8/287426/c4.jpg);background-repeat:no-repeat;padding-bottom:120px;background-position:bottomcenter;margin-bottom:15px;#divMenu_39820 bac

9、kground-image:url(/UploadFiles/BlogFile/8/287426/c5.jpg);background-repeat:no-repeat;padding-bottom:140px;background-position:bottomcenter;margin-bottom:15px;#divMenu_39623 background-image:url(/UploadFiles/BlogFile/8/293276/c6.jpg);background-repeat:no-repeat;padding-bottom140px;background-position

10、:bottom center;margin-bottom:15px;#divMenu_29854 background-image:url(/UploadFiles/BlogFile/8/293276/c7.jpg);background-repeat:no-repeat;padding-bottom:140px;background-position:bottom center;margin-bottom:15px;第一步：有多少个栏目 PS 多少张图片，建议图片大小为 140*80 像素。宽度不能超过 170 像素，高度任意，建议图片做到一样大小，这样更好看。 第二步：分析你自己大学城的代

11、码，右击自己的空间然后选择“查看源文件”，在源文件中用 Ctrl+F 查找左侧栏目的名称，如“网页设计客户端技术”（这是我的拉，你查你自己的哟），记录下来那个图片的 id，如我的是“85605”，如此方法，将你的左侧栏目的所有 id 记录下来。 .link color:blue;font-size:14px;“FONT-SIZE: 8pt“楷体;右边一栏 (文字) 小栏目标题的字体、字号、文字颜色 .i_space_lr .i_title_d color:blue;font-size:14px;“ FONT-SIZE: 8pt;“楷体_GB2312;以上代码可以改变右边一栏“最近登录的好友”、

12、“我发起的学习俱乐部”、“我加入的俱乐部”，3 个子栏目标题的字体颜色、字体和字号。 中间一栏 (文字) 小栏目标题的字体、字号、文字颜色 .title_d color:blue;font-size:14px;“FONT-SIZE: 8pt“楷体_GB2312;以上代码可以改变中间一栏“我的空间动态”、“ 简介”、“留言板”、“ 评论”，4 个子栏目标题的字体颜色、字体和字号。 “世界大学城”图标不显示 .pageMeta filter:alpha(opacity=0);.welcome filter:alpha(opacity=100); 这个图标在左上角，如果设置了背景（不是白色）或背景图

13、片，则这个图片有点碍眼。以下代码可以不显示这个图片，但鼠标指向它的时候，仍会变成手，单击它可以链接到“世界大学城”的首页。 换行代码： 文字链接代码： 填上要输入的文字 改变鼠标指针 形状的代码 BODY CURSOR:url(http:/ A CURSOR:hand 其中：http:/ URL，可到该网站上去找自己喜欢的鼠标形状，语句：A CURSOR:hand ，将超链接的指针形状设置回手形。 插入 flash 挂件 的代码 注解: style=风格left=靠左.TOP= 图片顶端离页面最上端距离 左右挂件添加 左边挂件： 右边挂件： 个人简介页面内添加 flash 动画 页头（bann

14、er ）增加动画 1） http:/ 是将用的动画地址，一定要是网络上的，不能是本地的； 2）LEFT: 100px; POSITION: absolute; TOP: 75px“ align=right 大小、位置控制3）所选动画最好是透明底色，否则会产生遮掩 在简介中加天气预报 注：align=“right“ 为右对齐，如果想左对齐，将 right 改为 left，居中对齐改为center。 效果如下图所示： 隐藏课堂魔方上方的小图标代码如下： #itemImg_1,#itemImg_2,#itemImg_3,#itemImg_4,#itemImg_5,#itemImg_6,#itemIm

15、g_7,#itemImg_57,#itemImg_562306, #itemImg_680616,#itemImg_85605,#itemImg_308713,#itemImg_332756,#itemImg_659979,#itemImg_265747, #itemImg_260449 filter:alpha(opacity=0);注：#itemImg_562306，562306 为不显示的左侧栏目编号，可通过右键查看源代码后，查看得到。 将左、右两板块换位的代码 .space_l,.linkfloat:right 隐藏左侧栏目中左上角小图标代码 代码如下： #itemImg_1,#ite

16、mImg_2,#itemImg_3,#itemImg_4,#itemImg_5,#itemImg_6,#itemImg_7,#itemImg_57,#itemImg_1000,#itemImg_703759,#itemImg_23017,#itemImg_22385,#itemImg_22388,#itemImg_73818 filter:alpha(opacity=0);注意：需要查看自己的源代码，找到左侧栏目中隐藏了的栏目的编号，然后添加到上面 滚动字幕（右往左滚动 又从左回道右） 在思想上积极要求进步，做事勤勤恳恳，尽心尽力， 使用 marquee 标记实现滚动字幕效果 以下是我空间的滚

17、动字幕效果的代码： 华文行楷; font-size:20pt“您好！我是 陈翠娥老师！ 欢迎来到我的空间做客。-注意：在需要滚动的文字之间我设置了很多 font 标记用来改变字体的颜色，使得颜色的出现有一个渐变的效果哦。在最开始的 font 标记中又使用了 CSS 嵌入样式表哦，style=“FILTER: shadow(color=black); WIDTH: 100%; COLOR: blue; LINE-HEIGHT: 130%;“ FONT-SIZE: 9.5pt;“华文行楷; font-size:20pt“，其中用到了滤镜特效，FILTER: shadow(color=black);

18、 设置渐变阴影。 小知识： Marquee 属性详解，用于文字，图片等 ALIGN：用于按设定的值对齐滚动的文本。ALIGN 可以设定的值有：LEFT， CENTER，RIGHT，TOP，BOTTOM。此属性不是必须使用的。 BEHAVIOR：可以在页面上一旦出现文本时让浏览器按照设定的方法来处理文本。如果设定的方法是 SLIDE，那么文本就移动到文档上，并停留在页边距上。如果设定为 AlterNATE，则文本从一边移动到另一边。如果设定为 SCROLL，文本将在页面上反复滚动。本属性不是必须使用的。可以设定的值有：SILIDE，AlterNATE，SCROLL。 BGCOLOR：用于设定字幕

19、的背景颜色。背景颜色可用 RGB、16 进制值的格式或颜色名称来设定。 DIRECTION：用于设定文本滚动的方向，可以设定的值有：left, right ,up ,down 。此属性不是必须使用的。 HEIGHT：用于设定滚动字幕的高度，高度可用像素或可视页面的百分比来表示。此属性不是必须使用的。 WIDTH：用于设定字幕的宽度，宽度可用像素或可视页面的百分比来表示。此属性不是必须使用的。 HSPACE：用于设定滚动字幕左右的空白空间，空白空间用像素表示。此属性不是必须使用的。 VSPACE：用于设定滚动字幕上下的空白空间，空白空间用像素表示。此属性不是必须使用的。 LOOP：用于设定滚动字幕的滚动次数。当 LOOP 的值为“INFINITE“或是“-1“时，则文字会无限制地滚动。此属性不是必须使用的。 SCROLLAMOUNT：用于设定每个连续滚动文本后面的间隔，该间隔用像素表示。此属性不是必须使用的。 SCROLLDELAY：用于设定两次滚动操作之间的间隔时间，该时间以毫秒为单位。此属性不是必须使用的。 鼠标属性 onMouseOut=this.start() 鼠标移出状态滚动 onMouseOver=this.stop() .鼠标经过时停止滚动 图片滚动代码 (从右向左滚动) (从下往上滚动)