如何在涂鸦板里放代码

html-css011

如何在涂鸦板里放代码,第1张

.添加背景图片代码:

<BODY background="图片链接地址 " bgproperties="fixed">

说明:bgproperties="fixed"为固定背景图片的代码,图片链接地址,可以到百度去搜索喜欢的图片,或者把电脑里面的图片上传到校内网在取地址。

2.背景图片占满整个页面而不是拼接而成的方法

(1) 上传之后,点击帖子中你的图片会另打开一个图片的网页,引用这个新网页的url放到背景代码中,背景就不会小了,是原来大小

(2)上传后直接点击右属性取网址会出现变小,可以把图片扩展名改成mp3再上传,引用的时候就是原来大小了。一般约1024*768或者1000*600的就可以占满屏幕。

以我的背景图片代码为例子

<body background="http://bbs.tianshui.net.cn/UploadFile/2005-9/200591918172665473.mp3"bgproperties="fixed"></body>

附:如何改变文件扩展名

请打开我的电脑[My Computer]->工具[Tools]->文件夹选项[Folder Options]->点击查看[View]选项卡->去掉隐藏已知文件类型的扩展名[Hide extensions for known file types]->点击应用[Apply]->点击确定[OK].

此时将显示所有文件的扩展名

3.添加普通图片,该图片显示在涂鸦面板代码:

<IMG alt=附图 SRC="图片链接地址 ">

4.添加的图片可以做透明华处理效果很梦幻:

使透明的代码就是在原来文件代码的前面加上style="FILTER: alpha(opacity=100 Style=3 FinishOpacity=0)black()"

比如说贴图的透明化<IMG style="FILTER: alpha(opacity=100 Style=3 FinishOpacity=0)black()" src=贴图的网址 width=400 height=300>

5.如何加音乐

代码:<EMBED src="要链接的音乐的地址 " width=400xp height=45xp autostart=true loop=true >

说明:width=400xp height=45xp 这里设置的是播放器的播放窗口的大小,可以修改,autostart=true loop=true这里是音乐自动播放和循环播放,歌曲网络地址不会不知道的吧?呵呵,用百度搜索一下~

6. 主题:如何通过修改涂鸦版往页面上面加flash

<EMBED style="left: 0pxPOSITION: absolutetop:0px" align=left src=引用的FLASH的地址 width=1000 height=1000 type=application/octet-stream wmode="transparent" quality="high" >

解说:对于插入flash 的大小、位置我们都是可以加以控制的。比如:

LEFT:100px (与左边的距离) TOP:200px (与顶部的距离)

width="800" (显示flash的宽) height="800" (显示flash的高)

wmode="transparent",意思是透明模式,要是不是透明的flash可以将这个去掉

如果想要呈现多种动画效果,可以连续粘贴多段动画代码,我的页面就有多个FLASH

具体例子:引用共享FLASH里面的上飘的气球

<EMBED style="left: 0pxPOSITION: absolutetop:0px" align=leftsrc=http://img.xiaonei.com/photos/51/602/orig85980.swf width=1000 height=1000 type=application/octet-stream wmode="transparent" quality="high" >

7.如何改变鼠标样式,独特的鼠标样式显示你独特的个性

<body style="cursor:url(' 鼠标样式的链接地址')"></body>

1、你找来的地址,后缀名有**.cur的,还有**.ico的,和**.ani的.

后缀名为**.ico 的为静态 后缀名为**.cur 的为静态 后缀名为**.ani 的为动画

具体例子,烧瓶样式<body style="cursor:url(' http://img.xiaonei.com/photos/51/602/orig86384.ani ')"></body>

8.主题:如何添加连接,把自己的主页空间或者博客向大家推荐

<br /><a href="链接地址 "><font color="#b22222"><font size=4>链接显示的文字 </a>

以我的校内网页面为例<a href="http://www.xiaonei.com/GetUser.do?id=31430" target="window_name"><font color=#FFFFFF><font size=4>欢迎观看李日庆的绚丽页面星空许愿</a><br>可以改变颜色和文字大小:改变color,size后面的数值就行。

9.改变链接字体和颜色

<style type=text/css><!-- A:link{COLOR: 颜色代码FONT-SIZE:9ptFONT-FAMILY: 字体名称}A:visited{COLOR:颜色代码FONT-SIZE:9ptFONT-FAMILY: 字体名称}A:active{COLOR: 颜色代码FONT-SIZE:9ptFONT-FAMILY: 字体名称}A:hover{COLOR: 颜色代码}body{COLOR:颜色代码FONT-SIZE:9ptFONT-WEIGHT: bolderFONT-FAMILY:字体名称} --></style>

注意:这个代码最好是放在前面

A:link是链接的部分,A:visited是已经链接过的链接部分,A:active是被激活的链接部分,A:hover是链接时的显示,body是正文部分的更改。

COLOR: 颜色代码 是颜色的更改,颜色代码可以参看如下网址http://w1w1.bokee.com/3538465.html

