HTML－文字篇特效篇音乐篇美图篇美框篇 -- 知心海岸 -- [北方博客]

公告

知心海岸只是知心个人休闲娱乐满足个人爱好学习收集最新经典素材教程资料，资料来源于原创和网络，如果有侵犯到你的版权请留言我会删除！

站内搜索

分类

首页
音画心情(5)
情感天地(0)
精美素材(41)
特效代码(0)
音乐无限(0)
网页制作学习(13)
音画贴学习笔记(17)
开心乐园(0)

最新评论

Re:透明SWF吊帘和吊花
Re:透明SWF吊帘和吊花
说时尚华宇

我的链接

月朗国际黄彩虹自由空间

留言

<写留言>

统计信息

日志总数:76
今日访问:64
访问总数:16165
评论总数:3
留言总数:0

历史存档

2008年09月(73)
2008年08月(2)

管理入口

用户名
密　码

RSS

北方博客 > 首页 > HTML－文字篇特效篇音乐篇美图篇美框篇

知心海岸

日志列表 | 左邻右里

HTML－文字篇特效篇音乐篇美图篇美框篇 -- template03

[音画贴学习笔记]HTML－文字篇特效篇音乐篇美图篇美框篇
cqcaihong 发布于 2008-09-04 21:21

Tags: -

HTML－文字篇，特效篇，音乐篇，美图篇，美框篇

分类：博客制作技巧篇

1.文字链接代码:

如果您想点击某处文字会连接到另外一个网页的效果，这是超链接，代码是这样：

<a href="网站地址";>共享空间</a>

如果要点了这个文字以后重新打开一个窗口的话，代码是：

<a href="网站地址";; target="_blank">共享空间</a>

2.在网站上放图片的代码:

如果你看到一个好看的图片想放到网站上，代码是这样的：

<img src="http://www.163.com/wwwimages/n/163logo.gif"; width="150" height="100">

后面的数字调节图片的尺寸大小。

3.图片链接代码

如果要点一下图片就能打开一个网站的链接代码是这样的：

<a href="http://www.163.com";><img src="http://www.163.com/wwwimages/n/163logo.gif"; width="150" height="100"></a>

如果要点一下图片就能打开一个网站的链接，并且重新打开一个窗口。代码是这样的：

<a href="http://www.163.com";; target="_blank"><img src="http://www.163.com/wwwimages/n/163logo.gif"; width="150" height="100"></a>

上面的数字都能调节图片尺寸大小。

4.换行代码:

如果你想换行，直接用Enter键是不行的，需要在您想换行的位置输入

<br>

这样就会分成两行显示，整个网站看起来也不会是一大片了，而是段落分明。

5.文字移动的代码:

<marquee>这里写文字</marquee>

6.移动图片的代码:

<marquee><img src="http://games.tom.com/images/2002/gamemm/0604/s/36.jpg";><img src="http://games.tom.com/images/2002/gamemm/0604/s/13.jpg";><img src="http://games.tom.com/images/2002/gamemm/0604/s/30.jpg";><marquee>

把里面的图片地址换成你的就行想多放一个图片就按照格式在中间插入：

<img src="http://games.tom.com/images/2002/gamemm/0604/s/13.jpg";>

里面的图片地址自己定。

7.文字处理:

<*center><*font face=幼园 size=6 color=#228c45><*b>显示的文字<*/b><*/font><*/face><*/size><*/color><*/center>

效果如下：

朋友们好

face指字体选择，size指文字大小，color指文字颜色，b表示文字加粗，center表示文字居中！

G：文字向上滚分行并拉开行距

<*marquee direction=up scrollamount=3><*font face=隶书 size=8 color=#228c45>文字部分<*/font><*/face><*/size><*/color><*/marquee>

效果如下：

祝朋友们天天快乐

H：图片向左移动并控制移动速度(上up 下down 左left 右right)

<*marquee directio=left scrolldelay=150><*img src=src=http://www.369590.com/bbs/UploadFile/2004-8/2004813224642433.gif><*/marquee>

效果图如下：

I：图片朦胧效果:

