校内网教程-页面所有文字属性修改方法

关键词：
  • 注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人看过)账号信息 [编辑]
    姓　　名： 孙立超
    校内ＩＤ： 83354718
    注册时间： 2006-10-29 11:09
    上线次数： 24
    积　　分： 269

    基本信息 [编辑]
    学　　校： 黑河学院
    院　　系： 计算机科学与技术系
    入　　学： 2004
    宿　　舍： 4#
    高　　中： 鸡东二中
    家　　乡： 黑龙江 鸡西市
    生　　日： 1986-3-24
    星　　座： 白羊
    性　　别： 男生

    联系方式 [编辑]
    ＱＱ号码： 7934443
    ＭＳＮ　： 个人群＂大学校内网＂欢迎加入！
    手机号码： 13555299225
    个人网站： 316love.home.sunbo.net

    个人信息 [编辑]
    兴趣爱好： 唱歌 • 打球 • 抽烟
    喜欢书籍： ＜梦里花落知多少＞ • ＜安妮宝贝＞
    喜欢音乐： 九公主 • 急救室 • 有什么不好意思么 • 夏雪
    喜欢电影： 豪杰春香　 • 加勒比海盗
    玩的游戏： 梦幻西游　 • ＱＱ堂 • ＱＱ音速　

    (1)、包含内容：
    孙立超的资料

    <style type=text/css><!--#userProfile h3{文字属性}--></style>

    2)、包含内容：
    - 在线 :) (有１８４人看过)

    <style type=text/css><!--#userProfile .count,#userProfile .stat{color:颜色;font-size:大小;font-family:字体;} --></style>
    分两部分，#userProfile .count这个控制的是１８４这串数字，#userProfile .stat这个控制的是“在线/离线 有 人看过”这几个字的属性

    (3)、包含内容：
    黑河学院
    计算机科学与技术
    2004
    ＃４
    黑龙江　鸡西
    1986 -3 -24
    白羊
    唱歌 • 打球 • 抽烟
    ＜梦里花落知多少＞ • ＜安妮宝贝＞
    九公主 • 急救室 • 有什么不好意思么 • 夏雪
    豪杰春香　 • 加勒比海盗
    梦幻西游　 • ＱＱ堂 • ＱＱ音速
    另外还包含此处的“修改”链接

    <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)、包含内容：
    姓　　名： 孙立超
    校内ＩＤ： 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)、包含内容：
    ＱＱ号码： 7934443

    左侧条目文字属性
    <style type=text/css><!--#ContactInfo .userProfileItem{文字属性}--></style>
    右侧内容文字属性
    <style type=text/css><!--#ContactInfo .userProfileItemValue{文字属性}--></style>

    (8)、包含内容：
    兴趣爱好： 唱歌 • 打球 • 抽烟
    喜欢书籍： ＜梦里花落知多少＞ • ＜安妮宝贝＞
    喜欢音乐： 九公主 • 急救室 • 有什么不好意思么 • 夏雪
    喜欢电影： 豪杰春香　 • 加勒比海盗
    玩的游戏： 梦幻西游　 • ＱＱ堂 • ＱＱ音速　


    左侧条目文字属性
    <style type=text/css><!--#PersonalInfo .userProfileItem{文字属性}--></style>
    右侧内容文字属性
    <style type=text/css><!--#PersonalInfo .userProfileItemValue{文字属性}--></style>

    〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓


    6、相册部分
    包含内容：
    孙立超的相册 所有相册
    卡通．．．
    更新于１０月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)、包含内容：(即写日志时间)
    １０月..日 09:58
    １０月..日 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>的，这个值自行调整吧

    下面附上颜色对照表一个,朋友们自行调整喜欢的颜色吧

您有网站或博客、百度、校内空间吗？使用Google AdSense，让它为你带来一笔意外的收入

玩转校内，使用FireFox，抵御流氓插件、抗病毒，冲浪更快更爽更安全

发表时间：2007-10-27 | 评论 (0) | 复制本页地址 | 打印

相关文章

发表评论/ 全部评论

  • 用户名： （新注册）
  • 密 码 ：
  • 匿名发表:

推荐文章