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

静远草堂

静心度沧桑 远足浪天际 草芥凡夫子 堂正立尘埃

 
 
 

日志

 
 

如何在图片上写字  

2011-01-03 13:40:29|  分类: 网页制作 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 

如何用图片做底板在图片上写日记现在向朋友们介绍一下:
1.复制这段代码:

<table width="650" border="0"><tr><td height="500" background=这里加入图片地址></td></tr></table>

进入写日记页面,点击右上角的《全部功能》——>点击这个<>符号——>粘贴复制好的代码——>回到开始的写日记页面就可以在图片上面写日记了。
2.代码中的 width="650"是图片的宽、height="500"是图片的高。可以根据自己需要进行调整。
3.日记字体的大小和颜色可以用日记编辑栏的工具进行调整。

4.图片够宽大,可以使用的代码:

</Table></tr></td><Table width=100% background="图片网址"><tr><td>

 

   图片作背景写上你的文字

 


  通过代码,将你喜欢的任意一副图片作文字的背景,然后在上面写上你的文字,从而起到美化和装饰作用。

如下图:     


 

 


 

 

 

 

     


 

 

 代码是:

<DIV class="g_t_center g_c_pdin g_p_center c07 content" id=blogtext_fks!084066093094084068093081095095080085084075085087086069 style="WIDTH: 800px">

<TABLE style="WIDTH: 100%" borderColor=#ffffff cellSpacing=0 cellPadding=0 background=http://img525.photo.163.com/dazhong2486/59087572/__scale__1_1619694730.jpg border=0>

<TBODY>

<TR vAlign=top align=left>

<TD>

<P>&nbsp;</P>

<P align=center><STRONG><FONT size=6></FONT></STRONG><FONT color=#ff33cc>&nbsp;</FONT></P>

<P align=center><STRONG><FONT size=6></FONT></STRONG><FONT color=#ff33cc>&nbsp;</FONT></P>

<P align=center><STRONG><FONT size=6></FONT></STRONG><FONT color=#ff33cc>&nbsp;</FONT></P>

<P align=center><STRONG><FONT color=#ff33cc size=6>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </FONT></STRONG></P></TD></TR></TBODY></TABLE></DIV>

 

 具体做法:

1、打开“写日志”,点右上角“全部功能”。然后点开下面那个小三角括弧,进入代码状态:

 

引用 (原创)教你一招:图片作背景写上你的文字 - 博啦 - 博啦的博客

 

2、 把上面的代码复制到下面的空白处,如下图:

 

引用 (原创)教你一招:图片作背景写上你的文字 - 博啦 - 博啦的博客

 

3、把你希望当作背景图片的网址复制,替换代码里面的这个图片网址(注意,图片应该是 jpg 格式):

 

 

引用 (原创)教你一招:图片作背景写上你的文字 - 博啦 - 博啦的博客

 

 

4、代码里面的那个数字800表示背景的宽度。如果你的图片不是很大,你可以把它设置小一点,比如650、600、500等,都是可以的。

 

引用 (原创)教你一招:图片作背景写上你的文字 - 博啦 - 博啦的博客

 

5、完成以上步骤后,点击“保存为草稿”,你就会看到你添加的背景效果了。然后重新点开“编辑”,你就可以在你的背景图片上写字了。


 

        若想省事,你也可以把上面这几幅已经做好的背景复制到你的博客里,直接在上面写你的文字就可以了。是不是很简单哟。呵呵。愿朋友们开心。

      另:在网上看见一副漂亮的图片,怎样获得它的网址呢?方法是:鼠标点在图片上,点右键,选属性,就可以看见:地址(URL),后面的那一串就是图片的网址了。

 

滚动字幕
欢迎走进博啦的博客  欢迎走进博啦的博客  


演示效果:


欢迎光临博啦的博客,博啦为您准备了大量的博客素材、电脑知识,哲理文章,养生保健,百万书库,幽默笑料,为人处世,生活常识,五花八门的有用的东西。如果您在游览本博时有什么问题和看法,尽管提出宝贵意见!谢谢您的光临!

 

代码提示:将下面的代码复制到〈〉中

