#groupFirstly{overflow:visible;width:130px;position:relative;left:10px;}
————————#content的右边，你可以设置其宽度和能否允许超出部分显示之类的以及移动其位置（想让你的绝对定位图片在任意位置的话就用visible吧否则就hidden）★★★★★★★★★★★★

#content .box h3{color:#990099;font-family:Tahoma, Helvetica, sans-serif;font-size:11pt;background-color:transparent;border-top:solid 0px;}
————————诸如“群名称”“群公告栏”“群论坛”“最近访客”等字体属性设置，框体背景色设置以及其上面的普蓝色分割线的粗细、颜色设置★★★★★★★★★★★★

#groupBulletin{overflow:visible;}
————————允许“群公告栏”超出部分显示（想让你的绝对定位图片在任意位置的话就用visible吧否则就hidden）★★★★★★★★★★★★ 校内网代码www.wzorg.cn
#tabs {border-bottom:solid 0px;}

/*校内网非主流代码来源:www.xiaonei99.com */

————————对“群论坛”下面的各个分区按钮的底部边框的颜色粗细设置

.page{background:transparent;}
.page a{padding:0px 6px; border:solid 0px;background:transparent;}
.page a:hover{border:solid 0px;background:transparent;}
————————这三句是对“1”“2”“下一页>”部分背景设置为空，即透明★★★★★★★★★★★★ /*更多校内网CSS代码www.xiaonei99.com */

#groupForum th {background:transparent;font-weight:bolder;color:#990099;line-height:30px;}
————————对“主题”“作者”“回复”“阅读”“最后回复”这几个字的字体属性的设置★★★★★★★★★★★★

.threadlist{background-color:transparent;border-bottom:solid 0px;}
#groupForum tr.odd{background-color:transparent;}
#groupForum tr.even td{background-color:transparent;}
————————这三句是将群页面帖子的背景设置为空，即透明★★★★★★★★★★★★

.threadlist th{padding:0;}
.threadlist td{padding:0;line-height:19px;}
————————这两句是设置每个帖子的行高，不修改的情况下，如果你想把字的大小设置为12PX或者9PT以上的话就会出现字显示不完整的情况，这是一个看似不起眼但是相当重要的参数★★★★★★★★★★★★