FONT-SIZE 是字号大小的设置,你可以任意填写数值,默认是9号字,同样你也可以用+1,+2,-1等等表示字号的大小

FONT-FAMILY: 字体名称 是对字体的更改,你打开WORD以后,出现的默认字体(你后装进去的字体,别人是看不到的)都可以放入

FONT-WEIGHT: bolder 是加粗显示,可以替换的是normal,cite,等等

值得注意的是,如果你在前几项中没有设置FONT-WEIGHT: bolder,只在body中有这样的设置,系统将其他几项都默认为FONT-WEIGHT: bolder,想要还原,用FONT-WEIGHT: normal就可以

10.改变背景颜色以及字体颜色

<body bgcolor="#000000" text="#00ffff" link="#b22222">

bgcolor:背景颜色 text:字体颜色 link:链接颜色

提示:双引号的代码可以根据自己的偏好更改

背景颜色代码请点击此网页http://w1w1.bokee.com/3538465.html

字体颜色代码 :

1 白色 #FFFFFF 2 红色 #FF0000 3 绿色 #00FF00 4 蓝色 #0000FF 5 牡丹红 #FF00FF 6 青色 #00FFFF 7 黄色 #FFFF00 8 黑色 #000000 9 海蓝 #70DB93 10 巧克力色 #5C3317 11 蓝紫色 #9F5F9F 12 黄铜色 #B5A642

13 亮金色 #D9D919 14 棕色 #A67D3D 15 青铜色 #8C7853 16 2号青铜色 #A67D3D 17 士官服蓝色 #5F9F9F 18 冷铜色 #D98719 19 铜色 #B87333 20 珊瑚红 #FF7F00 21 紫蓝色 #42426F 22 深棕 #5C4033 23 深绿 #2F4F2F 24 深铜绿色 #4A766E 25 深橄榄绿 #4F4F2F 26 深兰花色 #9932CD 27 深紫色 #871F78 28 深石板蓝 #6B238E 29 深铅灰色 #2F4F4F 30 深棕褐色 #97694F 32 深绿松石色 #7093DB 33 暗木色 #855E42 34 淡灰色 #545454 35 土灰玫瑰红色#856363 36 长石色 #D19275 37 火砖色 #8E2323

11.主题:如何给页面加滚动文字

用如下语句

<marquee>需要移动的文字</marquee><direction=#>

例:<marquee direction=left marquee scrollamount=10>开开心心每一天!</marquee><P>

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>需要移动的文字</marquee>

中间加入修改字的颜色和大小或字体的代码就可以了 ,例如:

<marquee direction=left marquee scrollamount=10><FONT face="楷体_GB2312">你要加的字</FONT></marquee><P>

有时候可能留言也随这滚动,

例子:<marquee direction=up marquee scrollamount=4>欢迎光临 marquee><P><br />

改成 <marquee direction=up marquee scrollamount=4>欢迎光临</marquee>

就是去掉后面的<P><br />

12、★如何实现视频音乐的连续播放★

一.打开记事本[Notepad傻]程序(右键-新建-文本文档)

二.将下列代码复制进去

<ASX version ="3.0">

<Entry>

<Ref href = "你的视频音频地址1"/>

</Entry>

<Entry>

<Ref href = "你的视频音频地址2"/>

</Entry>

<Entry>

<Ref href = "你的视频音频地址3"/>

</Entry>

以下同样添加你想要的视频音频个数

</ASX>

三.将你选的音乐视频地址替换掉上面的地址,保存文件(注意保存前去掉“以下。。。”那句说明),将文件名改为音乐.asx

四.将该文件传到校内网上(与传图片相同),传完后右键点文件——属性,复制下地址,例如:http://img.xiaonei.com/photos/43/864/orig30954.asx

五.将下列代码加入涂鸦版(视频所在位置由所填代码在涂鸦片相对位置决定)

<embed SRC=http://img.xiaonei.com/photos/43/864/orig30954.asx type=audio/x-pn-realaudio-plugin CONSOLE=Clip1 CONTROLS=ImageWindow HEIGHT=252 WIDTH=324 AUTOSTART=true loop=true>