<MARQUEE style="FILTER: glow(color=#000000)" scrollAmount=1 direction=up width=500 height=190><FONT style="FONT-SIZE: 16pt; COLOR: #ffcc99; FONT-FAMILY: #字体=隶书">
<DIV align=right>欢迎光临博啦的博客,博啦为您准备了大量的博客素材、电脑知识,哲理文章,养生保健,百万书库,幽默笑料,为人处世,生活常识,五花八门的有用的东西。如果您在游览本博时有什么问题和看法,尽管提出宝贵意见!谢谢您的光临!<BR></DIV></FONT></MARQUEE>

欢迎走进博啦的博客  欢迎走进博啦的博客  


 


宠辱不惊,看门前花开花落;
去留无意,望天上云卷云舒。
欢迎光临博啦的博客

代码提示:将下面的代码复制到〈〉中

<MARQUEE style="FILTER: glow(color=#000000)" scrollAmount=1 direction=up width=500 height=190><FONT style="FONT-SIZE: 16pt; COLOR: #ffcc99; FONT-FAMILY: #字体=隶书">
<DIV align=right>宠辱不惊,看门前花开花落;<BR>去留无意,望天上云卷云舒。<BR>欢迎光临博啦的博客<BR></DIV></FONT></MARQUEE>

         欢迎走进博啦的博客  欢迎走进博啦的博客  


 


多读书胸中自负
勤学习万事皆通
欢迎光临博啦书屋

代码提示:将下面的代码复制到〈源代码〉中

<MARQUEE style="FILTER: glow(color=#000000)" scrollAmount=1 direction=up width=500 height=190><FONT style="FONT-SIZE: 16pt; COLOR: #ffcc99; FONT-FAMILY: #字体=隶书">
<DIV align=right>多读书胸中自负<BR>勤学习万事皆通<BR>欢迎光临博啦书屋<BR></DIV></FONT></MARQUEE>

          欢迎走进博啦的博客  欢迎走进博啦的博客  


 



关注健康! 关爱生命!
把一生的幸福送给您
欢迎光临博啦的博客

代码提示:将下面的代码复制到〈源代码〉中

<MARQUEE style="FILTER: glow(color=#000000)" scrollAmount=1 direction=up width=500 height=190><FONT style="FONT-SIZE: 16pt; COLOR: #ffcc99; FONT-FAMILY: #字体=隶书">
<DIV align=right>关注健康! 关爱生命!<BR>把一生的幸福送给您<BR>欢迎光临博啦的博客<BR></DIV></FONT></MARQUEE>

欢迎走进博啦的博客  欢迎走进博啦的博客   


    

代码提示:将下面的代码复制到〈源代码〉中

<MARQUEE style="FILTER: glow(color=#000000)" scrollAmount=1 direction=up width=500 height=190><FONT style="FONT-SIZE: 16pt; COLOR: #ffcc99; FONT-FAMILY: #字体=隶书">
<DIV align=right>当一个人生活枯燥的时候<BR>别忘了用心体会是一种习惯<BR>当一个人人生乏味的时候<BR>别忘了培养幽默是一种习惯<BR>欢迎光临——博啦的博客!<BR></DIV></FONT></MARQUEE>

                                        演示效果:


当一个人生活枯燥的时候
别忘了用心体会是一种习惯
当一个人人生乏味的时候
别忘了培养幽默是一种习惯
欢迎光临——博啦的博客!

 

漂亮字体及代码:

1、彩色字体色彩绚丽

彩色字体色彩绚丽

2、围边字体


 

围边字体 体字边围


3、投影字体

投影字体 投影字体

4、抛射字体


抛射字体

5、向下移动的文字


向下移动的文


向上移动的文字



6、向左\右移动的文字



向左移动的文字


 

向右移动的文字

7、由中间向两边移动的文字和图像


 
由中间向两边移动的文字和图像


由中间向两边移动的文字和图像制作移动的漂亮字及代码 - 博啦 - 博啦的博客

8、来回走动的文字



来回走动的文字


9、波浪式的文字



vior=altrnate width=590 src="">
波浪式的文字


 