<*img src=http://www.369590.com/bbs/UploadFile/20048112175624851.gif width=420 height=315 style=filter:Alpha(opacity=100,style=2)>

效果图如下：

注:真正贴图片的时候请把*去掉

8.打开网站时候出现的欢迎词代码:

<body 你好，欢迎访问本网站！")>

9.关闭网站的时候出现的话:

<body 谢谢您的光临,诚邀加盟.请记住本站域名：http://www.yz126.com/ 站长信箱：****@yahoo.com.cn 欢迎咨询')">

10.打开网站的时候自己做一个弹出窗口的广告:

<script language="javascript">

var TimerID=1;

window.open('http://163.com','','width=600,height=300,left=100,top=50');

</script>

里面的 http://163.com 这个是你预先做好的一个网页，后面的数字是调节大小和位置的，你自己多试验几次。

11.鼠标感应字体变红色的代码如下：插在<body></body>之间

<STYLE type=text/css>TD {

FONT-SIZE: 12px

}

BODY {

FONT-SIZE: 12px

}

INPUT {

FONT-SIZE: 12px

}

A:link {

COLOR: #000000; TEXT-DECORATION: none

}

A:visited {

COLOR: #000000; TEXT-DECORATION: none

}

A:active {

COLOR: blue; TEXT-DECORATION: none

}

A:hover {

COLOR: red; TEXT-DECORATION: underline

} .so {

BORDER-RIGHT: 1px ridge; BORDER-TOP: #ffffff 1px ridge; FONT-SIZE: 12px; BORDER-LEFT: #ffffff 1px ridge; BORDER-BOTTOM: 1px ridge; BACKGROUND-COLOR: #cccccc

}

</STYLE>

12.禁止他人复制你网页的代码：

<body bgcolor="#ffffff"oncontextmenu="return false"onselectstart="return false">

13.论坛贴图更轻松:

http://download.pchome.net/ubb.htm

14.源代码进行加密和解密:

说明: 对页面的源代码进行加密,使源代码变成乱码,没法读取

效果: 将你的页面源代码粘贴在下面的框内,要包括所有的标签例如html , head, body等，然后点击“加密”按钮。再将加密过的内容保存成网页即可。

说明: 对加密过的网页的源代码进行解密,恢复源代码。

效果: 将你的加密过的页面源代码粘贴在下面的框内，然后点击“解密”即可。

15.用代码发网页:

注明:替换文中网址即可.

16.让做帖子变得简单一些

一、边框：

1.两层

2.八层

<TBODY>

<TR>

<TD>

<TBODY>

<TR>

<TD>

<TBODY>

<TR>

<TD>

<TBODY>

<TR>

<TD>

<TBODY>

<TR>

<TD>

<TBODY>

<TR>

<TD>

<TBODY>

<TR>

<TD>

<TBODY>

<TR>

<TD>

<TBODY>

<TR>

<TD>

加入内容

</TD></TR></TBODY></TABLE></DIV></TD></TR></TBODY></TABLE></DIV></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

3.两层

4.一层

<TBODY>

<TR>

5.两层

<TBODY>

<TR>

<TD>

<TBODY>

<TR>

<TD>

加入内容

</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

</CENTER>

二、字体：

<FONT style="FONT-SIZE: 30pt; FILTER: shadow(color=green); WIDTH: 100%; COLOR: white; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云"><B>中年人生论坛</B></FONT>

<CENTER><FONT style="FONT-SIZE: 40pt; FILTER: shadow(color=#DA70D6); WIDTH: 100%; COLOR: white; LINE-HEIGHT: 150%; FONT-FAMILY: 方正舒体"><B>中年人生论坛</B></FONT> <BR><BR></CENTER>

</B><BR><FONT style="FONT-SIZE: 55pt; FILTER: shadow(color=apar); WIDTH: 100%; COLOR: #00ff00; LINE-HEIGHT: 100%" face=汉鼎繁随意 size=6>中年人生论坛</FONT><FONT style="FONT-SIZE: 55pt; FILTER: shadow(color=apar); WIDTH: 100%; COLOR: #ff00ff; LINE-HEIGHT: 100%; FONT-FAMILY: 汉鼎繁中变" size=6></FONT><FONT color=#ff00ff> </FONT>

<P></P>

<P align=center><FONT style="FONT-WEIGHT: bolder; FONT-SIZE: 70px; FILTER: blur(add=1, direction=45,strength=10); WIDTH: 450px; " color=#3333cc>好美的兰花</FONT></CAPTION> <BR></CAPTION></P>

跳动的字：

飞舞的字：

这里很多，自己找吧~~

第一：http://znrs.2000y.net/dispbbs.asp?boardID=16&ID=28749&page=1

第二：http://znrs.2000y.net/dispbbs.asp?boardID=10&ID=25391&page=1

三、加入图片代码：

一、单纯的一张图片

二、加框有一层FLASH的图片

<TBODY>

<TR>

<TD>

三、加框用两层FLASH的图片

<TBODY>

<TR>

<TD>

三、两个FLASH上下排列的图片：

<TBODY>

<TR>

<TD>

四、下上移动的图片们：

<P align=center><IMG src="http://www.k369.com/qt/webedit/webedit.htm

调色板在线编辑器：

http://www.273c.com/updateindex/editor.asp

图片特效代码：

【一】一张照片，2个动画合并的特效代码：

<TBODY>

<TR>

【二】一张图片，二个特效动画合并的代码效果：

<TBODY>

<TR>

【三】由下向上飘落的特效代码：只有二个动画，没有图片【页头特效代码】

<TBODY>

<TR>

【四】由上向下落花的特效代码及向两边同时滚动的字体代码【页头特效代码】：

<TBODY>

<TR>

<TR>

<TBODY>

<TR>

<MARQUEE width=320 height=50>祝大家圣诞节快乐</FONT></MARQUEE><FONT face=隶书 color=#ff4500 size=7>

<MARQUEE direction=right width=320 height=50>乐快节诞圣家大祝</FONT></MARQUEE></FONT></FONT></TD></TR></TBODY></TABLE><BR><BR>

【五】从天而落的大量鲜花效果的代码【页头特效代码】：

<TBODY>

<TR>

<TR>

<TBODY>

<TR>

</TBODY></TABLE><BR><BR>

【六】一张图片，2个特效FLASH合并的特效代码：

<TBODY>

<TR>

【七】一张图片，2个特效FLASH合并后的特效代码：注意，这组代码与前面有些不同，但效果一样

<TBODY>

<TR>

<TD>

【八】馨怡制作的落花和散花并同的特效及代码【页头特效】

<TBODY>

<TR>

<TR>

CENTER><EMBED style="Z-INDEX: 3; LEFT: 0px; WIDTH: 1000px; ; TOP: 0px; HEIGHT: 1800px" align=right src=http://gb.qjinfo.com/userfilepath/zshy/01/6.swf type=application/octet-stream ;; quality="high" wmode="transparent"></EMBED></CENTER>

<TBODY>

<TR>

</TBODY></TABLE><BR><BR>

【九】红圈花散开特效及代码【页头特效代码】

TABLE style="TABLE-LAYOUT: fixed" cellSpacing=0 cellPadding=0 width="98%" align=center border=0>

<TBODY>

<TR>

<TR>

<TBODY>

<TR>

</TBODY></TABLE><BR><BR>

【十】天空大量落花特效及代码【页头特效代码】

<TBODY>

<TR>

<TR>

<TBODY>

<TR>

</TD></TR></TBODY></TABLE><BR><BR>

【十一】特效代码【路程】

<TBODY>

<TR>

【十二】特效代码【路程】

<TBODY>

<TR>

<P></P>

【十三】特效雾化代码【路程】

<TBODY>

<TR>

<P>

<CENTER><FONT style="FONT-SIZE: 15pt; FILTER: glow(color=black); WIDTH: 100%; COLOR: #e4dc9b; LINE-HEIGHT: 150%; FONT-FAMILY: ¿¬Ìå_GB2312"><B>¡°ÏóÑ©»¨°ãÈöÂäÔÚÎÒµÄÐÄÌï¡± </B></FONT></CENTER>

<P></P>

【十四】特效雾化代码【路程】

<TBODY>

<TR>

<P>

<CENTER><FONT style="FONT-SIZE: 15pt; FILTER: glow(color=black); WIDTH: 100%; COLOR: #e4dc9b; LINE-HEIGHT: 150%; FONT-FAMILY: 楷体_GB2312"><B>“◆ 梦幻馨怡欢迎您！◆” </B></FONT></CENTER>

<P></P>

【十五】空中飘动的覆盖网，花朵，金鱼的特效代码【三层页头特效】

【十七】两层页头特效代码

【十八】每层页头特效代码

http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="1000" height="800">http://sucai.heima.com/sucai/news/flash/3.swf http://sucai.heima.com/sucai/news/flash/3.swf" type="application/x-shockwave-flash"></object></div>

【十六】特效代码：一张照片两个FLASH的特效。

<TBODY>

<TR>

<TBODY>

<TR>

【十七】含有边框的特效代码【一框一图三个FLASH的特效代码】：

<TBODY>

<TR>

<TD>

<P>

<TBODY>

<TR>

<TBODY>

<TR>

页头大量落花代码：

一张顶部图的特效代码：

<TBODY>

<TR>

<td>

空中飘落的小玩意【页头特效】

<TBODY>

<TR>

<TR>

<TBODY>

<TR>

特效代码－如何添加多个FLASH特效代码等：

隐藏图片里加上透明FLASH素材 透明FLASH宽度和高度原则应比图片宽度和高度小一些，添加透明FLASH可以一个或两个甚至更多，自定

代码如下：

<P align=center>

<TBODY>

<TR>

效果如下：

添加多个透明FLASH语法

代码如下：

<TBODY>

<TR>

这个是在最上面向左行走的代码：<DIV style="Z-INDEX:2; RIGHT: Opx; WIDTH: 211px; ; TOP: 190px; HEIGHT: 120px">

<TABLE cellSpacing=10 cellPadding=0 width="100%" border=0>

<TBODY>

<TR vAlign=top width="100%" height=200>

<DIV align=center>

<MARQUEE style="FLOAT: none; MARGIN-LEFT: auto; MARGIN-RIGHT: auto" scrollDelay=99 width=1900 height=200 border="0"><FONT color=#cc33cc><FONT style="FONT-SIZE: 65pt; FILTER: shadow(color=black,direction=180); WIDTH: 100%; COLOR: #f819f8; LINE-HEIGHT: 150%; FONT-FAMILY: 华文新魏">夜雨心语欢迎你</B></FONT></FONT></MARQUEE>

<CENTER></CENTER></DIV></TD></TR>

<DIV></DIV></TBODY></TABLE></DIV>贴子全屏的秘密要全屏,只有一句话:在第一个<table 后面加上 id=table1 style="LEFT: -220px; WIDTH: 900px; ; TOP: 131px; HEIGHT: 6500px" 这些代码即可.适用地方:论坛发贴.

HTML做帖子常用特效代码

透明flash多层叠加：

<CENTER>

<TABLE cellSpacing=8 cellPadding=1 width=420 align=center background=http://www.cn898.net/bg/x/1/back_78.gif border=1 table>

<TBODY>

<TR>

<TD><EMBED align=right src=http://mailimg-fs.hanmail.net/fl/effect/19/e-fall2.swf width=400 height=300 type=application/octet-stream wmode="transparent" quality="high"><EMBED align=right src=http://www.cn898.net/bg/fh/3/1.swf width=400 height=300 type=application/octet-stream wmode="transparent" quality="high"><EMBED align=right src=http://image2.sina.com.cn/dongman/f/2002-05-20/1_55-4-248-235_20020520133331.swf width=400 height=300 type=application/octet-stream wmode="transparent" quality="high"></TD></TR></TBODY></TABLE></CENTER>效果

发表评论
昵称
主页
标题
内容
算式的解	看不清校验算式？