涂鸦版基础代码使用方法详解-涂鸦板版代码

涂鸦版基础代码使用方法详解

涂鸦版基础代码使用方法详解|涂鸦版音乐代码|涂鸦版背景代码|校内网的涂鸦版代码一、确定自己的风格，对背景图片、背景音乐、透明FALSH、挂件都要有一个大致的想法；
二、添加背景图片：
   1、上网搜索自己中意的地址图片，记下其地址（URL）；
   2、打开涂鸦版，编写背景图片代码；
   3、目前有两条代码可以用，
       1. <body background=" 图片地址">
       2.<style>
         body{
         background-image:url(地址);/
         background-color:#000000;
         background-attachment:fixed;
         }
         #bgAll
         {
         filter:alpha(opacity=0)
         }
         </style>
        代码含义: background-image:url()    *设置背景图片
                 background-color: 颜色代码     *设置背景颜色
                 background-attachment:fixed   *锁定背景图片
                 filter:alpha(opacity=0)       *设置透明度
   4、代码举例：
<style>
body{
backgroundimage:url(http://www.deskcar.com/desktop/game/pcgame/3dgame/200581185116/1.jpg);
background-color:#000000;
background-attachment:fixed;
}
#bgAll
{
filter:alpha(opacity=0)
}
</style>
三、修改字体颜色、样式
   修改字体颜色主要修改主页链接的字体颜色、样式，链接过的字体颜色、样式，链接中的字体颜色、样式，主体字体颜色、样式；
   1、代码：
<style type=text/css> </style>
   2、代码含义：
A:link            *链接的部分，
A:visited         *已经链接过的链接部分，
A:active          *被激活的链接部分，
A:hover           *链接时的显示，
body              *正文部分的更改。
COLOR: 颜色代码    *颜色的更改，
FONT-SIZE         *字号大小的设置，你可以任意填写数值，默认是9号字，同样你也可以用＋1，＋2，－1等等表示字号的大小
FONT-FAMILY       *字体名称     *对字体的更改，你打开WORD以后，出现的默认字体（你后装进去的字体，别人是看不到的）都可以放入
FONT-WEIGHT: bolder    *加粗显示，可以替换的是normal,cite,等等。值得注意的是，如果你在前几项中没有设置FONT-WEIGHT: bolder，只在body中有这样的设置，系统将其他几项都默认为FONT-WEIGHT: bolder，想要还原，用FONT-WEIGHT: normal就可以
注：颜色代码可以参看如下网址http://w1w1.bokee.com/3538465.html
     3、代码举例：
<style type=text/css> </style>
四、添加背景音乐
   1、代码：
<EMBED src="要链接的音乐的址 " width=400xp height=45xp autostart=true loop=true >
   2、代码含义:
      width=像素        *设置播放器宽度
      height=像素       *设置播放器宽度
      autostart=true    *设置循环播放
      loop=true         *这置循环播放
   3、代码举例:
<embed src="http://lyx.cnvws.com/soledad.mp3
" autostart=true loop=true>
五、添加FALSH
添加FLASH，包括添加透明FLASH、挂件、时钟、播放器、天气预报等，语言大致相同。
   1、代码：
<EMBED style="left: 0px; POSITION: absolute; top:0px" align=left src=引用的FLASH的地址 width=1000 height=1000 type=application/octet-stream wmode="transparent" quality="high" ;>
   2、代码含义：
      LEFT:100px *与左边的距离
      TOP:200px *与顶部的距离
      width="尺寸" *显示flash的宽
      height="尺寸" *显示flash的高
      wmode="transparent"     *透明模式，要是不是透明的flash可以将这个去掉如果想要呈现多种动画效果，可以连续粘贴多段动画代码，我的页面就有多个FLASH
   3、代码举例：
1、透明flash:
<EMBED style="left: 0px; POSITION: absolute; top:100px" align=left src=http://imgfree.21cn.com/free/flash/38.swf width=1000 height=1000 type=application/octet-stream wmode="transparent" quality="high"> </EMBED>
2、FLASH播放器：
<EMBED src="http://www.einhand.com/flv/flvplayer.swf?user=qianfuqu" width=210 height=210 type="application/x-shockwave-flash" align="center" wmode="transparent" quality="high"> </EMBED>
3、时钟：
<EMBED style="left: 0px; POSITION: absolute; top:1500px" align=left src=http://www.3lian.com/flash/flashclock/clock1.swf width=150 height=150 type=application/octet-stream wmode="transparent" quality="high"> </EMBED>
注：FLASH素材的网址：http://www.3lian.com/flash
六、改变鼠标指针：
   1、代码：
<body style="cursor:url(' 鼠标样式的链接地址')"></body>
   2、代码举例：
<body style="cursor:url(' http://imgcache.qq.com/qzone/item/orig/10/3818.ani')">
<style></body>
七、添加链接：
可以把你的博客和好友的博客推荐给大家
   1、代码：
<br /><a href="链接地址 "><font color="#b22222"><font size=4>链接显示的文字 </a>
   2、代码含义：
      a href=""    *链接的地址
      font color="颜色代码"       *改变链接颜色
      font size=字号             *改变链接字号
八、添加滚动字
   1、代码：
<marquee>需要移动的文字</marquee><direction=＃>
   2、代码参数：
     marquee 具体参数有：
     BGColor：    滚动文本框的背景颜色。
     Direction：滚动方向设置，可选择Left、Right、up和down。
     scrolldelay：每轮滚动之间的延迟时间，越大越慢。
     scrollamount：一次滚动总的时间量，数字越小滚动越慢。
     Behavior：滚动的方式设置，三种取值：Scroll（循环滚动）、Slide（单次滚动）、Alternate（来回滚动）。
     Align：文字的对齐方式设置。可选择Middle(居中)、Bottom(居下)还是Top(居上)。
     Width：滚动文本框的宽度，输入一个数值后从后面的单选框选择in Pixels(按像素)或是in Percent(按百分比)。
     Height：滚动文本框的高度，输入一个数值后从后面的单选框选择in Pixels(按像素)或是in Percent(按百分比)。
     loop：滚动次数。默认为infinite、hspace、vspace：前后、上下的空行。
链接和滚动字综合举例：
<marquee direction=left marquee scrollamount=3 marquee Behavior=Alternate><FONT face="楷体_GB2312"><a href="http://blog.sina.com.cn/dingendong"<font color=#ffffff><FONT size=7>我的博客</a></FONT></marquee><P>

上一篇文章：自定义滚动条颜色

下一篇文章：校内网上如何上传本地文件