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

散花竹

 
 
 

日志

 
 
关于我

一匹来自绝地的苍狼!于五月中诞生,融入栉沐风雨.孤独的游弋在沙漠边缘.层层沙浪仿佛是它的琴键,弹奏着一只只舞曲,一曲曲生命的和弦.一个前无古人的境界。雪地混着月光,黎明仍没有希望.胸怀一世的苍凉,拥抱万世的辉煌

以图片为背景发表文章代码:  

2007-01-09 20:25:43|  分类: 博客代码 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 

图片上飘动的文字特效代码:


<TABLE borderColor=#cd5c5c height=350 width=450 align=center border=3>
<TBODY>
<TR>
<TD background=图片地址>
<MARQUEE scrollAmount=3 direction=down behavior=alternate height=350>
<MARQUEE scrollAmount=3 behavior=alternate width=500>
<P align=center><FONT color=red size=6><B>图片上的文字</B></FONT></P></MARQUEE></MARQUEE></TD></TR></TBODY></TABLE>
 
        代码说明:
 
        width为浮动文字框架的宽度;
        height为浮动文字框架的高度;
        color=red表示文字颜色为红色(查询颜色代码)
 
        效果预览:

演示文字

 
 

        以图片为背景发表文章代码:

<table width="450" border="0">
<tr>
<td height="500" background="图片地址"></td>
</tr>
</table>

        效果预览:

 

    这里是演示文字。

    这些文字可以直接在图片上输入。

    为了美观,建议从其他文本编辑器中直接将文章复制到图片上


制作方法如下:

  1. 进入发表文章窗口;(想要作背景的图片网络地址应该先前就知道,否则文章做一半又得去找图,多烦!)

  2. 勾选“显示源代码”---至关重要!

  3. 在编辑栏内添加下列代码:

 

<table width="450" border="0">
<tr>
<td height="562" background="
http://album.sina.com.cn/pic/48506b8a020001ix"></td>
</tr>
</table>

 

  4. 取消“显示源代码”的选择,你就会在编辑栏看到图片,而且光标也在图片之上(可能光标的首行不在图片的顶端,不过没有关系,尽管从光标的首行可是您的写作就行了,文字会自动顶到图片的顶端);

  5. 写文章与没有图片一样,完了点击“发表文章”就行了。

  6. 把红色部分换成你的图片地址就可以了。450和562换成你图片的大小。

  7. 看见我做的了没有?




  

 

 

以图片为背景发表文章代码: - 绝地苍狼 - 散花竹0 && image.height>0){if(image.width>=510){this.width=510;this.height=image.height*510/image.width;}}" border=0>以图片为背景发表文章代码: - 绝地苍狼 - 散花竹0 && image.height>0){if(image.width>=510){this.width=510;this.height=image.height*510/image.width;}}" border=0>以图片为背景发表文章代码: - 绝地苍狼 - 散花竹0 && image.height>0){if(image.width>=510){this.width=510;this.height=image.height*510/image.width;}}" border=0>以图片为背景发表文章代码: - 绝地苍狼 - 散花竹0 && image.height>0){if(image.width>=510){this.width=510;this.height=image.height*510/image.width;}}" border=0>

 

<M1、把自己喜欢的图片发到本博客的某篇旧文字里,当然你也可以把图片插入到任何可以上传的网站里,但由于系统原因,可能打开时不同步,这样就造成很多网友的博客打开以后,图片显示的是小红叉。

2、打开这篇图片文章,点击图片,地址栏里就出现一个新的地址。不要管它的后缀,这个地址是可以使用的,它就是下面准备往代码中插入的图片链接地址。

3、建立新的空白面板,切换到“显示源代码”状态。
 
4、在代码<DIV></DIV>间插入如下代码:

ARQUEE scrollAmount=1 scrollDelay=60 direction=right width=160 height=270 ><IMG height=270 src="http://blog.sina.com.cn/pic/3d09ff700200003q" width=160 border=0><IMG height=270 src="http://blog.sina.com.cn/pic/3d09ff700200003s" width=160 border=0><IMG height=270 src="http://blog.sina.com.cn/pic/3d09ff700200003r" width=160 border=0><IMG height=270 src="http://blog.sina.com.cn/pic/3d09ff700200003t" width=160 border=0></A></MARQUEE>

6 把以上红色链接地址换成自己的图片地址即可。

7 代码中可以修改的地方

direction=right 是移动的方向 
  上:up     
  下:down    
  左:right   
  右:left 
  scrollamount=5 是向下移动速度,可以调整,一般设置在1---15的范围内比较好.

 8大家可以把代码合起来用,设置成上和下对应,或者左右对应的,。

2. 图片朦胧

A.圆形效果

代码: <IMG src="图片" width=500 height=375 style="filter:Alpha(opacity=100,style=2);">

B.方形效果
代码: <IMG src="图片" style="FILTER: Alpha(opacity=200,style=3)" width=500 height=375 ALGIN="MIDDLE">

3.图片的百叶窗效果

<TABLE border=0>
<TBODY>
<TR>
<TD style="FILTER: wave(add=true,freq=100,lightstrength=100,phase=4,strength=5)" width=360 background=图片地址 height=460></TD></TR></TBODY></TABLE>

4.图片上加滚动字

<CENTER>
<TABLE cellSpacing=15 cellPadding=5 width=550 align=center background=图片地址 border=15 table>
<TBODY>
<TR>
<TD>
<P>
<P>
<MARQUEE scrollAmount=2 direction=up height=395><B>
<CENTER><FONT size=5><FONT color=#ff1493>红袖翩翩欢迎您的到来<BR>承蒙大家的支持,<BR>希望大家天天开心天天快乐!<BR></FONT></FONT></CENTER></B></MARQUEE></P></TD></TR></TBODY></TABLE></CENTER>

 

移动图片的代码如下:

<marquee><img src="http://img166.photo.163.com/lindahu2008/5985107/469815470.jpg";><img src="http://img166.photo.163.com/lindahu2008/5985107/469815470.jpg";><img src="http://img166.photo.163.com/lindahu2008/5985107/469815470.jpg";><marquee>


 

以图片为背景发表文章代码: - 绝地苍狼 - 散花竹0 && image.height>0){if(image.width>=510){this.width=510;this.height=image.height*510/image.width;}}" ;>以图片为背景发表文章代码: - 绝地苍狼 - 散花竹0 && image.height>0){if(image.width>=510){this.width=510;this.height=image.height*510/image.width;}}" ;>以图片为背景发表文章代码: - 绝地苍狼 - 散花竹0 && image.height>0){if(image.width>=510){this.width=510;this.height=image.height*510/image.width;}}" ;>

  评论这张
 
阅读(880)| 评论(7)

历史上的今天

评论

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

页脚

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