10、左右运动的文字



左右运动的文字

左右运动的文字

 

11、其实倒影字就这么简单!


其实倒影字就这么简单!
其实倒影字就这么简单!

12、原地跳动的文字


13、交替跳跃的文字



14、模糊的背景字

15、穿梭的文字   穿 穿制作移动的漂亮字及代码 - 博啦 - 博啦的博客 梭 梭制作移动的漂亮字及代码 - 博啦 - 博啦的博客 文 文制作移动的漂亮字及代码 - 博啦 - 博啦的博客 字 字  16、彩虹文字

彩虹字体
 

17、左向右上下起伏飞翔, height=200 是上下起伏飞翔幅度,可以调整,区分图片大小,一般设置在50至150的范围内比较好


!去回快
制作移动的漂亮字及代码 - 博啦 - 博啦的博客制作移动的漂亮字及代码 - 博啦 - 博啦的博客制作移动的漂亮字及代码 - 博啦 - 博啦的博客


 

18、右向左上下起伏飞翔,height=100 是上下起伏飞翔幅度,可以调整,区分图片大小,一般设置在50至150的范围内比较好

制作移动的漂亮字及代码 - 博啦 - 博啦的博客制作移动的漂亮字及代码 - 博啦 - 博啦的博客我在追“心”



 

代码:

1、彩色字体色彩绚丽

</font><br>

<P align=center><STRONG><FONT size=6><FONT face=华文新魏><FONT color=#ff0000>彩

</FONT><FONT color=#ff8900>色</FONT><FONT color=#92c000>字</FONT><FONT color=#00c024>体</FONT><FONT color=#00c0da>色</FONT><FONT color=#0053ff>彩</FONT><FONT color=#4800ff> 绚</FONT><FONT color=#ff00ff>丽</FONT></FONT></FONT></STRONG></P>

2、阴影字体

</font><br><P align=center><FONT style="FONT-SIZE: 30pt; FILTER: shadow(color=333366

); WIDTH: 631px; COLOR: #3333ff; LINE-HEIGHT: 150%; FONT-FAMILY: 华文新宋; HEIGHT: 51px"></P>

<P align=center>阴影字体</P></FONT>

3、围边字体

</font><br><P align=center> </P><FONT style="FONT-SIZE: 30pt; FILTER: glow(color=gray,strength=5); WIDTH: 100%; COLOR: red; LINE-HEIGHT: 150%; FONT-FAMILY: 华文行楷">

<P align=center><B>围边字体 体字边围</B></P></FONT>

4、投影字体

</font><br><P align=center> </P>

<P align=center><FONT style="FONT-WEIGHT: bolder; FONT-SIZE: 40px; FILTER: blur(add=1, direction=45,strength=10); WIDTH: 450px; " color=#000099>投影字体 投影字体</FONT></CAPTION> <BR></CAPTION></P>

5、抛射字体

<DIV align=center>

<DIV style="FILTER: shadow(color=#FF9999

, strength=60); WIDTH: 480px; HEIGHT: 121px"><FONT face=华文彩云 color=#ff0000 size=7><B>

<CENTER>抛射字体</B></CENTER></FONT>

<DIV align=left><BR><BR></DIV></DIV></DIV>

<P align=left> </P>

6、带背景的闪光字体(背景图片可以换)

<P align=center><BR>

<TABLE cellSpacing=0 cellPadding=0 align=center background=http://616bbs.vicp.net/picture/yn/hexiang/st4.gif>

<TBODY>

<TR>

<TD style="FILTER: chroma(color=#336699)">

<TABLE align=center background=http://lanxinzhu.nease.net/wangye/beijin/x1.jpg>

<TBODY>

<TR>

<TD align=middle><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 40pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=楷体_gb2312 color=#336699><B>带背景的闪光字体(背景图片可以换)</B></FONT></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></P>

7、向上移动的文字

</font><br><P align=center>

<TABLE style="TABLE-LAYOUT: fixed; WORD-BREAK: break-all" width="90%" border=0>

<TBODY>

<TR>

