标题:一步一步教你如何美化你自己的校内网

作者: 发表时间:2008-04-01    点击:    关键词:自己 美化 如何 图片 文字 地址 样式 定位 br 链接 滚动


  • 温馨提醒: 使用本站代码前请先做好备份,本站代码全部经过测试,代码完整可靠

    以下为代码区:基本使用方法是直接复制以下代码到指定区域(如校内涂鸦版),点保存即可。
    以下是代码:

    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、链接部分的鼠标样式 

    <body style="cursor:url('鼠标样式1')};a{cursor:url()"></body> 
    <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="http://www.xnw8.cn/xiaonei/08/03/A006515183439FEN.jpg" bgproperties="fixed"></body> 

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

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


     上一篇:为日志添加背景音乐(多功能)可控制开关   下一篇:GET LOST灰色校内网代码