首页 | 涂鸦版代码 | 音乐代码 | 校内网教程 | 鼠标代码 | 播放器代码 | css代码 | 校内网非主流 | 校内网人气

首页 | games单机游戏 | 网络工具 | soft常用软件 | game相关 | media媒体工具
您当前的位置:校内资源网文章中心校内网教程 → 文章内容
本类热门文章
相关下载
 
涂鸦板高手之校内网涂鸦板代码编写指南(接上篇)
作者:佚名  来源:不详  发布时间:2007-10-13 16:07:13

减小字体 增大字体

然后下面就是一些常用的美化了

滚动条美化 
留言板加滚动条

<style type=text/css><!--#talk{overflow:auto;height:400px;}--></style><!--留言板加滚动条-->
当留言板长度超过400px时,自动出现滚动条。可以修改该数据。下面类似。

日志加滚动条

<style type=text/css><!--#blog .text{height:262px;overflow:auto;}--></style><!--日志加滚动条-->

外地好友加滚动条

<style type=text/css><!--#userFriendUniv .boxcont{height:190px;overflow:auto;}--></style><!--外地好友加滚动条-->

页面滚动条设置

<style type=text/css><!--html{scrollbar-face-color:#000000;scrollbar-highlight-color:#000000;scrollbar-shadow-color:#b1ff0b;scrollbar-arrow-color:#b1ff0b;scrollbar-track-color:#333333;scrollbar-3dlight-color:#b1ff0b;scrollbar-shadow-color:#b1ff0b; scrollbar-track-color:#000; allowtrancparency:true;}--></style><!--滚动条设置-->

SCROLLBAR-FACE-COLOR: 滚动条表面色
SCROLLBAR-HIGHLIGHT-COLOR: 滚动条竖条背景色
SCROLLBAR-SHADOW-COLOR: 滚动条右侧阴影
SCROLLBAR-3DLIGHT-COLOR: 滚动条左侧边缘
SCROLLBAR-ARROW-COLOR: 滚动条两端不动端上的箭头
SCROLLBAR-TRACK-COLOR: 滚动条竖条颜色
SCROLLBAR-DARKSHADOW-COLOR: 滚动条有下边缘影
SCROLLBAR-BASE-COLOR: 整体基本色

可自行修改。修改color后面的颜色代码。如果你不知道,请查看下面的网站。

颜色朋友们可以到PhotoShop里去选,会显示颜色的代码的,如下图:


代码粘贴到涂鸦板并保存后,第一次浏览可能没现象,可能是服务器缓存的原因。请刷新几次,效果就出现了。

滚动字幕全设置 
使用HTML的Marquee语句则可以产生更多的移动效果:向左、向右、向上、向下。再嵌套使用marquee语句,效果就更加丰富了。

    marquee的基本语法:<marquee> ... </marquee>

说明:与大多数HTML语法元素一样,它也是成双出现的,被修饰对象就放在起始符和终止符之间。请看如下例子:

<marquee> 啦啦啦,真的会动耶!</marquee>

啦啦啦,真的会动耶!

    瞧,简单吧?不过,以上例子只是使用了marquee的默认用法。我们加入相应的参数,它的移动方法就有所不同了。

    参数一:direction。direction的英文意思就是方向。这个参数的取值有四个:left(左)、right(右)、up(上)、down(下)。

例:<marquee direction=up>向上移动</marquee>

向上移动

    参数二:behavior。移动方式。值:scroll(循环移动)、slide(只移动一个回合)、alternate(来回移动)。

例:<marquee direction=left behavior=alternate>哈哈,我来回走!</marquee>

哈哈,我来回走!

<marquee direction=left behavior=slide>累!我只走一次!</marquee>

累!我只走一次!

    参数三:loop。循环。若未指定则循环不止(infinite),其值取数值。例:

<marquee loop=3>我只走三次哦</marquee>

我只走三次哦

    参数四:scrollamount。移动速度。值取正整数。数值越大,速度越快。例:

<marquee scrollamount=25>看,我走多快!</marquee>

看,我走多快!

    参数五:scrolldelay

延时。数值。例:

<marquee scrolldelay=1000>我走一走,停一停</marquee>

我走一走,停一停

参数六:bgcolor

底色。例:

<marquee bgcolor=pink>看到了吧?有底色!</marquee>

看到了吧?有底色!

    参数七:width和height。就是移动的宽度与高度了。例:

<marquee width=200 height=200 bgcolor=pink direction=down>这个面积不够我移动!</marquee>

这个面积不够我移动!

    其他参数:空白(Margins)<hspace=数值 vspace=数值>;对齐方式(Align) <align=top/ middle/bottom>

    在此所举的例了当中,marquee所移动的对象都是文字,其实呢,凡可视对象,只要有足够的区域,marquee都能令它们移动,好了终于完成了,最后祝朋友们做出漂亮的校内网页面,到时候一定要拿到 校内网互踩联盟去SHOW一下噢,互踩地址 http://cai.xnei.cn

[] [返回上一页] [打 印]
文章评论 (评论内容只代表网友观点,与本站立场无关!)

用户名: 查看更多评论

分 值:100分 85分 70分 55分 40分 25分 10分 0分

内 容:

         (注“”为必填内容。) 验证码: 验证码,看不清楚?请点击刷新验证码

关于本站 - 网站帮助 - 广告合作 - 下载声明 - 友情连接 - 网站地图 - 管理登陆