<TD style="FONT-SIZE: 11pt; LINE-HEIGHT: 15pt" width="100%"><BR>

<DIV align=center>

<MARQUEE style="WIDTH: 397px; HEIGHT: 200px" scrollAmount=8 direction=up>

<P align=center><FONT face=隶书 color=#ff0000 size=7><B>向上移动的文字</B></FONT></P></MARQUEE></DIV></TD></TR></TBODY></TABLE></P>

8、向下移动的文字

<P align=center>

<TABLE style="TABLE-LAYOUT: fixed; WORD-BREAK: break-all" width="90%" border=0>

<TBODY>

<TR>

<TD style="FONT-SIZE: 11pt; LINE-HEIGHT: 15pt" width="100%"><BR>

<DIV align=center>

<MARQUEE style="WIDTH: 397px; HEIGHT: 200px" scrollAmount=8 direction=down>

<P align=center><FONT face=隶书 color=#ff0000 size=7><B>向下移动的文字</B></FONT></P></MARQUEE></DIV></TD></TR></TBODY></TABLE></P>

9、向左移动的文字

<P align=center>

<TABLE style="TABLE-LAYOUT: fixed; WORD-BREAK: break-all" width="90%" border=0>

<TBODY>

<TR>

<TD style="FONT-SIZE: 11pt; LINE-HEIGHT: 15pt" width="100%"><BR>

<DIV align=center>

<MARQUEE style="WIDTH: 397px; HEIGHT: 200px" scrollAmount=8>

<P align=center><FONT face=隶书 color=#ff0000 size=5><B>向左移动的文字</B></FONT></P></MARQUEE></DIV></TD></TR></TBODY></TABLE></P>

10、向右移动的文字

<P align=center><BR></P>

<P align=center>

<MARQUEE style="WIDTH: 397px; HEIGHT: 200px" scrollAmount=10 direction=right>

<P align=center><FONT face=隶书 color=#ff0000 size=7><B>向右移动的文字</B></FONT></P></MARQUEE></P>

11、由中间向两边移动的文字和图像

<P align=center> </P>

<P align=center><FONT face=华文彩云 color=#ee110e size=5>

<MARQUEE width=200 height=50><IMG onmousewheel="return bbimg(this)" style="CURSOR: pointer" src="" >由中间向两边移动的文字和图像 </FONT></MARQUEE><FONT face=华文彩云 color=#ee110e size=5><FONT face=华文彩云 color=#ee1111 size=5>

<MARQUEE direction=right width=200 height=50>由中间向两边移动的文字和图像<IMG onmousewheel="return bbimg(this)" style="CURSOR: pointer" src="" ></FONT></MARQUEE></FONT></FONT></P></FONT>

12、来回走动的文字

</font><br>

<P align=center> </P>

<P align=center>

<TABLE style="TABLE-LAYOUT: fixed; WORD-BREAK: break-all" width="90%" border=0>

<TBODY>

<TR>

<TD style="FONT-SIZE: 11pt; LINE-HEIGHT: 15pt" width="100%"><BR>

<DIV align=center>

<MARQUEE scrollAmount=8 behavior=alternate ?WIDTH: 397px; HEIGHT: 200px?>

<P align=center><FONT face=隶书 color=#ff0000 size=6><B>来回走动的文字</B></FONT></P></MARQUEE></DIV></TD></TR></TBODY></TABLE></P>

13、波浪式的文字

</font><br><P align=center> </P>

<MARQUEE scrollAmount=5 direction=up behavior=alternate height=150>

<DIV align=center>

<MARQUEE scrollAmount=3 behavior=altrnate width=460 <IMG src="">

<DIV align=center><FONT face=隶书 color=red size=7>波浪式的文字</FONT></DIV></MARQUEE></DIV></MARQUE></MARQUEE>

14、左右运动的文字

</font><br><DIV align=center>

<MARQUEE direction=right width=250 height=50>

<DIV align=center> <FONT face=隶书 color=#ff0000 size=7>左右运动的文字</FONT></DIV></MARQUEE></DIV>

<DIV align=center>

<MARQUEE width=250 height=50>

