哪个高手告诉我怎么装饰校内网

问题描述：

我的校内代码做好了，但我不知道哪个是字体的颜色，我想把字体的颜色换成红色，把背景图片换成半透明状的，高手帮个忙，如果说不清楚加我QQ178276208 备注说明是 “帮助校内网”的 就好了3Q

问题解答：

呵呵，你其他的都会作？
这个比你作好的难吗？

校园网站不能用红色字体，
红色太令人紧张了
不适合，
背景的颜色要用淡暖色，
在陪上淡暗色的字体颜色

1、涂鸦版日志长度限制，加滚动条

现在日志又提供最后一篇预览，可能出现由于日志内容过长，导致页面过长的情况，可以用下面代码限制日志长度

<style type=text/css><!--#userBlog .text{height:200px;overflow-y:auto;} --></style><!--日志长度限制-->

height的值限制高度，自行调整，overflow:auto;为加滚动条，另外如果想让垂直滚动条一直显示，可以用overflow-y:scroll;

2、涂鸦板留言板长度限制，加滚动条(参考了Maple同学的源代码)

有同学嫌留言板过长，影响页面整体效果，可以用下面代码加以限制

<style type=text/css><!--#talk{max-height:500px;overflow:auto;height:expression((this.height<500)?"auto":"500px");overflow:expression((this.height<500)?"visible":"auto");} --></style><!--留言板长度限制-->

其中的500px为高度限制，留言板高度超过500px将出现滚动条，这个值可自行修改为自己满意的值

这个也可以按照第1条的方式，去掉判断语句，代码改为如下形式，会精简些

<style type=text/css><!--#talk{height:500px;overflow:auto;}--></style><!--留言板长度限制-->

3、外校好友栏限制长度，加滚动条

有同学的外校好友栏也比较长，可用如下代码加以限制

<style type=text/css><!--#userFriendUniv{height:200px;overflow-y:auto;} --></style><!--外校好友栏加滚动条-->

不想出现滚动条，把overflow-y:auto;去掉即可

4、替换顶部banner(基本代码来自侯现耀同学，稍加整理)

<style type="text/css"><!--#header{width:500px; position:relative; left:215px; } #header{margin:0;padding-top:40px; background-image:url(图片地址);background-repeat: no-repeat ;}; #logo,#navigation, h1,h2, #universityName{display:none;}; --></style>

其中的width值用来修改显示区域宽度（不是图片宽度），left值用来调整距左侧距离，padding-top值用来调整高度

5、页面各栏背景透明代码

页面全透明代码（保留留言小头像）

<link rel=stylesheet href="http://img.xiaonei.com/photos/20060816/0940/orig14509.css" _fcksavedurl=""http://img.xiaonei.com/photos/20060816/0940/orig14509.css"" _fcksavedurl=""http://img.xiaonei.com/photos/20060816/0940/orig14509.css"" type="text/css" type="text/css"><!--页面透明-->

页面全透明代码（去留言小头像）

<link rel=stylesheet href="http://img.xiaonei.com/photos/20060816/0940/orig14520.css" type="text/css" type="text/css"><!--页面透明-->

校内网今天又更新（汗流不止ing……），用了上面去留言小头像的，会出现留言不能左对齐，替换为下面的代码即可，若有改动，大家提出来，我们会及时更新代码

<link rel=stylesheet href="http://img.xiaonei.com/photos/20060910/0950/orig74780.css" type="text/css" type="text/css"><!--页面透明-->

6、把左边的导航换至右边

<style type=text/css><!--#sidebar{float:right;}--></style><!－把左边的导航换至右边－>

7、顶部导航栏隐藏及透明代码（9月23日更新）

完全隐藏用下面代码

<style type=text/css> <!--#header{display:none;}--></style> <!--隐藏顶部导航栏-->

下面是分别隐藏代码

<style type=text/css> <!--#tagline{display:none;}--></style> <!--隐藏大学生互动空间-->

<style type=text/css> <!--#utility{display:none;}--></style> <!--隐藏你好***-->

<style type=text/css> <!--#navigation{display:none;}--></style> <!--隐藏站内导航-->

下面是顶部透明代码

<style type=text/css><!--#logo{display:none;}#header #tagline,#utility,.widthHeader #navigation {background:transparent;}--></style>

<!--顶部导航栏透明-->

校内网涂鸦板代码 校内网背景图片代码 校内网背景音乐代码校内网滚动文字鼠标样式代码涂鸦版代码

1、群主题栏背景透明

<style type=text/css>#groupForum th { background:transparent;color:transparent;}#groupForum tr.odd { background:transparent;}.even td{background: transparent;}.threadlist{ background:transparent;}</style><!--群主题栏背景透明-->

2、如何添加定位文字、图片？如何添加定位滚动文字，图片？

（1）、定位文字

<div style="position:absolute;Top:1000px;left:266px;width:100px;">我是文字</div>

其中top和left参数用来定位，width用来控制宽度

（2）、定位图片基本上相同

<div style="position:absolute;Top:1000px;left:266px;width:100px;"><img src=图片地址></div>

（3）、定位滚动文字

<DIV style="LEFT: 50px; POSITION: absolute; TOP: 2800px; "><TABLE width="100%" boder=0px height="100%"><TBODY><TR><TD><marquee direction="up" height="600" width="200" scrollamount="1" scrolldelay="100"><font color="颜色"; face="字体"; size=大小>我是文字</font></MARQUEE></TD></TR></TBODY></TABLE></DIV>

left和top参数意义同上，文字间不加回车或<br>，则按照设定的width值自动换行显示，如要文字纵向排列，在文字间加回车或<br>

direction参数为滚动方向，值分别为up，down，left，right，alternate

（4）、定位滚动图片

<DIV style="LEFT: 50px; POSITION: absolute; TOP: 2800px; "><MARQUEE scrollAmount=4 scrollDelay=0 width=600 direction="right"><IMG src="图片1地址" ><IMG src="图片2地址" ></marquee></div>

各参数意义同上，多图滚动则多加几个<IMG src="图片地址" >，中间不加回车或<br>为水平排列，加上回车或<br>为垂直排列

（5）、综合实例，友情链接，效果见我页面左侧

<DIV style="LEFT: 110px; POSITION: absolute; TOP: 800px; "><TABLE width="100%" boder=0px height="100%"><TBODY><TR><TD><marquee direction="up" height="600" width="200" scrollamount="2" scrolldelay="100"><font color="#999999" size=4px face="隶书">说明文字</font><br><br><a href=链接地址1><img src=图片地址1><br>图片说明1</a><br><br><a href=链接地址2><img src=图片地址2><br>文字说明天</a></MARQUEE></TD></TR></TBODY></TABLE></DIV>

3、链接部分的鼠标样式

<style type=text/css><!--body{CURSOR: url('鼠标样式1')}--></style>

<style type=text/css>a {cursor:url('鼠标样式2')}</style>

其中鼠标样式1为普通位置显示样式，鼠标样式2为链接部分显示样式

4、设置音乐默认为静音

在代码里面加上mute=1就可以了

5、如何在回复时加链接

先在记事本中输入下面语句

<head><meta http-equiv="refresh" content="0; url=链接地址"></head>

然后另存为htm文件，比如说“我的页面.htm”，然后把这个文件做为附件上传就可以了

6、如何让背景图片固定且非拼接而成

首先图片大小要适当，至于多大是适当，没有一个统一的标准，因为大家用的浏览器不同，屏幕分辩率不同，目前主流的分辩率是1024×768，所以假定分辩率为1024×768，图片宽度应为1024，小于1024会出现拼接，大于1024右侧会被截断，高度上由于各个浏览器都有一些工具栏，所以可以适当缩水，具体没有试过，我用的626的就可以。

图片大小适当以后，可以用下面代码引用

<body background="图片地址" bgproperties="fixed"></body>

7、涂鸦版多出的空白空间

有时候涂鸦版会多出许多空白空间，使涂鸦版变长，删掉，但是这样一来代码可读性会变得很差，下次改起来很麻烦，有所得就要有所失，想要哪种效果，影响美观，这是由于在不同代码之间的多余的回车，<BR>造成的，解决办法是把这些回车，<BR>都自己斟酌吧。