登录  
 加关注
查看详情
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

李木子

删除昨天的烦恼,确定今天的快乐,设置明天的幸福,存储永远的爱心,粘贴美丽的心情!

 
 
 

日志

 
 

【引用】常用的各种代码  

2011-02-14 16:02:27|  分类: 博客技术 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

第一. 隐藏的播放器代码  <EMBED SRC="音乐文件地址" autostart=true hidden=true loop=true>

    下面讲5个方面的理解:

        1、SRC="FILENAME" 设定音乐文件的路径;

        2、autostart=true /false表示是否要音乐文件传送完就自动播放,true是表示要,false是表示不要,默认为false

        3、hidden=true 表示隐藏了控制面板;

        4、loop=true/false ,loop表示播放,播放多少次呢?后面有两取值,true表示无限次播放,这个true还可变为n次,如变为8,就表示播放8次;false表示播放1次即停止。

 如设定音量的大小,就在代码后面加:VOLUME=0-100

        5.如果要设定音乐开始播放时间,就在代码后面加:STARTIME="分:秒",

           STARTIME=00:20表示20秒后播放。

第二  多个透明flash动画组合并配背景的代码 

<TABLE style="WIDTH: 480px; HEIGHT: 300px" height=300 cellPadding=0 width=480 align=center background=背景图片地址 border=0>
<TBODY>
<TR>
<TD>
<EMBED   pluginspage=透明 flash地址 width="100%"type=application/x-shockwave-flash quality="high" wmode="transparent" ></EMBED>

<DIV align=center><FONT face=楷体_GB2312><FONT size=4><FONT color=#ffffff></FONT></FONT></FONT>
<MARQUEE style="WIDTH: 435px; HEIGHT: 84px" scrollAmount=2 direction=up height=84><FONT color=#00ff00 face=隶书 size=5><DIV align=center><FONT face=华文行楷 color=ff0000 size=6>欢迎光临海珠儿博客乐园</FONT></DIV><DIV align=center>&nbsp;</DIV><DIV align=center>让志趣的纽带将我们系在一起</DIV><DIV align=center>让情感的音符谱出和谐的乐曲</DIV><DIV align=center>让博客的眼睛投以温馨的目光</DIV><DIV align=center>让切磋的平台结出丰硕的果儿</DIV><DIV align=center>&nbsp;</DIV></FONT></MARQUEE></TR></TBODY></TABLE>

第三 怎样为背景透明的动画或文字特效添加一幅背景图

   1、代码: 

           <DIV></DIV>
           <TABLE borderColor=#cd5c5c height=350 width=450 align=center border=3>
           <TBODY>
           <TR>
           <TD background=图片地址>
生成的动画代码或文字特效代码</TD></TR></TBODY></TABLE> 

      2、说明:

       A、红颜色部分是背景图片代码。如果你只需导入一个静止的背景图,你就只取红颜色部分的代码就行了;

       B、中间的是动画代码,这样的颜色标识,已经告诉我们就是把动画代码放在红颜色的代码中间就是了。

      C、问题的关键就是要得到图片地址生成的动画代码。得到后,一替换就ok了。

  3.在背景代码中添加一段文字特效代码:

    1、段落文字右移特效代码嵌入背景代码之中:

<DIV></DIV>

           <TABLE borderColor=#cd5c5c height=350 width=450 align=center border=3>

           <TBODY>

           <TR>

           <TD background=图片地址><DIV align=center>

<MARQUEE scrollAmount=1 scrollDelay=100 behavior=slide loop=1 width=550 height=293>

<MARQUEE style="LINE-HEIGHT: 120%; WRITING-MODE: tb-rl" scrollAmount=1 scrollDelay=100 direction=up width=550 height=290>

<P align=left><FONT style="FONT-SIZE: 18pt; FILTER: WIDTH: 100%; COLOR: #ea0000; LINE-HEIGHT: 130%; FONT-FAMILY: 方正姚体" color=#ff0000>我带着远古的心愿<BR>你怀揣前世的祈盼<BR>我饱含如许的虔诚<BR>你浸润最深的期待<BR>我们跨越万水千山<BR>赴今世的约定...<BR>你感觉我深情凝眸的甜柔<BR>我倾听你心室澎湃的跳动<BR>白云轻盈飘荡<BR>星月神秘闪烁<BR><BR>燃烧的篝火旁<BR>我们席地而坐<BR>倾诉不尽的相思<BR>燃烧的火焰是不灭的炙热<BR>让我们一起出发<BR>背上快乐的行囊<BR>携着一路的欢唱<BR>踏着灿烂的芬芳<BR>望--天上云卷霞飞<BR>看--地下小桥流水<BR>拥--郁郁山川入怀<BR>枕--簇簇波浪入眠<BR>把--忧烦抛在身后<BR>让--愉悦洒满诗行 <BR><BR></FONT></P></MARQUEE></MARQUEE></DIV></TD></TR></TBODY></TABLE> 

 

说明:对蓝色处的宽与高的值均作了如下改动,width=440 height=17     width=440 height=170

     改的目的就是要让文字特效的运动范围与效果图的大小相符,否则,背景图会自动加长加宽的.

2、给文字和动画加上来回起伏移动代码嵌入背景代码中:

<DIV></DIV>

           <TABLE borderColor=#cd5c5c height=350 width=450 align=center border=3>

           <TBODY>

           <TR>

           <TD background=背景图片网址>

<MARQUEE scrollAmount=3 direction=down behavior=alternate height=245><MARQUEE style="width: 435px; height: 155px" scrollAmount=3 behavior=alternate width=375><P align=center></P><P align=center><IMG src="动画图片网址"><FONT face=字体名称_GB2312 color=#ff0000 size=6><STRONG>输入文字处</STRONG></FONT><FONT face=字体名称 color=#800080 size=30><STRONG> </STRONG><BR> <P align=center></P><P align=center><IMG src="动画图片网址"><FONT face=字体名称_GB2312 color=#00ff00 size=6>输入文字处<BR>输入文字处</FONT></P></MARQUEE></MARQUEE></TD></TR></TBODY></TABLE>

 说明:

    A、以<MARQUEE 代码开头,以</MARQUEE>结束的这一段代码是“来回起伏移动代码”,位于背景图代码中间;

    B、如果所有代码代入后,发现图片出现多余部分或文字动画运动不理想,就调整红色处的高度值( height)和宽度值(width),反复调试,直到理想为止,这一点是关键.

    C、gif格式的动态小图地址:http://love.xaonline.com/upload/2004612/UF488696.gif 这个图片现在链接不上了,请你另换一个gif格式的动态小图地址

    D、背景图片地址:http://img.blog.163.com/photo/C8QEjwHKQyx4QaMBtwr9qQ==/4512043876672178758.jpg

      这个图片在我的相册里,如果我删了,就不显现了。所以建议要用你自己的。

第四 

二、怎样在上面的动画中加进自己或他人的照片?

       方法是:动画代码=》叠放代码=》梦幻效果代码,再在叠放代码前加一个“P”元素的开始标记<p ,

在梦幻效果代码的后面加一个“p”元素的结束标记</p>。其顺序如下:

                动画代码   <p 叠放代码>   梦幻效果代码   </p>

      动画代码:<EMBED src=动画地址 自己找来粘贴此处 width=600

height=480 type=application!/x-shockwave-flash wmode="transparent" allowNetworking="internal" allowScriptAccess="never">

      叠放代码是:  <p style="MARGIN-TOP: -350px; MARGIN-LEFT: 10px" align=center>

      梦幻效果代码:<IMG style="FILTER: alpha(style=2,opacity=100,,$s:LF>

finishopacity=0); WIDTH: 356px; CURSOR: hand; HEIGHT: 261px" height=280 src="图片地址 自己粘贴此处" width=300>   </p>

三、代码示范好下:

<EMBED src=动画地址 width=600 height=480 type=application!/x-shockwave-flash allowScriptAccess="never" allowNetworking="internal" wmode="transparent"><P style="MARGIN-TOP: -350px; MARGIN-LEFT: 10px" align=center><IMG style="FILTER: alpha(style=2,opacity=100,,$s:LF> finishopacity=0);

 WIDTH: 356px; CURSOR: hand; HEIGHT: 261px" height=280 src="图片地址" width=300></P>

 

说明:为了使动画在日志里居中,还可以在所有代码前加<DIV align=center>   在所有代码后加</DIV>

 

第五:

直接在图片上写文章

设置方法:

1、添加一篇日志

2、点击日志编辑框左下角处的 "<>"

3、把代码粘贴到日志编辑框里

4、把图片地址粘贴到代码里的" 图片地址"处

5、再次点击 "<>" ,完成 .

代码如下:

<div align="center"><div style="

background-image: url('图片地址'); background-repeat: repeat; background-attachment:

scroll; font-size: 12px; font-family: verdana; background-"><br

/><div align="left">

<div style="PADDING-RIGHT: 0px; FILTER:

alpha(opacity=60); HEIGHT: 228px">文字内容</div></div><br

/></div></div>

将代码中的图片地址换为你想要的图片

第六 

给你的日志做个封面(点击图片进入日志的代码)

怎样在您的博客首页上通过点击图片观看您的日志内容,用下面的代码可以达到您的目的,既节省了您的博客空间又美化了自己的博客,先把下面的代码复制,当您编辑好整篇日志内容后,点击日志框下面的其他设置,再把下面的代码复制粘贴在<摘要>里,就可以了.

                      代码(1)

http://img.blog.163.com/photo/_mT-OJEc_8DJJh-_Ak3-Ag==/5409667577402312214.jpg" width=200> 

代码(2)

<P><IMG height=350 hspace=30 src="

http://img.blog.163.com/photo/_mT-OJEc_8DJJh-_Ak3-Ag==/5409667577402312214.jpg " width=200 align=left border=0><FONT face=Arial>请点击图片欣赏全文</FONT></P> 

说明      

           http://img.blog.163.com/photo/_mT-OJEc_8DJJh-_Ak3-Ag==/5409667577402312214.jpg 换成你用的图片的地址

     height=350 是您要用的图片的高,需要自己调整.

     width=200 是您要用的图片的宽,需要自己调整.

 最后发表您的日志。

简单吧,赶快行动吧。自己动手,体验成功。

第七

如何在日志里添加带图案的写字框:

点击日记下方的代码输入以下代码:

<DIV align=center>

<CENTER>

<TABLE height=499 cellSpacing=1 width=496 background=http://blog.sina.com.cn/pic/470e283e0200017p border=0>

<TBODY>

<TR>

<TD width=496 colSpan=3 height=67> </TD></TR>

<TR>

<TD width=87 height=420 rowSpan=2> </TD>

<TD width=312 height=315>

<P align=center></P>

<DIV style="BORDER-RIGHT: white 2px solid; COLOR: #000000; BACKGROUND-COLOR: #ffffff" align=left>

<P align=left><FONT color=#008000>点击旁边的箭头,</FONT></P>

<P align=left><FONT color=#008000>就可以浏览文章.</FONT></P>

<P align=left><FONT color=#008000>发表文章时,</FONT></P>

<P align=left><FONT color=#008000>在显示源代码前面打勾</FONT></P>

<P align=left><FONT color=#008000>然后粘贴此边框代码</FONT></P>

<P align=left><FONT color=#008000>再把勾去掉</FONT></P>

<P align=left><FONT color=#008000>在边框内添加上自己的文字即可^_^</FONT></P>

<P align=left><FONT color=#008000>如有问题,请留言给xxx!</FONT></P><FONT color=#6699ff>

<P align=left> </P></DIV>

<DIV align=left><FONT color=#6699ff></FONT>&nbsp;</DIV></FONT></TD>