(地址部分http://img.xiaonei.com/photos/43/864/orig30954.asx,修改成上一步自己的)

例子感人爱情故事,看起来是一个视频,实际是由三个小视频连续播放成的,源文件都在校内网上, 地址是

http://img.xiaonei.com/photos/43/864/orig30735.wmv

http://img.xiaonei.com/photos/43/864/orig30792.wmv

http://img.xiaonei.com/photos/43/864/orig30865.wmv

六.保存,回到页面欣赏吧。

13.精确定位自己的图片

精确定位自己再涂鸦版加的图片到页面的任何地方,主要思想就是利用<div></div>标签的position,top,left属性精确定位 ,利用这个可以把自己添加到涂鸦版的图片放到自己想要的任何位置

如页面显示10个星星的代码,现在校内已经十分流行。

<div style="background-image:url('http://www.xiaonei.com/images/star.png')position:absolutetop:129pxleft:616pxwidth:109pxheight:20pxbackground-repeat:repeat-x"></div>

topleft用于定位,widthheight,用于控制显示的大小。

14.涂鸦版的秘密之NB播放器可添加中文列表

一.打开记事本[Notepad傻]程序(右键-新建-文本文档)

二.将下列代码复制进去

代码是

<songs>

<song path="歌曲网址" title="你想给歌曲起的名字" />

<song path="歌曲网址" title="你想给歌曲起的名字" />

<song path="歌曲网址" title="你想给歌曲起的名字" />

</songs>

注释,几首歌曲都可以,用同样的语句就可以了

三.将你选的音乐视频地址替换掉上面的地址,要显示中文列表,这样保存:选文件——另存为——编码选UTF-8。,将文件名改为”名字“.xml ,只要后缀是xml就可以

四.将该文件传到校内网上(与传图片相同),传完后右键点文件——属性,复制下地址,例如:http://img.xiaonei.com/photos/43/864/orig79960.xml 五.将代码加入涂鸦版(视频所在位置由所填代码在涂鸦片相对位置决定)

代码为 :<embed style="LEFT: 475pxPOSITION: absoluteTOP: 790px" align=right src="http://img.xiaonei.com/photos/43/864/orig37256.swf" menu="false" quality="high" width="600" height="280" name="index" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="playList=列表网址 wmode="transparent" border="0" />

(地址部分应该加入你在上一步复制的地址)

进入页面的时候没有声音,不能自动播放,下拉播放菜单不是自动弹出,这些设置要在每次进页面的时候靠手动解决

七.保存,慢慢欣赏吧。

注意:这个播放器是mp3 播放器,目前只能播放mp3格式的文件,wmv,wma格式都不行。

播放歌曲的时候如果比特率太低会出现加速的现象,是音乐的问题,用windows media player播放不会出问题是因为windows media player功能很强大,能够自动适应你选的歌曲,NB播放器就不行了。asx的默认播放器也是windows media player,所以也不会出问题。你要想用NB播放器还得把音乐改了

15.让留言版变宽

在途鸦版最后加。</div>就可以,就这么简单,原理是:让涂鸦版以下的部分居中

16.懒人技巧,查看别人的原代码。

浏览器那里选择查看->源文件就会用记事本打开原文件了,里面对于我们有用的部分是涂鸦板和加入的群之间的部分代码,可以有记事本的编辑->查找,输入“涂鸦板”快速找到代码所在的区域,分析代码还是要用些内心的,主要就是找到背景和falsh的就行了,要有时间页面还是自己设计下体现自己个性好

更详细的了解看看http://hi.baidu.com/yinran/blog/category/%D0%A3%C4%DA%CD%F8%CD%BF%D1%BB%BD%CC%B3%CC

问题1:学会DIV+CSS应用,HTML,可以做网站前台了吗?(以美工为主)?

答:可以做 ,但做出来的页面就比较难看了。前台包括很多,网页架构、美工等,DIV+CSS就可以做网页架构了,为了网页好看,美工是必不可少的,所以一个人做前台,PS(FW)、CSS+DIV(Table)、Flash是基本,稍微厉害点,Javascript也得会。

问题2:要是再学会ASP有什么用?

答:你学了以上的一些技术,是可以做一些静态网页出来的,如果还想实现像会员登录、留言等功能,那就需要ASP等动态网页技术了

问题3:这样自己可以做网站了吗?

答:学会了上面说的技术后,是可以做网站了。现在建站程序越来越傻瓜化,就算你不会上面说的技术,也能做一个比较好的网站,像织梦、帝国、

DZ、PHPWIND程序,都可以建一个网站。

问题4:这些大概要学多久?

答:如果你想一个人建一个网站,最基本的技术:HTML+(CSS+DIV)+PS+(ASP/PHP/ASP.net/JSP任意一种),HTML简单点(10天搞定),CSS+DIV(一个月),PS(2个月),ASP/PHP/ASP.net/JSP任意一种(难度:JSP>ASP.net>PHP>ASP),学习时间长度随难度增加而增加,最简单的ASP也得学上了2-3个月。当然这还跟个人努力程度和天赋有关。

问题5:ASP和ASP.NET有什么区别?

答:百度很多资料,这里是说不完的,就好比坐汽车去北京和做火车去北京。当然ASP.NET比ASP强大很多。

问题6:这些语言都需要背出来吗?还是可以直接复制上去?

答:如果是仿照别人的站程序,复制改改就可以了。而自己想做一些功能,就得自己敲代码了,当然网上也有很多优秀的代码也是可以借鉴的。其实敲代码没你想的那么可怕,要记的东西并不多,只是要有那种编程的思维。

敲字累死我了,码了这么多字。楼主,分不给我 ,你好意思吗?