<a href="http://www.xnei.net/" target="_blank"><img src="http://www.xnei.net/image/ilogo.gif" alt="校内网代码精灵-校内网美化专业网站,欢迎您的访问" border="0"></a>
注1:为方便起见,文中如无特殊说明,则代码里出现“文字属性”四个字的地方,都有是指
color:文字颜色; font-size:文字大小; font-family:字体;
注2:为方便起见,以下代码中有关链接的属性,只修改a属性的地方,都可以通过修改a:link,a:visited,a:active,a:hover等来修改其链接的其它属性,这里将不一一列举
注3:以下内容都是以我的页面现有内容举例说明的,可以参考我的页面文字所在位置,修改相关文字属性
〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓
一、各部分文字属性单独修改代码
索引
1、左边导航栏链接文字属性
2、用户行为部分
3、来访者和好友部分
4、顶部导航栏部分
5、个人资料栏部分
6、相册部分
7、日志部分
8、涂鸦版部分
9、群部分
10、留言板部分
〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓
1、左边导航栏链接文字属性
包含内容:
我的页面
我的好友
我的日志
我的相册
我的群
我的活动
我的课程
站内信件
帐号信息
如只改变此处文字颜色,用下面代码
<style type=text/css><!--#sidebar #mymenu a{color:文字颜色;}--></style><!--左边导航栏链接文字颜色-->
如需改变此处文字的其他属性,用下面代码
<style type=text/css><!--#sidebar #mymenu a:link{文字属性}#sidebar #mymenu a:visited{文字属性};#sidebar #mymenu a:active{文字属性}; #sidebar #mymenu a:hover{文字属性}--></style><!--左边导航栏链接文字属性-->
用下面代码可以改变各链接之间的间距,其中padding-top的值根据个人喜好自行修改
<style type=text/css><!--#sidebar li{padding-top:30px; }--></style><!--加宽左边栏链接间距-->
用下面代码改变导航栏与顶部的距离,其中padding-top的值根据个人喜好自行修改
<style type=text/css><!--#menu{padding-top:30px; }--></style><!--改变左边栏与顶部距离-->
〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓
2、用户行为部分
包含内容:
编辑我的页面
编辑我的涂鸦板
上传照片
编辑隐私设置
<style type=text/css><!-- #userActions li a{文字属性}--></style>
〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓
3、来访者和好友部分
包含内容:
最近谁看过你的页面
在大连理工的好友
在其它学校的好友
最近谁看过你的页面人的姓名
在大连理工的好友的姓名
在其它学校的好友的学校名称
(1)、包含内容:
最近谁看过你的页面
<style type=text/css><!--#userVisitor h3{文字属性}--></style>
在大连理工的好友
<style type=text/css><!--#userFriend h3{文字属性}--></style>
在其它学校的好友
<style type=text/css><!--#userFriendUniv h3{文字属性}--></style>
(2)、包含内容:
最近谁看过你的页面人的姓名
<style type=text/css><!-- #userVisitor a{文字属性}--></style>
在大连理工的好友的姓名
<style type=text/css><!-- #userFriend a{文字属性}--></style>
在其它学校的好友的学校名称
<style type=text/css><!-- #userFriendUniv a{文字属性}--></style>
〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓
4、顶部导航栏部分
包含内容:
我的首页 随便看看 搜索 邀请朋友 离开
你的页面文字属性
<style type=text/css><!--#header h2{文字属性}--></style>
你的学校文字属性
<style type=text/css><!--#header #universityName{文字属性}--></style>
我的首页 随便看看 搜索 邀请朋友 离开 等文字属性
<style type=text/css><!--#header li a{文字属性}--></style>
〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓
5、个人资料栏部分
包含内容:
孙立超的资料 - 在线 :) (有184人看过)账号信息 [编辑]
姓 名: 孙立超
校内ID: 83354718
注册时间: 2006-10-29 11:09
上线次数: 24
积 分: 269
基本信息 [编辑]
学 校: 黑河学院
院 系: 计算机科学与技术系
入 学: 2004
宿 舍: 4#
高 中: 鸡东二中
家 乡: 黑龙江 鸡西市
生 日: 1986-3-24
星 座: 白羊
性 别: 男生
联系方式 [编辑]
QQ号码: 7934443
MSN : 个人群"大学校内网"欢迎加入!
手机号码: 13555299225
个人网站: 316love.home.sunbo.net
个人信息 [编辑]
兴趣爱好: 唱歌 • 打球 • 抽烟
喜欢书籍: <梦里花落知多少> • <安妮宝贝>
喜欢音乐: 九公主 • 急救室 • 有什么不好意思么 • 夏雪
喜欢电影: 豪杰春香 • 加勒比海盗
玩的游戏: 梦幻西游 • QQ堂 • QQ音速
(1)、包含内容:
孙立超的资料
<style type=text/css><!--#userProfile h3{文字属性}--></style>
(2)、包含内容:
- 在线 :) (有184人看过)
<style type=text/css><!--#userProfile .count,#userProfile .stat{color:颜色;font-size:大小;font-family:字体;} --></style>
分两部分,#userProfile .count这个控制的是184这串数字,#userProfile .stat这个控制的是“在线/离线 有 人看过”这几个字的属性
(3)、包含内容:
黑河学院
计算机科学与技术
2004
#4
黑龙江 鸡西
1986 -3 -24
白羊
唱歌 • 打球 • 抽烟
<梦里花落知多少> • <安妮宝贝>
九公主 • 急救室 • 有什么不好意思么 • 夏雪
豪杰春香 • 加勒比海盗
梦幻西游 • QQ堂 • QQ音速
另外还包含此处的“修改”链接
<style type=text/css><!--#userProfile a{文字属性}--></style>
如要修改链接的其它属性,用下面代码
<style type=text/css><!--#userProfile a:link{文字属性}#userProfile a:visited{文字属
性};#userProfile a:active{文字属性}; #userProfile a:hover{文字属性}--></style>
如不想包含“修改”链接,可在以上两个代码的最后加上如下代码,单独修改这个链接的文字属性
#userProfile .more a{文字属性}
(4)、包含内容:
帐号信息 基本信息 联系方式 个人信息
<style type=text/css><!--#userProfile h4{文字属性}--></style>
(5)、包含内容:
姓 名: 孙立超
校内ID: 83354718
注册时间: 2006-10-29 11:09
上线次数: 24
积 分: 269
左侧条目文字属性
<style type=text/css><!--#AccountInfo .userProfileItem{文字属性}--></style>
右侧内容文字属性
<style type=text/css><!--#AccountInfo .userProfileItemValue{文字属性}--></style>
(6)、包含内容:
学 校: 黑河学院
院 系: 计算机科学与技术系
入 学: 2004
宿 舍: 4#
高 中: 鸡东二中
家 乡: 黑龙江 鸡西市
生 日: 1986-3-24
星 座: 白羊
性 别: 男生
左侧条目文字属性
<style type=text/css><!--#BasicInfo .userProfileItem{文字属性}--></style>
右侧内容文字属性
<style type=text/css><!--#BasicInfo .userProfileItemValue{文字属性}--></style>
(7)、包含内容:
QQ号码: 7934443
左侧条目文字属性
<style type=text/css><!--#ContactInfo .userProfileItem{文字属性}--></style>
右侧内容文字属性
<style type=text/css><!--#ContactInfo .userProfileItemValue{文字属性}--></style>
(8)、包含内容:
兴趣爱好: 唱歌 • 打球 • 抽烟
喜欢书籍: <梦里花落知多少> • <安妮宝贝>
喜欢音乐: 九公主 • 急救室 • 有什么不好意思么 • 夏雪
喜欢电影: 豪杰春香 • 加勒比海盗
玩的游戏: 梦幻西游 • QQ堂 • QQ音速
左侧条目文字属性
<style type=text/css><!--#PersonalInfo .userProfileItem{文字属性}--></style>
右侧内容文字属性
<style type=text/css><!--#PersonalInfo .userProfileItemValue{文字属性}--></style>
〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓
6、相册部分
包含内容:
孙立超的相册 所有相册
卡通...
更新于10月30日
(1)、包含内容:
孙立超的相册
<style type=text/css><!--#userAlbum h3{文字属性}--></style>
(2)、包含内容:
所有相册
<style type=text/css><!--#userAlbum .more a{文字属性}--></style>
(3)、包含内容:
卡通(即相册名称)
<style type=text/css><!--#userAlbum h4 a{文字属性}--></style>
(4)、包含内容:
更新于10月30日(即日相册更新日期)
<style type=text/css><!--#userAlbum .subinfo{文字属性}--></style>
〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓
7、日志部分
包含内容:
孙立超的日志 写新日专 所有日志
(1)、包含内容:
孙立超的日志
<style type=text/css><!--#userBlog h3{文字属性}--></style>
(2)、包含内容:(即日志标题)
可曾记得爱
梦执着
<style type=text/css><!--#userBlog h4 a{文字属性}--></style>
(3)、包含内容:(即写日志时间)
10月..日 09:58
10月..日 11:55
<style type=text/css><!--#userBlog .article .time{文字属性}--></style>
(4)、包含内容:(即最后一篇日志内容)
可曾记得爱
<style type=text/css><!--#userBlog .text{文字属性}--></style>
(5)、包含内容:
阅读 (7) | 评论 (1)
<style type=text/css><!--#userBlog .stat a{文字属性}--></style>
貌似目前推荐还不可用,如果想连推荐一起修改可用下面代码,但不能改颜色
<style type=text/css><!--#userBlog .stat{文字属性}--></style>
(6)、包含内容:
编辑
<style type=text/css><!--#userBlog .edit a{文字属性}--></style>
(7)、包含内容:
写新日专 所有日志
<style type=text/css><!--#userBlog .more a{文字属性}--></style>
〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓
8、涂鸦版部分
包含内容:
涂鸦版 修改
(1)、包含内容:
涂鸦版
<style type=text/css><!--#userPandora h3{文字属性}--></style>
(2)、包含内容:
修改
<style type=text/css><!--#userPandora .edit a{文字属性}--></style>
〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓
9、群部分
包含内容:
加入的群 修改
大学校内网.....
(1)、包含内容:
加入的群
<style type=text/css><!--#userGroup h3{文字属性}--></style>
(2)、包含内容:
大学校内网
<style type=text/css><!--#userGroup .boxcont a{文字属性}--></style>
(3)、包含内容:
修改
<style type=text/css><!--#userGroup .more a{文字属性}--></style>
〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓
10、留言板部分
 ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄
包含内容:(此处省略部分内容)
孙立超的留言板
*** (**大学) 2006-08-09 20:38 回复 | 删除
谢谢你~
………………………………………………………………………………
所有留言
(1)、包含内容:
孙立超的留言板
<style type=text/css><!--#userTalk h3{文字属性}--></style>
(2)、包含内容:(即外来留言者和删除、所有留言等链接,此处省略部分内容)
***
***
………………
<style type=text/css><!--#userTalk a{文字属性}--></style>
(3)、包含内容:(即页面所有者姓名、外来留言者学校,此处省略部分内容)
(**大学)
(**大学)
孙立超………………
<style type=text/css><!--#userTalk .article .author{文字属性}--></style>
(4)、包含内容:(即留言时间,此处省略部分内容)
2006-08-09 20:38
2006-08-09 19:54
2006-08-09 19:45
………………
<style type=text/css><!--#userTalk .article .time{文字属性}--></style>
(5)、包含内容:(即留言内容,此处省略部分内容)
谢谢你~
…………………………………………
<style type=text/css><!--#userTalk .text{文字属性}--></style>
〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓
11、底部导航栏部分
“© 2006 易寻在线”这几个字的颜色和字体的修改是
<style type=text/css><!--#footer p{文字属性;}--></style>
(感谢毛向毅同学提供代码)
给管理员留言|关于本站|加入我们|隐私声明|帮助
京ICP证060414号
<style type=text/css><!--#footer a{文字属性}--></style>
〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓
二、文字属性综合修改代码
如果想使整个页面的文字风格完成一致,只要5行代码即可
1、所有h3文字属性
包括内容:
孙立超的资料
孙立超的日志
涂鸦板
加入的群
孙立超的留言板
最近谁看过孙立超的页面
在黑河学院的好友
在其它学校的好友
<style type=text/css><!--.box h3{文字属性}--></style><!-所有h3文字属性->
〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓
2、正文文字属性
包括内容:
个人资料,日志,涂鸦版,留言板等非链接部分文字
<style type=text/css><!--body{文字属性}--></style><!-正文文字属性->
〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓
3、链接文字属性
包括内容:
除顶部导航栏外的其它链接文字属性
<style type=text/css><!--A:link{文字属性}; A:visited{文字属性}; A:active{文字属性}; A:hover{文字属性};--></style><!-链接文字属性->
〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓
4、帐号信息等文字属性
包括内容:
帐号信息
基本信息
联系方式
个人信息
以及“姓名”等
<style type=text/css><!--#userProfile h4{文字属性}#AccountInfo .userProfileItem{文字属性}#BasicInfo .userProfileItem{文字属性}#ContactInfo .userProfileItem{文字属性}--></style><!-账号信息等文字属性->
〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓
5、顶部导航栏文字属性
包括内容:
我的首页 随便看看 搜索 邀请朋友 离开
孙立超的页面 黑河学院
<style type=text/css><!--#header #universityName{color:#999999}#header h2{color:#999999}#header li a{color:#999999;}--></style><!-顶部导航栏文字属性->
〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓
当然也可以把这些代码放在一行代码里
<style type=text/css><!--.box h3{文字属性}body{文字属性}A:link{文字属性}; A:visited{文字属性}; A:active{文字属性}; A:hover{文字属性}#userProfile h4{文字属性}#AccountInfo .userProfileItem{文字属性}#BasicInfo .userProfileItem{文字属性}#ContactInfo .userProfileItem{文字属性}#header #universityName{color:#999999}#header h2{color:#999999}#header li a{color:#999999;}--></style><!-文字属性统一风格代码->
〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓
其它一些可能用得到的代码
1、加宽左边栏链接
<style type=text/css><!--#sidebar li{margin:0;padding-top:30px; }--></style><!--加宽左边栏链接间距-->
2、改变左边栏与顶部距离
<style type=text/css><!--#menu{padding-top:30px; }--></style><!--改变左边栏与顶部距离-->
3、限制最后一篇日志预览长度,以及加滚动条
<style type=text/css><!--#userBlog .text{height:200px;overflow-y:auto;} --></style>
4、留言板文字加宽显示
<style type=text/css><!--#userTalk .text{width:590px}--></style>
值为300适合于没去了小头像的,值为365适合于去了小头像的,值为530适合于用</div>加宽留言板,但没有去小头像的,值为590适合于用</div>加宽留言板,又去小头像的,至于加多个</div>的,这个值自行调整吧
下面附上颜色对照表一个,朋友们自行调整喜欢的颜色吧