<DIV align=center><FONT face=隶书 color=#ff0000 size=7>左右运动的文字</FONT></DIV></MARQUEE></DIV>

15、其实倒影字就这么简单!

</font><br><P align=center><FONT style="FONT-SIZE: 30pt; WIDTH: 100%; COLOR: blue; LINE-HEIGHT: 150%; FONT-FAMILY: 华文新魏"><B><EM>其实倒影字就这么简单!</EM></B></FONT><FONT style="FONT-SIZE: 30pt; FILTER: FlipV; WIDTH: 100%; COLOR: blue; LINE-HEIGHT: 150%; FONT-FAMILY: 华文新魏"><B><EM>其实倒影字就这么简单!</EM></B></FONT></P>

16、原地跳动的文字

<DIV></DIV></B>

<CENTER><FONT style="FONT-SIZE: 40pt; FILTER: glow(color: mistyrose,pink=50); WIDTH: 100%; COLOR: #0033ff; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云">

<MARQUEE direction=up behavior=alternate width=60 height=120>

<CENTER><B>原</B></CENTER></MARQUEE>

<MARQUEE direction=up behavior=alternate width=60 height=120>

<CENTER><B>地</B></CENTER></MARQUEE>

<MARQUEE direction=up behavior=alternate width=60 height=120>

<CENTER><B>跳</B></CENTER></MARQUEE>

<MARQUEE direction=up behavior=alternate width=60 height=120>

<CENTER><B>动</B></CENTER></MARQUEE>

<MARQUEE direction=up behavior=alternate width=60 height=120>

<CENTER><B>文</B></CENTER></MARQUEE>

<MARQUEE direction=up behavior=alternate width=60 height=120>

<CENTER><B>字</B></CENTER></MARQUEE></FONT></CENTER>

17、交替跳跃的文字

<DIV></DIV></B>

<CENTER><FONT style="FONT-SIZE: 40pt; FILTER: glow(color: mistyrose,pink=50); WIDTH: 100%; COLOR: #ff6600; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云">

<MARQUEE direction=up behavior=alternate width=80 height=160>

<CENTER><B>交</B></CENTER></MARQUEE>

<MARQUEE direction=up behavior=alternate width=80>

<CENTER><B>替</B></CENTER></MARQUEE>

<MARQUEE direction=up behavior=alternate width=80 height=160>

<CENTER><B>跳</B></CENTER></MARQUEE>

<MARQUEE direction=up behavior=alternate width=80>

<CENTER><B>跃</B></CENTER></MARQUEE>

<MARQUEE direction=up behavior=alternate width=80>

<CENTER><B>文</B></CENTER></MARQUEE>

<MARQUEE direction=up behavior=alternate width=80 height=160>

<CENTER><B>字</B></CENTER></MARQUEE></MARQUEE></FONT></CENTER>

18、模糊的背景字

<CENTER><CENTER><FONT style="FONT-SIZE: 40pt; FILTER: glow(color: 00cc00,strength=40); WIDTH: 100%; COLOR: white; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云">

<MARQUEE direction=up behavior=alternate width=120 height=240>

<CENTER><B>模</B></CENTER></MARQUEE>

<MARQUEE direction=up behavior=alternate width=120 height=180>

<CENTER><B>糊</B></CENTER></MARQUEE>

<MARQUEE direction=up behavior=alternate width=120 height=240>

<CENTER><B>背</B></CENTER></MARQUEE>

<MARQUEE direction=up behavior=alternate width=120 height=180>

<CENTER><B>景</B></CENTER></MARQUEE>

<MARQUEE direction=up behavior=alternate width=120 height=240>

<CENTER><B>字</B></CENTER></MARQUEE></FONT></CENTER>

19、穿梭的文字

<P><STRONG></STRONG>

<CENTER>

<MARQUEE scrollAmount=2 width=60 height=67 align="center" scrolldely="10"><B><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 30pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文琥珀 color=#cf34f6 size=6>穿 穿</FONT></B></MARQUEE><STRONG><IMG height=67 src="" width=109> </STRONG>

