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

【引而不發^躍如也】之【影子^回聲】博客

·家園以和而建/朋友以和而聚/和諧世界/從心開始·久而久之/潛移默化

 
 
 

日志

 
 

【引用】【博客技巧】各种代码应用  

2011-06-04 11:23:28|  分类: 【博友可见】(編 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

各种代码应用   [折叠]

1.给图片加透明flash代码

<TABLE height=300 cellSpacing=0 cellPadding=0 width=524 background=图片地址 border=1 bortercolor="#000000">

<TBODY>

<TR>

<TD>

<P align=center><EMBED         src="FLASH地址" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="transparent" quality="high" width="100%"> </P></TD></TR></TBODY></TABLE>

 

 

2.个性名片代码如下:

 

<table width="100%"><tr><td style=""><img style="border: 1px solid rgb(153, 153, 153);"

src=头像图片地址></td><td valign="top"><table width="100%"><tr><td><img src="/style/common/性别.gif"></td></tr><tr><td><div style="font-weight: bold;font-size:16px;"><a href="邮箱地址">你的名字</a></div></td></tr><tr><td><div>年龄,星座</div></td></tr><tr><td><div>详细地址</div>

 

性别男 gg 生成在线状态> 进去填写好资料后生成网页代码然后全复制过来.( 复制在最后)

 

3.1.光晕效果文字代码

<DIV style="FILTER: glow(color=#ff6600,strength=6); COLOR: #000000; HEIGHT: 10px"><FONT size=5>要输入的文字</FONT></DIV>

-------------------

3.2.滚动字代码

<marquee border="0" align="middle" scrolldelay="120">要输入的文字</marquee>

----------------------

4.涂鸦版

这个涂鸦板,就是版面设计不好,代码是:

<EMBED pluginspage=_Prod_Version=ShockwaveFlash src=http://flash.haoniub.com/flash_data/fe_f/6633.swf width=400 height=300 type=application/x-shockwave-flash quality="high">

----------------------

5.发光效果

<FONT style="COLOR: #FF0033; FILTER: glow(color=blue); FONT-FAMILY: 宋体; FONT-SIZE: 30pt; WIDTH: 100%"><B>要输入的文字</B></FONT>

 img src="图片地址">

贴带连接的字:<a href="所要连接的相关地址">写上你想写的字</a>

带连接的图片</a> <a target="cont" href="地址"><img src="图片地址" width="100" height="100" border="0"></a>

贴音乐:<embed src="音乐地址" width="宽度" height="高度" autostart=false>embed src="flash地址" width="宽度" height="高度">

贴影视文件:<img dynsrc="文件地址" width="宽度" height="高度" start=mouseover>

 

<a href=网站地址  target=_blank>网站名字<br>

其中:target=_blank是另外打开网页

<br>是另一行

 

3、图片连接:

<img src=图片地址 width=图片宽 height=图片高><br>

 

4、文章连接:

<a href=文章地址  target=_blank>文章名字<br>

②贴rm,ra,ram类型的音乐,代码如下: 

(?#123;用的是計算機内的Realplay播放器) 

</textarea><embed width="0" height="0" type="audio/x-pn-realaudio-plugin" autostart="true" controls="ControlPanel" src="音樂源地址";> 

③播放Mid格式的音樂 : 

</textarea><embed src="音樂源地址" type="audio/midi" hidden="false" autostart="true" loop="true" height="20" width="200"></embed> 

④播放.Avi.Mpg格式的音樂: 

</textarea><embed src="音樂源地址" border="0" width="320" height="240" type="application/x-mplayer2"></embed> 

⑤播放.Mp3.Mov格式的音樂: 

</textarea><embed controller="true" width="200" height="20" src="音樂源地址" border="0" pluginspage="

 4. 带解说文字的图片代码(就是鼠标放在图片上有文字显示的)

    <img src="图片地址" width=620 height=138 border=0 title="说明文字" align=absmiddle>

 

 5.   ★黑白效果     <IMG src="图片地址" style="FILTER: gray(color=#ffedff)">

    ★底片效果     <IMG src="图片地址" style="FILTER: xray(color=#ffedff)">

    ★左右反置     <IMG src="图片地址" style="FILTER: fliph(color=#ffedff)">

    ★左右上下反置 <IMG src="图片地址" style="FILTER: flipv(color=#ffedff)">

    ★滤镜效果     <img src="图片地址" width=380 height=147 style=filter:Alpha(opacity=100,style=2)>

    ★上下倒影     <P align=center><FONT style="FONT-SIZE: 27pt; COLOR: #00ff00; HEIGHT: 10px"><IMG src="上面图片地址"><FONT style="FONT-SIZE: 27pt; FILTER: wave(strength=3,freq=3,phase=0,lightstrength=30) blur() flipv(); COLOR: #3333ff; HEIGHT: 10px"><IMG src="下面图片地址"></FONT></FONT></P>

           ★图片重复    <MARQUEE behavior=alternate direction=up height=300 width=130><img src=图片1地址></MARQUEE><FONT color=orange><MARQUEE behavior=alternate direction=up height=250 width=130><img src=图片2地址></MARQUEE><FONT color=Fuchsia><MARQUEE behavior=alternate direction=up height=300 width=130><img src=图片3地址></MARQUEE><FONT color=olive><MARQUEE behavior=alternate direction=up height=250 width=130><img src=图片4地址></MARQUEE>

        6. 无边框图片:  <div style="padding:0px; ; zindex: 90" resiziable="true"><IMG src="图片地址" border="0" width="图片的宽" height="图片的高">

 7. 图片特效--上下,左右分别振动

    <table width="200" cellspacing="0" cellpadding="0"><tr align="center"><td style="BORDER-top: rgb(0,0,0) 1px dotted; BORDER-right: rgb(0,0,0) 1px dotted"><marquee behavior="alternate" direction="left" height="80"width="100%" scrolldelay="60"><img src="图片1地址" width="110" height="70" border="0"></a></marquee></td></tr><td style="BORDER-bottom: rgb(0,0,0) 1px dotted; BORDER-right: rgb(0,0,0) 1px dotted"><marquee behavior="alternate" direction="up" height="80"width="100%"scrolldelay="60"><img src="图片2地址" width="110" height="70" border="0"></a></marquee></td></tr></table>

    1.  图片1是左右振动,图2是上下振动

            2. 在自定义模块中才有振动效果

MTV/MV/FLASH系列:

 

 1.基本插入MV:   <embed src="你的MV地址" console=clip1 controls=imagewindow height=128 width=180 autostart=true loop=true>

 2.Flash代码:

   普通:<embed src="FLASH地址" width=360 height=280>

   透明:<embed src="FLASH地址" wmode=transparent style="" width="380" height="270">

    3.无边框FLASH:

   普通FLASH:  <div style="padding:0px; ; zindex: 90" resiziable="true"><embed src="FLASH地址" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi? P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="宽" height="高" play="true" loop="true" quality="high" scale="showall" menu="true"></embed></div>

   透明FLASH:  <div style="padding:0px; ; zindex: 90" esiziable="true"><embed src="FLASH地址" quality=high wmode="transparent" WIDTH="宽" HEIGHT="高" TYPE="application/x-shockwave-flash"></div> 

 4.让模块背景全透明的FLASH:

   </textarea></table></tr><td style="BORDER-top: rgb(0,0,0) 1px dotted; BORDER-right: rgb(0,0,0) 1px dotted"><embed src="FLASH地址"  pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="647" height="490" play="true" loop="true" quality="high" scale="showall" wmode="transparent" menu="true"></embed></td></tr></table>

字体系列

 1.基本改字体: <b><font face="字体" size="字号" color="#00BFFF">你要打的字</font></b> 

  

     <b>...</b>是把字体加粗,可选择性使用

             <I>...</I>是把字体倾斜,可选择性使用

             <U>...</U>是  加下划线,可选择性使用

             字体可以是: 宋体,隶书,楷体,华文彩云,黑体……

             color后面的是颜色编码,可进网站参照修改 http://www.ezsell.com.tw/aseip_folder/color.htm

 2.发光的字:<table style="FILTER: glow(color=#6699FF,direction=2)"><font color=#ffffff size=2>要改的字</font></table>

 3.主页走动字(走马灯): <marquee width="157" height="21">要写的字</marquee>

 4.滚动字效果编码:<MARQUEE scrollAmount=1 scrollDelay=60 direction=up width=100 height=50>内容</MARQUEE>

   5.几种文字效果:

    ★模糊效果:         <font color=#EE00EE style="width:610;filter:blur(add=true,direction=135,strength=30)">文字内容</font>

    ★投影效果:         <font color=#FF0000 style="width:80;filter:shadow(color=#0000FF,direction=135)">文字内容</font>

    ★波纹效果:         <font color=#FF0000 style="width:80;filter:wave(add=add,freq=2,lighstrength=0,phase=25,strength=2)">文字内容</font>

    ★定点投影效果:     <font color=#FF0000 style="width:80;filter:dropshadow(color=#0000FF,offx=1,offy=2,positive=true)">文字内容</font>

    ★透明效果:         <font color=#FF0000 style="width:80;filter:alpha(opacity=10,finishopacity=20,sytle=2,startx=1,starty=1,finishx=100,finishy=100)">文字内容</font>

         finishopacity=20这里可以修改透明度.从1-100中选择数字,100是完全不透明.0是完全透明.

    ★浮雕效果:         <table style="FILTER: dropshadow(color=#6699FF, offx=1, offy=1, positive=1);"><font color=#ffffff>文字内容</font></table>

 

    ★阴影效果:         <table style="Filter:Shadow(color=#ff0000,direction=45)">文字内容</table>

        <table style="Filter:FlipH">文字内容</table>

        <table style="Filter:FlipV">文字内容</table>

          <style type="text/css">.3dfont { FILTER: glow(color=ffffff,strength=0) shadow(color=cccccc,direction:135); ;/style><table border="0" width="100%"><tr><td width="100%" ><font color="#008040">文字内容</font>

 

    ★左右互动字效果:   <FONT color=#0096ff face=隶书 size=7><MARQUEE height=50 width=240>文字内容</FONT></MARQUEE><FONT color=#0000ff face=隶书 size=7><MARQUEE direction=right height=50 width=240>文字内容</MARQUEE></FONT></FONT>

    ★跳跳字:           <MARQUEE behavior=alternate direction=up height=98 scrollAmount=5><MARQUEE behavior=altrnate scrollAmount=2 width=460><FONT color=red face=楷体_gb2312 size=7>文字内容</FONT></MARQUEE></MARQUE></MARQUEE>

    ★奇怪来回走动:     <MARQUEE behavior="alternate" direction="up" height="80" width="60%" scrollamount="2" scrolldelay="0"><marquee behavior="alternate" scrollamount="2">文字内容</marquee></marquee>  

    ★滚动字效果:       <MARQUEE scrollAmount=1 scrollDelay=60 direction=up width=100 height=50>文字内容</MARQUEE>

 6.彩虹字:(该代码是无边框代码,字效可以去喵喵代码测试器查看)

<div style="padding:0px; ; zindex: 90" resiziable="true">

<DIV style="WIDTH: 500px; HEIGHT:100px"><IMG height=2 src="http://kr.img.blog.yahoo.com/ybi/1/63/8e/gene7299/folder/3/img_3_14_4?1115913833.gif" width=460px align=right>

<IMG height=100px src="http://kr.img.blog.yahoo.com/ybi/1/63/8e/gene7299/folder/3/img_3_14_11?1115913832.gif" width=500px align=right>

<DIV style="FONT-SIZE: 18px; FILTER: Chroma(color=#FCFBFA); BACKGROUND-COLOR:#000000" align=center><FONT color=#FCFBFA>文字内容</FONT></DIV></DIV>

 

 

图片处理

 

1、反色:

<IMG src="图片地址" style="FILTER: invert()" border=0>

2、浮雕效果

<IMG src="图片地址" style="filter : progid:DXImageTransform.Microsoft.Emboss(Bias=0.7) ;" border=0>

3、扭曲效果:

<IMG src="图片地址" style="FILTER: wave(add=0,freq=3,lightstrength=50,phase=0,strength=3)" border=0>

(freq=5表示扭曲尺度,strength=5表示扭曲强度)

4、虚线边框效果:

<IMG src="图片地址" style="FILTER: Gray;border-width:2;BORDER-STYLE: dotted;" border=0>IMG src="图片地址" style="FILTER: Alpha(Opacity=80,style=2)" border=0>

(style=2表示模糊类型,1表示从左往右渐变模糊,2如图效果,3表示四周渐变模糊

  评论这张
 
阅读(56)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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