.threadlist th.threadTitle{padding-left:0px;}
————————对帖子标题栏与发帖人姓名栏之间的间距的设置 /*校内网代码:www.xiaonei99.com */
.threadlist th.threadAuthor{width:7em;}
————————对发帖人姓名栏宽度的设置
.threadlist th.threadResponder{width:7em;}
————————对回帖人姓名栏宽度的的设置
.threadlist .time{font-family:Tahoma, Helvetica, sans-serif;color:#990099;}
————————对帖子最后回复时间的字体属性的设置★★★★★★★★★★★★

#groupActions{background:transparent;}
#groupActions a {background:transparent;border-bottom:2px solid #FFCCFF;}
#groupActions a:hover {color: #990099;background:transparent;}
————————这三句是对“管理员工具箱”“邀朋友加入群”“删除本群”“取消订阅”框体的背景色设置为空，即透明，以及对连接字背景色、连接字体属性和连接字下分割线的粗细颜色进行设置 /*更多校内网CSS代码www.xiaonei99.com */

#groupInviter .inputtext{color:#990099;font-weight:bolder;font-family:"Lucida Grande", Arial, Tahoma, Helvetica, sans-serif;background:transparent;border:2px solid #FFCCFF;}
————————这句是对“校内ID”下面那个小文本框的背景设置为空，并对区域中的字体属性和连接字下分割线的粗细颜色进行了设置★★★★★★★★★★★★

#groupForum form {background-color:transparent;border-top:0px;}
.promolink li{background:url()}
————————这两句是将“新主题”的外部框架及其附近相关联区域背景设置为空，即透明，且去掉了其上的分割线★★★★★★★★★★★★

#postForm .inputtext{color:#990099;font-weight:bolder;font-family:"Lucida Grande", Arial, Tahoma, Helvetica, sans-serif;background:transparent;border:2px solid #FFCCFF;}
————————这句是将“新主题”右边的帖子标题区域背景设置为空，即透明，并对帖子标题区域中的字体属性和连接字下分割线的粗细颜色进行了设置★★★★★★★★★★★★ 校内网代码www.wzorg.cn

/*校内网代码:www.xiaonei99.com */

* Form Elements * input, textarea, select {color:#990099;font-weight:bolder;font-family:"Lucida Grande", Arial, Tahoma, Helvetica, sans-serif;background:transparent;}
textarea{border:2px solid #FFCCFF;}
.resizable-textarea{background:transparent;}
.resizable-textarea .grippie{display:none;}
————————这三句是将“新主题”下面的帖子内容区域背景设置为空，即透明，并对帖子内容区域中的字体属性和连接字下分割线的粗细颜色进行了设置，且去掉了其下蛋白色拖动条★★★★★★★★★★★★

* html .inputbutton, * html .inputsubmit {border-left:1px solid #FFCCFF;border-top:1px solid #FFCCFF;border-right:1px solid #FFCCFF;border-bottom:1px solid #FFCCFF;background:#990099;font-size:10pt;color:#FFCCFF;}
*+html .inputbutton, *+html .inputsubmit{border:1px solid;border-color:#FFCCFF #FFCCFF #FFCCFF #FFCCFF;font-family:Tahoma, Helvetica, sans-serif;font-size:9pt;color:#FFCCFF;background:#990099;}
————————这两句是对“邀请朋友加入”下的“发送”这两个字所在的按钮（包括其边框和其背景色）和被激活后的框体及其字体属性进行设置★★★★★★★★★★★★

input.subbutton {border:1px solid;border-color:#FFCCFF #FFCCFF #FFCCFF #FFCCFF;font-family:Tahoma, Helvetica, sans-serif;font-size:9pt;color:#FFCCFF;background:#990099;}
input.canbutton {border:1px solid;border-color:#FFCCFF #FFCCFF #FFCCFF #FFCCFF;font-family:Tahoma, Helvetica, sans-serif;font-size:9pt;color:#FFCCFF;background:#990099;}
————————这两句是对“发表”“取消”这几个字所在的按钮（包括其边框和其背景色）和被激活后的框体及其字体属性进行设置★★★★★★★★★★★★


#footer {position:absolute;top:1380px;left:50((50.body.clientWidth-this.offsetWidth)/2);}
————————底部“给管理员留言”及其附近区域的设置，你可以设置其宽度以及移动其位置

#footer p{color:#990099;}
————————对“© 2006 易寻在线”这几个字的字体属性设置
.shy a{color:#00FF00;font-size:10pt;font-family:Tahoma, Helvetica, sans-serif;text-decoration:none;}
————————对“京ICP证060414号”这几个连接字的字体属性设置
#permalink{display:none;}
————————去掉最下面那个“复制****连接发给好友”的

3.如何参考别人的源代码（希望大家能够尊重原创者的心血，仅仅将其用来参考，以便设计出更美观的网页，而不是完全的克隆）：★★★★★★★★★★★★

具体步骤——在浏览器最上面的右边大家可以看到有“文件（F）”“编辑（E）”“查看（V）”等项目，点击“查看”，然后点“源文件（C）”，最后在这个源文件中用热键（Ctrl+F）查找“涂鸦板”这几个字，即可获取别人涂鸦板里的所有源代码。 /*校内网非主流代码来源:www.xiaonei99.com */
PS：最近看见很多人想通过禁用右键来避免别人克隆他们的网页，其实这不过是掩耳盗铃，而且也是对访客权限的不尊重（如：不能在新窗口中打开页面等），当然和别人页面完全一样确实不是太好，对于这个问题你可以通过直接和他交谈来解决，相信大家都是讲道理的人他尊重你，别人也会尊重他，但前提是你在他访问你页面的时候先尊重了他：）~~~

4.如何让“初级克隆爱好者”完全克隆你的页面后，其页面中到处都有你的广告，从而逼迫其不得不放弃完全使用你的代码：★★★★★★★★★★★★ 校内网代码www.wzorg.cn

  /*更多校内网非主流代码www.xiaonei99.com */

为防止“初级克隆爱好者”破解，具体方法不便于直接写出来，有兴趣的朋友可以来M-aple或者我的页面查看源代码，有不明白的地方可以给我发站内信，但是提问前要附带你自己制作的CSS文档以表示你是用心学习了的，绝不会完全克隆别人的页面。



校内网代码以上就是群页面所有直接可视框体和部件，要想对更多被激活后才可见的框体和窗口进行美化，可以参看群页面的源代码：
要参考系统默认的CSS源代码可以在上述的那个“源文件”中用Ctrl+F查找“.css”这样可以搜索到两个调用CSS文件的代码，分别是
1.<link href="http://static.xiaonei.com/css/main.css?ver=4027" rel="stylesheet" type="text/css" media="all" />
2.<link href="http://static.xiaonei.com/css/home.css?ver=4027" rel="stylesheet" type="text/css" media="all" />
其中1是细节部分，也就是所谓的形式；2是网页框架结构部分；数值“4027”仅仅是CSS文件上传后获得的一个下载地址的构成部分而已。 /*更多校内网非主流代码www.xiaonei99.com */
由于网站的更新此数值随时都可能变化。我们要参看系统默认的CSS文件只需要复制拷贝 /*更多校内网非主流代码www.xiaonei99.com */

上一篇：校内网涂鸦板常用代码编辑方法   下一篇：校內刷人气编辑你的页面