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

江南

烟雨蒙蒙上阁楼。梅影横窗,倚案凝眸。抚琴谁与解弦愁?心锁眉头,风雨同舟!

 
 
 

日志

 
 

自博客代码全集  

2008-11-14 11:05:59|  分类: 博客素材 |  标签: |举报 |字号 订阅

  下载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="padding: 2px;"><img style="border: 1px solid rgb(153, 153, 153); width: 140px; height: 140px;"
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  女 mm

加QQ在线交谈按钮: QQ个人设置-右下角<生成在线状态> 进去填写好资料后生成网页代码然后全复制过来.( 复制在最后)

 

3.1.光晕效果文字代码
<DIV style="FILTER: glow(color=#ff6600,strength=6); COLOR: #000000; HEIGHT: 10px"><FONT size=5>要输入的文字</FONT></DIV>
-------------------
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>

 

常用代码:


1、基本代码:

贴图:<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>
贴flash: <embed src="flash地址" width="宽度" height="高度">
贴影视文件:<img dynsrc="文件地址" width="宽度" height="高度" start=mouseover>

 

2、友情连接:

编辑-排版-模块-添加自定义HTML 

<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="
http://www.apple.com/quicktime/download/indext.html"></embed

 

文字设置


1、 文字基本设制

 基本代码如下:

 <P align=center><FONT color=#0066ff face=隶书 size=5>插入文字</FONT></P>

 align=center 表示字体居中,可选值为居右(right)居左(left)

 color=颜色代码 具体颜色代码可参照:颜色选取<<点击查看

 face=字体 常用字体为:宋体.黑体.楷体.仿宋.新宋体.细明体等

 size=字体大小,这里的最大值为7 取值越大文字就越大

 2、大字体文字

 代码:

 <font style=font:40pt face=新宋体 color=#ff0000>插入文字</font>

 font:40pt 数值越大文字就越大。

 3、移动文字设置:

 基本代码1:

 <marquee direction=移动方向 scrollamount=移动速度数值>插入文字</marquee>

 说明:direction=移动方向 可选值为向上(up) 向下(down) 向左(left) 向右(right)

 基本代码2:

 <marquee behavior=移动效果>插入文字</marquee>

 说明:

 behavior=scroll 一圈一圈绕着走 

 behavior=slide 只走一次 

behavior=alternate 来回走

 停停走走:

 代码如下:

 <marquee scrolldelay=500 scrollamount=100>插入文字</marquee>

 

图片系列:

 1.最基本的插入大图: <IMG src="图片" width="100" height="250">
          让图片居中: <center><IMG src="图片" width="100" height="250"></center>
 
 2.多张图片滚动代码:
    <MARQUEE direction=left width=200 height=250><IMG src="你的图片地址1" width=400><IMG src="你的图片地址2" width=400><IMG src="你的图片地址3" width=400><IMG src="你的图片地址4" width=400>

    本代码说明: direction=up 是图片滚动方向,可以修改为UP(上)、DOWN(下)、LEFT(左)、RIGHT(右)。 width=200  height=250 是整体可移动范围的宽和长,可以根据需要修改。后面的width=400 是指图片的宽度。
 
 3. 图片防被盗代码: 
      屏蔽反键:  </textarea><img src="图片地址" width="400" height="400" body oncontextmenu="return false"></textarea>
     鼠标放上去弹出提示窗: <A HREF="java&#83;cript:void(0)" 要显示的字')"><IMG SRC="图片地址" Align="center" Border="0" width="250" height="200"></A>

 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; WIDTH: 220px; COLOR: #00ff00; HEIGHT: 10px"><IMG src="上面图片地址"><FONT style="FONT-SIZE: 27pt; FILTER: wave(strength=3,freq=3,phase=0,lightstrength=30) blur() flipv(); WIDTH: 220px; 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; LEFT: 0px; OVERFLOW: hidden; WIDTH:634px; ; TOP: 0px; HEIGHT: 530px; 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-bottom: rgb(0,0,0) 1px dotted; BORDER-left: 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-left: 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是左右振动,图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">

     *说明: width宽度 height高度,可自行修改调节

 3.无边框FLASH:
   普通FLASH:  <div style="padding:0px; LEFT: 0px; OVERFLOW: hidden; WIDTH:634px; ; TOP: 0px; HEIGHT: 530px; 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; LEFT: 0px; OVERFLOW: hidden; WIDTH:634px; ; TOP: 0px; HEIGHT: 530px; 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-bottom: rgb(0,0,0) 1px dotted; BORDER-left: 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>

    ★3D文字效果:        <style type="text/css">.3dfont { FILTER: glow(color=ffffff,strength=0) shadow(color=cccccc,direction:135); ; WIDTH: 100% }</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; LEFT: 0px; OVERFLOW: hidden; WIDTH: 500px; ; TOP: 0px; HEIGHT: 80px; 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); FLOAT: left; WIDTH: 500px; HEIGHT:80px; 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>

(border-width:2表示边框宽度,数值可改)


7、透明效果:
<IMG src="图片地址" style="FILTER: Alpha(Opacity=80,style=2)" border=0>

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

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

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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