<TD width=74 height=420 rowSpan=2> </TD></TR>

<TR>

<TD width=312 height=103> </TD></TR></TBODY></TABLE></CENTER></DIV>

 .背景图片的添加:

代码如下:

<IMG src="背景图片链接地址" width=图片宽度值 height=图片高度值 align=right style="FILTER: alpha(opacity=100, finishOpacity=0,style=2) ">

<DIV style="FILTER: alpha(opacity=45, finishOpacity=45,style=0); WIDTH: 文本宽度值">

<DIV style="LINE-HEIGHT: 行间距值(pt); LETTER-SPACING: 字符间距值(em)">

<P><FONT color=#ffffff size=2>你的曰志文字</FONT></P>

</DIV></DIV>

下面简要介绍一下上面语法中的两行主要命令语句的含义:

<IMG src=…….>控制曰志中的背景图片,图片的宽度及高度值均以px为单位;align这一参数控制图片位置,但不要对此进行更改,否则无法实现文字浮于图片之上的效果。Filter控制背景图片的柔化滤镜,大家可以修改其中的数值已达到不同的效果,但注意style的值只能取1,2,3这三个数值。除了柔化效果外,还有翻转、发光、阴影等若干特效,但语法表述各有不同,在此不再赘述,有兴趣的朋友可以在互联网上查询相关语法。在Space空间不同的布局方式下,曰志宽度是不相同的,所以为了更好的配合曰志的页面效果,建议选择合适宽度的图片,具体可根据布局的实际情况(即曰志的宽窄程度)将图片宽度分别设定在260px、350px、370px、550px、730px左右的近似值。

