世界大学城空间美化代码.docx

世界大学城空间美化代码.docx

《世界大学城空间美化代码.docx》由会员分享，可在线阅读，更多相关《世界大学城空间美化代码.docx（11页珍藏版）》请在冰豆网上搜索。

世界大学城空间美化代码

空间首页调整代码

与之间的内容属于CSS样式

body{background-image:

url（screen;background-position:

50%50%}

/*背景图设置代码*/

.banner{padding-top:

0px;padding-left:

0px;height:

275px;background:

url（""）;}

/*设置banner的宽高以及距网页左方和上方的距离*/

#right.space_lr,.title_d,#five_main,#right.i_space_r.i_space_lr,.i_space_r.one{border:

0pxdotted#A5A5A5;}

/*中间以及右侧头像区的边框，dotted为虚线solid为实线*/

.space_l,.link{float:

right}

/*左右栏目互换*/

#all.pageBody.pageMetaimg{display:

none}

/*左上角世界大学城图标隐藏*/

.search{position:

absolute;padding:

0;top:

0px;_top:

0px;right:

5px;z-index:

1000}

.searcha{display:

none}

/*调整上方的搜索框距离*/

.welcome.menu{position:

absolute;top:

0px;leftt:

140px;z-index:

1000;}

.welcome{padding-top:

0px}

/*调整上方文字的距离*/

#left.Tt_a{background:

url（""）repeatscroll00transparent;}

/*一级菜单背景图设置*/

.link#left{border-style:

none;}

/*左侧菜单栏方框设置*/

.line{background:

none;}

/*不显示banner下方的横线*/

#five_menu{padding-left:

100px;}

#five_menuli:

hover{color:

#CC221E;}

#five_menu{background:

url（""）repeat-xscroll00transparent;border:

0pxsolid#C4C176;}

/*个人动态、好友动态、大学城动态背景*/

.five_sec2,.five_sec1{background:

none;background-color:

#08e532;border:

1pxsolidwhite;color:

#000000;}

.five_sec2,.five_sec1:

hover{background:

none;background-color:

#800ed8;border:

1pxsolidwhite;color:

#000000;}

/*个人动态、好友动态、大学城动态颜色设置*/

.link{color:

#14a5fa;font-size:

14px;}

/*一级菜单字体颜色设置*/

.i_space_r,#left,.link,#five_header,.space_lr,.i_space_r.one{background:

url（）;}

/*左右侧头像和菜单栏背景设置*/

.i_space_lr.i_title_d,.i_space_lr.i_main_b,.space_lr.title_d,.zuo.tu,.space_lr.f_e,.i_space_r.link{background:

url（）;}

/*中间空间动态<微博、简介>和头像下方总栏目背景*/

/*自由添加个性flash*/

个人空间代码美化傻瓜教程

1、将代码插入到“居民信息管理”中的“个人爱好”中“自述”内，就可实现界面的美化。

2、以下代码包含：

过场动画、背景图片、横幅图片、表格背景透明、任意位置FLASH动画、欢迎字幕、自述栏目内视频播放、音乐播放器、滚动相册。

3、实际操作中请将中文字全部替换成网络地址，需要将除“字幕”部分其他中文字全部删除！

4、网络地址获取方式：

上网打开合适的图片，右键单击图片，选择属性，复制“地址（URL）”中的地址

5、在本地电脑中的图片等素材如何上传到网上并获取网络地址？

将本地图片等素材（可以是音乐或者FLASH）在个人空间中以文章的方式发布。

此时将素材以附件的方式添加到文章中。

发布成功后，打开浏览。

点击所发的附件，可以看到附件的实际网络地址。

代码如下：

0px;position:

absolute;top:

0px"align=rightsrc="空间过场动画网络地址"width=1300height=888

type=application/octet-stream;;quality="high"wmode="transparent">

--

body{

background:

url（"空间背景网络地址"）repeatscroll!

important;}

-->

.banner{background:

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（""）;}

-60px;position:

absolute;top:

-190px"src="（插入FLASH动画到页面上，可改前面的数值从而改变位置，此代码可重复使用）FLASH网络地址"width="1024"height="768"type="application/x-shockwave-flash"quality="high"

wmode="transparent">

此行代码可以插入视频网络地址，使用时要把此括号内的全部删除）"type="application/x-shockwave-flash"width="480"height="360">

border="0">

大学城装扮代码

背景图片：

FLASH动画

时钟代码

:

彩色文字滚动