<MARQUEE scrollAmount=2 width=60 height=67 align="center" scrolldely="10"><B><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 30pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文琥珀 color=#ff0000 size=6>梭 梭</FONT></B></MARQUEE><STRONG><IMG height=67 src="" width=109> </STRONG>

<MARQUEE scrollAmount=2 width=60 height=67 align="center" scrolldely="10"><B><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 30pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文琥珀 color=#0033cc size=6>文 文</FONT></B></MARQUEE><STRONG><IMG height=67 src="" width=109> </STRONG>

<MARQUEE scrollAmount=2 width=60 height=67 align="center" scrolldely="10"><B><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 30pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文琥珀 color=#006633 size=6>字 字</FONT></B></MARQUEE><STRONG></CENTER>

20、彩虹文字

<P align=center>

<TABLE cellSpacing=0 cellPadding=0 align=center background=http://www.3yz.net/tjxy/jiaocai/05.gif>

<TBODY>

<TR>

<TD style="FILTER: chroma(color=#336699)">

<TABLE style="WIDTH: 593px; HEIGHT: 114px" align=center bgColor=#800080>

<TBODY>

<TR>

<TD align=middle><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 56pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文琥珀 color=#336699><STRONG>彩虹字体</STRONG></FONT></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></P>

21、中间向上下移动语法:

<marquee direction=up scrollamount=3 src=http://infonavi.gznet.gov.cn/jingging/welcome/jinggingt/fangtu3/huace/53.jpg width=650></marquee></center><marquee direction=down scrollamount=3><center><div style="width:400;filter:flipv;"><img src="" width=650></div></center></marquee>

22、左向右上下起伏飞翔, height=200 是上下起伏飞翔幅度,可以调整,区分图片大小,一般设置在50至150的范围内比较好

<marquee direction=right><marquee behavior=alternate direction=up height=200><font color=0000ff size=4 face=华文行楷><b>!去回快</b></font><br><img src=http://www.tongtu.net/image/3/simeng/coolad.gif><img src=http://www.zzi.cc/sck/gif/wp5/h-red.gif><img src=http://bbs.000562.com/attachments/iv6m_0050.gif></marquee><br></marquee>

23、右向左上下起伏飞翔,height=100 是上下起伏飞翔幅度,可以调整,区分图片大小,一般设置在50至150的范围内比较好

<marquee direction=left><marquee behavior=alternate direction=up height=100><img src=http://www.zzi.cc/sck/gif/wp5/h-red.gif><img src=http://bbs.000562.com/attachments/iv6m_0050.gif><font color=0000ff size=3 face=华文行楷>我在追“心”</b></font></marquee></marquee>

   

代码:

<CENTER><FONT face=隶书 color=red size=25>

<MARQUEE direction=up behavior=alternate width=60 height=120>祝</MARQUEE><FONT color=yellow>

<MARQUEE direction=up behavior=alternate width=60 height=80>大</MARQUEE><FONT color=brown>

<MARQUEE direction=up behavior=alternate width=60 height=120>家</MARQUEE><FONT color=green>

<MARQUEE direction=up behavior=alternate width=60 height=80>永</MARQUEE><FONT color=orange>

<MARQUEE direction=up behavior=alternate width=60 height=120>远</MARQUEE><FONT color=yellow>

<MARQUEE direction=up behavior=alternate width=60 height=80>幸</MARQUEE><FONT color=orange>

<MARQUEE direction=up behavior=alternate width=60 height=120>福</MARQUEE></FONT></B></MARQUEE></FONT></CENTER></FONT></FONT></FONT></FONT></FONT></FONT>

博啦欢迎您

代码:

 

<DIV style="FILTER: shadow(color=#c299ff, strength=8); WIDTH: 490px"><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 40pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文彩云 color=#fff000>博啦欢迎您</FONT> <BR></DIV></DIV>

代码:

<DIV style="FILTER: shadow(color=#c299ff, strength=40); WIDTH: 708px; HEIGHT: 483px"><FONT size=3><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 150pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文彩云 color=#fff000>欢迎您</FONT><BR></FONT></DIV>

 淡淡的问候最醇

代码:

