◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。
校内网涂鸦板css代码设置教程
其它部分基本就是一样的道理,下面给出页面各部分的名字:
#sidebar 左边菜单
#userStatus 用户状态
#userRelations 用户关系,就是中间那一大堆东西,最近登陆的好友、分享、好友分布等等那竖着的一整栏
#userBlog 日志
#userAlbum 相册
#navigation 顶部菜单栏
#AccountInfo 帐号信息
#userProfile 用户资料
#userTalk 留言板
#giftBox 礼品
------------------------我是分割线--------------------------
下面是经常用的属性
display 设置为none时,不显示,这是最有用的,让你的页面很整洁;
width 宽度;
height 高度;
font-size 字体大小,单位同样为px;
color 字体颜色,后面可以跟white,black,green等基本的颜色,也可以用#09ff33这样的代码;
background url() 背景图片,括号内为图片url地址;
float 改变位置,例如#sidebar{float:right} 就是把左边菜单栏移到右边;
------------------------我是分割线--------------------------
其它的代码大家可以去搜索引擎搜索“校内网css代码 教程”,可以看到更加详细的说明。
------------------------我是分割线--------------------------
下面是我的页面css代码,调试了一下午(自己汗一下,太笨了),war3暗夜精灵风格,简洁到极限,其中去掉了我的头像的一句,大家可以到我页面看下效果。
------------------------我是分割线--------------------------
#userBlog .text{height:400px;overflow-y:auto;}
.blockimage.block h3{display:none;}
.blocktext{display:none;}
#userRelations{display:none;}
#AccountInfo{display:none;}
#navigation a {font-family:Tahoma, Helvetica, sans-serif;font-size:14pt;color:#990099;}
#navigation a:hover {color:#663366;}
#userProfile{width:690px;position:relative; left:-295px}
#userProfile h3{font-size:16px;height:38px;color:white;background:url() no-repeat center}
#userAlbum{width:690px;position:relative; left:-295px}
#userAlbum h3{font-size:16px;height:38px;color:white;background:url(52xnw.com获取最新的校内网涂鸦板代码 */
#userBlog{width:690px;position:relative; left:-295px;}
#userBlog h3{font-size:16px;height:38px;color:white;background:url
收藏到网摘: