网页空白可以更酷
站长空间
由于使用了很多CSS、JAVA特效,为了页面不会出现经常错位的情况,笔者的网站页面没有居中显示,采用了全部内容靠左显示的方式。这样在浏览网页时,浏览器右边就会出现一大块“空地”,于是,笔者又利用CSS特效,充分利用这些空间,让浏览者可以每次刷新网页时都出现不同背景的酷图(见图)。下面就具体介绍制作方法。

打开自己的站点,查看链接CSS的代码是怎么写的,如果是每个页面都有的话(基本上是相同的),那么你要先把这些链接全部统一起来,否则就不能按照下面的步骤进行改造了。
在数据库连接的文件(如 CONN、ASP)里面增加以下代码(这些代码就是建立随机号码用的计算公式):
<%
Response.AddHeader "Pragma","no-cache"
Response.AddHeader "Cache-Control","no-cache"
Dim picRndNum
Randomize Timer
picRndNum = Cstr(Cint(9*Rnd+1))
%>
然后将原来的代码:<link href="styles/css-font.css" rel="stylesheet" type="text/css">改为:<link href="styles/css-font<%=picRndNum%>.css" rel="stylesheet" type="text/css">,在目录styles下面建立10个css-font(1~10).css空白文件。
打开原来的css-font.css(这是笔者使用的文件名)文件,把body中的代码删除掉。再逐个打开css-font(1~10).css,将以下代码粘贴进去:
body {
margin: 6px;
padding: 0;
scrollbar-base-color: #D2BA95;
scrollbar-arrow-color: #603300;
font: 12px Tahoma, Verdana, "宋体";
background-image:url(../images/a/main(n).jpg);
background-repeat:no-repeat;
background-position:right;
background-attachment:fixed;
}
其中,“background-image:url(../images/a/main1.jpg);”的意思是在根目录下images目录中的a文件夹main(n).jpg,这是用来调用图片的,你要把背景图片都放在这个目录下面,并且让做出来的背景大小、颜色、主题尽可能保持一致,否则会令人觉得不协调的。
“background-repeat:no-repeat;”是不随页面滚动,指的是上下拉动网页时,背景不会随网页跑掉,这样我们就更容易表现出我们的创意背景,特别是一些动漫爱好者,还可以根据时间段来更换自己站点的背景主题。
对于背景图片,笔者制作了10张,放在根目录下的images目录的a文件夹下(可以根据实际情况更改)以便调用。比如,可以把随机码的计算结果位数改为两位,那么就可以表现100张不同的背景了,当然你要花不少的时间来做你的酷站背景。
如果你不想要随机背景,只是想使不同的频道有不同的背景效果,那么就把调用图片那些代码由随机码控制改为域名控制,或其他你自己做的控制就可以了。