<FONT style="FONT-SIZE: 40pt; FILTER: shadow(color=red); WIDTH: 100%; COLOR: green; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云"><B>淡淡的问候最醇</B></FONT><BR></DIV>

博啦欢迎你

 

代码:  

<TABLE align=center background=http://image4.360doc.com/DownloadImg/2009/5/7/121469_3404754_1.gif border=0>

<TBODY>

<TR>

<TD style="FILTER: mask(color=#000000)" align=middle><FONT style="FONT-SIZE: 30pt" face=隶书 color=#336699><B><BR>博啦<BR><BR><BR>欢迎你<BR></B></FONT></TD></TR></TBODY></TABLE><BR><BR>


朋友您好!

亲自动手!

体验成功!

朋友您好!

亲自动手!

体验成功!

代码:

<DIV style="PADDING-RIGHT: 0px; MARGIN-TOP: 10px; FONT-SIZE: 9pt; OVERFLOW-X: hidden; WIDTH: 97%; WORD-BREAK: break-all; TEXT-INDENT: 24px; LINE-HEIGHT: normal; HEIGHT: 200px; WORD-WRAP: break-word" auto';">

<P align=center><BR>

<TABLE height=400 cellSpacing=0 cellPadding=0 width=580 align=center background=http://image4.360doc.com/DownloadImg/2009/5/7/121469_3404754_2.jpg border=3>

<TBODY>

<TR>

<TD>

<P align=center>

<MARQUEE scrollAmount=3 direction=up>

<P align=center><FONT face=宋书 color=#ff0000 size=12>朋友您好!</FONT></P>

<P align=center><FONT face=宋书 color=#ff0000 size=12>亲自动手!</FONT></P>

<P align=center><FONT face=宋书 color=#ff0000 size=12>体验成功!</FONT></P></MARQUEE></P></TD></TR></TBODY></TABLE></P></DIV>

向下:down  向左:alternate 向右:right

竖排字渐出:

vior=slide loop=1 width=550 height=293>

我带着远古的心愿

你怀揣前世的祈盼

我饱含如许的虔诚

你浸润最深的期待

我们跨越万水千山

赴今世的约定...

你感觉我深情凝眸的甜柔

我倾听你心室澎湃的跳动

白云轻盈飘荡

星月神秘闪烁

燃烧的篝火旁

我们席地而坐

倾诉不尽的相思

燃烧的火焰是不灭的炙热

让我们一起出发

背上快乐的行囊

携着一路的欢唱

踏着灿烂的芬芳

望--天上云卷霞飞

看--地下小桥流水

拥--郁郁山川入怀

枕--簇簇波浪入眠

把--忧烦抛在身后

让--愉悦洒满诗行

 

代码:

<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>

 

一个不错的CSS模拟的按钮效果

 

一个不错的CSS模拟的按钮效果

GoogleBaiduSinaSohuCSDNsql163

 

一个不错的CSS模拟的按钮效果的代码:

 

<style type="text/css">

<!--

.btnOFF{padding:3px;border:1px outset;cursor:pointer;background-color: green;width:100px;height:16px;text-align:center;}

.btnON{padding:3px;border:1px inset;background-color: #CCCC33;width:100px;height:16px;text-align:center;color:red;}

-->

</style>

<script language="JavaScript">

<!--

function setEffect(link_id)

{

 var i;

 for(i=0;i<link.length;i++)

 {

  if(i != link_id)

  {

   link[i].className = "btnOFF";

  }

  else

  {

   link[i].className = "btnON";

  }

 }

}

//-->

</script>

<p align=center><span id="link" class="btnOFF" onclick="setEffect(0)">Google</span><span id="link" class="btnOFF" onclick="setEffect(1)">Baidu</span><span id="link" class="btnOFF" onclick="setEffect(2)">Sina</span><span id="link" class="btnOFF" onclick="setEffect(3)">Sohu</span><span id="link" class="btnOFF" onclick="setEffect(4)">CSDN</span><span id="link" class="btnOFF" onclick="setEffect(5)">sql163</span></p>

2010年3月26日 - 博啦 - 博啦的博客

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

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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