<DIV style="FILTER…….>控制曰志文字的若干效果,其中Filter命令的使用方法与前述一致,也是调节柔化效果。文本宽度也采取px为单位,其最大值也要参照上面不同布局方式时所要求的近似宽度值,如果你希望文字完全分布在整个曰志页面上,那么将WIDTH值设为100%即可。在设定了具体宽度的情况下Float命令可以省略,否则请予以保留。

 漂亮的图片写字框代码: <div align="center"><center><table border="0" cellspacing="1" width="519" height="1" background="在文字上覆盖图片地址"><tr><td width="502" height="60" colspan="3"> </td></tr><tr><td width="50" height="1" rowspan="2"> </td><td width="349" height="1"><DIV style="scrollbar-face-color: #ffffff; scrollbar-highlight-color: #ffffff; overflow: scroll; width: 319; scrollbar-shadow-color: #ffffff; color: #000000; scrollbar-3dlight-color: #ffffff; scrollbar-arrow-color: #000000; scrollbar-darkshadow-color: #ffffff; height: 262; background-color: #ffffff; border: 2px solid white" align=left><P align=left><b></b></P><P align=left>点击旁边的箭头,</P><P align=left>就可以浏览文章.</P><P align=left>发表文章时,</P><P align=left>在显示源代码前面打勾</P><P align=left>然后粘贴此边框代码</P><P align=left>再把勾去掉</P><P align=left>在边框内添加上自己的文字即可^_^</P><P align=left></P></DIV><FONT color=#6699ff><DIV align=left><FONT color=#6699ff></FONT> </DIV></font></td><td width="80" height="1" rowspan="2"> </td></tr><tr><td width="349" height="1"> </td></tr></table></center></div>边框的基本格式 <TABLE cellSpacing=边框宽度 width="网页宽度" background=第一层边框图片网址><TBODY><TR><TD><TABLE cellSpacing=1 borderColorDark=#0d1737 cellPadding=边框宽度 width="网页宽度" borderColorLight=#24387a background=第二层边框图片网址 border=1><TBODY><TR><TD><TABLE cellPadding=边框宽度 width="网页宽度"background=第三层边框图片网址><TBODY><TR><TD><TABLE width="网页宽度" background=背景图片网址 border=0><TBODY><TR><TD>   说明:  <table>:表格的起始符。任意一个表格的开始都必须以它开头,且必须有终止符</table>。  cellspacing:单元格间距。当一个表格有多个单元格时,各单元格的距离就是cellspacing了,如若表格只有一个单元格,那么,这个单元格与表格上、下、左、右边边框的距离也是cellspacing。   width:表格的宽度。取值从0开始,默认以像素为单位,与显示器的分辨率的像素是一致的。800×600的显示分辨率下,如果表格设置成1000个像素的宽度,那么,得出的效果将导致IE的横向滚动条出现,只有通过滑动它才能看到表格最右边的内容,所以建议在设置表格的宽度时充分考虑显示分辨率问题。width的取值还可以使用百分比,如widht="100%",这种赋值法有个好处:表格的宽度将根据可显示的宽度来自我调整宽度。 background:表格的背景图。其值为一个有效的图片地址。<td>也有此属性。同时设置背景色和背景图不冲突,也建议这么做,这样,当图片不能显示时,表格的外观依然是好看的。  <tbody>:表体的起始符。紧跟在<table>之后,表示表体开始。必须有结尾符,放在</table>之前。在纯网页中可以不要tbody元素,但在论坛一定要使用,否则,当帖子用到较多的表格时,论坛的自动填充功能将可能会导致代码出错。   <tr>:tr的作用是规定表格的行,其中,t是table,r是row(行)。有多少组tr,这张表格就有多少行。<tr>紧跟在<tbody>之后。必须有终止符</tr><td>:td的作用是规定表格的列,t是table,d可理解为down(向下)。有多少组td,这张表格就有多少列。第一个<td>紧跟在<tr>之后。终止符为</td>。td与tr配合构成单元格。以上就第一层边框的基本要素,现在我们在看看第二层边框:<TABLE cellSpacing=0 borderColorDark=#0d1737 cellPadding=边框宽度 width="网页宽度" borderColorLight=#24387a background=第二层边框图片网址 border=1><TBODY><TR><TD>其它的全和第一层一样,但多了这二组:1:cellSpacing=1 borderColorDark=#0d1737 为暗边框,边框宽度为1象素,颜色为0d17372:    cellpadding:单元格衬距。指该单元格里的内容与cellspacing区域的距离,如果cellspacing为0,则表示单元格里的内容与表格周边边框的距离。3:borderColorLight=#24387a 为亮边框,颜色为0d1737第三层边框和第一层一样,现在我们来看最后一层边框也就是背景。TABLE width="网页宽度" background=背景图片网址 border=0><TBODY><TR><TD>它只有背景的宽度width="网页宽度",背景展示的网址:background=背景图片网址,还多了一个border=0它是什么意思呢?<TABLE height=300 cellPadding=10 width=500 align=center background=背景图片 border=3 table="0">
<TBODY>
<TR>
<TD>
<DIV align=center><BR>&nbsp;</DIV>
<DIV align=center><FONT face=楷体_GB2312 color=#ffff00 size=4>这里写字贴图,贴音乐</FONT></DIV>
<DIV align=center><FONT face=楷体_GB2312><FONT size=4><FONT color=#ffffff></EMBED></FONT></FONT></FONT></DIV></TD></TR></TBODY></TABLE>border:此属性定义表格的边框。比如,border=1,表示表格边框的粗细为1个像素(默认值),为0表示没有边框。

图片做背景写字代码TABLE height=300 cellPadding=10 width=500 align=center background=背景图片 border=3 table="0">
<TBODY>
<TR>
<TD>
<DIV align=center><BR>&nbsp;</DIV>
<DIV align=center><FONT face=楷体_GB2312 color=#ffff00 size=4>这里写字贴图,贴音乐</FONT></DIV>
<DIV align=center><FONT face=楷体_GB2312><FONT size=4><FONT color=#ffffff></EMBED></FONT></FONT></FONT></DIV></TD></TR></TBODY>

 

  评论这张
 
阅读(106)| 评论(0)

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2018