大学城空间建设代码

整理文档很辛苦,赏杯茶钱您下走!

免费阅读已结束,点击下载阅读编辑剩下 ...

阅读已结束,您可以下载文档离线阅读编辑

资源描述

背景音乐设置EMBEDstyle=FILTER:invert()src==1height=1type=audio/x-ms-wmaShowStatusBar=1loop=true其中:歌曲网址,width和height都设为0就不显示播放器了loop=true表示循环播放,type=audio/mpeg表示自动播放固定大背景设置背景图片不变,可以使用以下代码:方法一:可以重复bodybackground==fixed方法二:不重复stylebody{background:url()repeatfixed!important;}/style其中:“”为背景图片的链接地址,“background-repeat:no-repeat”说明背景不重复,因此你的背景图片要足够大哦,“background-attachment:fixed”这个背景固定,“background-position:50%50%”这个是背景位置。滚动的大背景stylebody{background:url()repeatscroll!important;}/style滚动背景代码:随着你拉动滚动条而上下滚动,适合小图片,什么闪烁的星星之类的!图片很小即可,它会自动平铺!顶部背景设置方法一:styletype=text/css.banner{background:url()no-repeat;}/style自己PS一张1005*150像素大小的图片并传到网上,记住图片的URL,替换代码中的方法二:整个顶部设背景styletype=text/css.banner{filter:alpha(opacity=0);}.pageBody{background:url()no-repeatscroll0px0transparent;}.pageMetaimg{display:none;}/style上图中背景的宽度为1005像素,高度300像素。解释:.banner{filter:alpha(opacity=0);}不显示大学城本身提供的banner;.pageBody{background:url(背景图片地址)no-repeatscroll0px0transparent;}设置顶上的背景.pageMetaimg{display:none;}不显示左上角大学城图标所有模块背景统一换一样的(包括左右、头像、留言本、最新动态等所有模块)pe=text/css.i_space_r,#left,.link,#five_header,.space_lr,.i_space_r.one{background:url();}/style头像背景块(添加右上角矩形框的背景)styletype=TEXT/CSS.i_space_r.one{background:url(/UploadFiles/BlogFile/6/211712/beijing1.jpg);}/style左侧右侧背景模块图片或设为透明设置有背景的styletype=TEXT/CSS.i_space_r,#left{background:url(/UploadFiles/BlogFile/6/211712/beijing2.jpg);}/style透明的styletype=TEXT/CSS.i_space_r,#left{background:url();}/style其中:/UploadFiles/BlogFile/6/211712/beijing2.jpg为背景图片的URL如果希望这2块中没背景,也就是透明的,可设:background:url();留言板背景模块独设置styletype=text/css#LeaveWordLbl{background-image:url(背景图片的地址);}/style底部版权背景模块边框设置styletype=text/css#bottom{border:0px;}#bottom{background:url(/UploadFiles/BlogFile/22/711608/4.jpg);}/style以上代码是设置底部版权声明部分矩形框的边框线是否显示及背景。如果希望设置边框线,则将0px设置为1px或其他。左侧导航栏目背景颜色设置style#left{BACKGROUND-COLOR:#c4fcb0;}/style左侧栏目中的图片设置styletype=TEXT/CSS#divMenu_85605{background-image:url(/UploadFiles/BlogFile/8/287426/c1.jpg);background-repeat:no-repeat;padding-bottom:70px;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_308713{background-image:url(/UploadFiles/BlogFile/8/287426/c3.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{background-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:bottomcenter;margin-bottom:15px;}#divMenu_29854{background-image:url(/UploadFiles/BlogFile/8/293276/c7.jpg);background-repeat:no-repeat;padding-bottom:140px;background-position:bottomcenter;margin-bottom:15px;}/style第一步:有多少个栏目PS多少张图片,建议图片大小为140*80像素。宽度不能超过170像素,高度任意,建议图片做到一样大小,这样更好看。第二步:分析你自己大学城的代码,右击自己的空间然后选择“查看源文件”,在源文件中用Ctrl+F查找左侧栏目的名称,如“网页设计客户端技术”(这是我的拉,你查你自己的哟),记录下来那个图片的id,如我的是“85605”,如此方法,将你的左侧栏目的所有id记录下来。imgid=itemImg_85605title=网页设计客户端技术……第三步:复制我上面代码的并对它进行修改,举例如下#divMenu_85605{background-image:url(/UploadFiles/BlogFile/8/287426/c1.jpg);background-repeat:no-repeat;padding-bottom:70px;background-position:bottomcenter;margin-bottom:10px;}红色字体部分就是你查到的你的那个栏目的id(注意,你设置的该栏目的图片是在该栏目的顶部显示的);绿色字体部分就是你上传到空间的图片的链接;蓝色字体需要根据你的图片大小去调整效果,padding-bottom为图片距离顶边的距离,margin-bottom为各栏目之间相隔的距离,这2个参数可以通过调整他们的大小测试一下他们的作用。左边一栏(文字)目标题的字体颜色、字体和字号styletype=TEXT/CSS.link{color:blue;font-size:14px;FONT-SIZE:8pt楷体;}/style右边一栏(文字)小栏目标题的字体、字号、文字颜色styletype=TEXT/CSS.i_space_lr.i_title_d{color:blue;font-size:14px;FONT-SIZE:8pt;楷体_GB2312;}/style以上代码可以改变右边一栏“最近登录的好友”、“我发起的学习俱乐部”、“我加入的俱乐部”,3个子栏目标题的字体颜色、字体和字号。中间一栏(文字)小栏目标题的字体、字号、文字颜色styletype=TEXT/CSS.title_d{color:blue;font-size:14px;FONT-SIZE:8pt楷体_GB2312;}/style以上代码可以改变中间一栏“我的空间动态”、“简介”、“留言板”、“评论”,4个子栏目标题的字体颜色、字体和字号。“世界大学城”图标不显示styletype=TEXT/CSS.pageMeta{filter:alpha(opacity=0);}.welcome{filter:alpha(opacity=100);}/style这个图标在左上角,如果设置了背景(不是白色)或背景图片,则这个图片有点碍眼。以下代码可以不显示这个图片,但鼠标指向它的时候,仍会变成手,单击它可以链接到“世界大学城”的首页。换行代码:/br文字链接代码:ahref=填上你需要链接地址填上要输入的文字/a改变鼠标指针形状的代码styletype=TEXT/CSSBODY{CU

1 / 8
下载文档,编辑使用

©2015-2020 m.777doc.com 三七文档.

备案号:鲁ICP备2024069028号-1 客服联系 QQ:2149211541

×
保存成功