| |
| 您现在的位置： 爱51代码网 >> 涂鸦板版代码 >> 文章正文 |
| 校内网通用常见问题及技巧 |
| 校内网通用常见问题及技巧 |
|
校内网通用常见问题及技巧|涂鸦版音乐代码|涂鸦版背景代码|校内网的涂鸦版代码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用来控制宽度
（２）、定位图片基本上相同
<div style="position:absolute;Top:1000px;left:266px;width:100px;"><img src=图片地址></div>
（３）、定位滚动文字
<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
（４）、定位滚动图片
<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>为垂直排列
（５）、综合实例，友情链接，效果见我页面左侧
<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=链接地址１><img src=图片地址１><br>图片说明１</a><br><br><a href=链接地址２><img src=图片地址２><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、如何让背景图片固定且非拼接而成
首先图片大小要适当，至于多大是适当，没有一个统一的标准，因为大家用的浏览器不同，屏幕分辩率不同，目前主流的分辩率是1024×768，所以假定分辩率为1024×768，图片宽度应为1024，小于1024会出现拼接，大于1024右侧会被截断，高度上由于各个浏览器都有一些工具栏，所以可以适当缩水，具体没有试过，我用的626的就可以。
图片大小适当以后，可以用下面代码引用
<body background="图片地址" bgproperties="fixed"></body>
6、涂鸦版多出的空白空间
有时候涂鸦版会多出许多空白空间，使涂鸦版变长，删掉，但是这样一来代码可读性会变得很差，下次改起来很麻烦，有所得就要有所失，想要哪种效果，影响美观，这是由于在不同代码之间的多余的回车，<BR>造成的，解决办法是把这些回车，<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用来控制宽度
（２）、定位图片基本上相同
<div style="position:absolute;Top:1000px;left:266px;width:100px;"><img src=图片地址></div>
（３）、定位滚动文字
<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
（４）、定位滚动图片
<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>为垂直排列
（５）、综合实例，友情链接，效果见我页面左侧
<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=链接地址１><img src=图片地址１><br>图片说明１</a><br><br><a href=链接地址２><img src=图片地址２><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、如何让背景图片固定且非拼接而成
首先图片大小要适当，至于多大是适当，没有一个统一的标准，因为大家用的浏览器不同，屏幕分辩率不同，目前主流的分辩率是1024×768，所以假定分辩率为1024×768，图片宽度应为1024，小于1024会出现拼接，大于1024右侧会被截断，高度上由于各个浏览器都有一些工具栏，所以可以适当缩水，具体没有试过，我用的626的就可以。
图片大小适当以后，可以用下面代码引用
<body background="图片地址" bgproperties="fixed"></body>
6、涂鸦版多出的空白空间
有时候涂鸦版会多出许多空白空间，使涂鸦版变长，删掉，但是这样一来代码可读性会变得很差，下次改起来很麻烦，有所得就要有所失，想要哪种效果，影响美观，这是由于在不同代码之间的多余的回车，<BR>造成的，解决办法是把这些回车，<BR>都自己斟酌吧。
|
上一篇文章： 校内网上如何上传本地文件
下一篇文章： 关于如何获得图片网址的问题 |
|
|
