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

 
 
 

日志

 
 

怎么做背景图片加竖排渐出文字制作代码  

2010-09-06 23:52:46|  分类: 博客技巧 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

代码如下:<DIV align=center>
<TABLE style="BORDER-RIGHT: 2px dotted; BORDER-TOP: 2px dotted; BORDER-LEFT: 2px dotted; BORDER-BOTTOM: 2px dotted" borderColor=#ff0000 height=431 width=580 background=http://img246.ph.126.net/bCccxaz1bTkIW0Qc4suAAw==/1434677956295162119.jpg border=2>
<TBODY>
<TR>
<TD><P align=center>
<MARQUEE scrollAmount=1 scrollDelay=100 behavior=slide loop=1 width=580 height=350>
<MARQUEE style="LINE-HEIGHT: 150%; WRITING-MODE: tb-rl" scrollAmount=1 scrollDelay=100 direction=up width=580 height=350>
<DIV style="FILTER: glow(color=#00ff00, strength=5); WIDTH: 450px"><P align=center><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 15pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=宋体 color=#ff0000><BR>极品音画 <BR>为您提供最美得音画<BR>【博客装饰技巧】<BR>【音画制作技巧】 <BR>【精美音画欣赏】 <BR>【心情爱恋故事】<BR>**极品音画**<BR>&amp;&amp;极品音画<BR>¥¥极品音画¥¥ <BR></FONT></DIV></MARQUEE></MARQUEE></P></TD></TR></TBODY></TABLE></DIV>

显示:



极品音画
为您提供最美得音画
【博客装饰技巧】
【音画制作技巧】
【精美音画欣赏】
【心情爱恋故事】
**极品音画**
&&极品音画
¥¥极品音画¥¥


代码如下:

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

显示: 


我带着远古的心愿
你怀揣前世的祈盼
我饱含如许的虔诚
你浸润最深的期待
我们跨越万水千山
赴今世的约定...
你感觉我深情凝眸的甜柔
我倾听你心室澎湃的跳动
白云轻盈飘荡
星月神秘闪烁
燃烧的篝火旁
我们席地而坐
倾诉不尽的相思
燃烧的火焰是不灭的炙热
让我们一起出发
背上快乐的行囊
携着一路的欢唱
踏着灿烂的芬芳
望--天上云卷霞飞
看--地下小桥流水
拥--郁郁山川入怀
枕--簇簇波浪入眠
把--忧烦抛在身后
让--愉悦洒满诗行


 代码如下:

<P align=center>
<TABLE id=AutoNumber1 title=金钥匙欢迎您! borderColor=#635a56 borderColorDark=#635a56 width=600 borderColorLight=#9e958f border=10>
<TBODY>
<TR>
<TD bgcolor=000000><DIV style="FILTER: shadow(color= #3333ff  , strength=26); WIDTH: 600px; HEIGHT: 260px"><FONT face=华文彩云 color=#ffff33 size=5><B>
<MARQUEE scrollAmount=1 scrollDelay=100 behavior=slide loop=1 width=600 height=250> <BR>
<MARQUEE style="LINE-HEIGHT: 120%; WRITING-MODE: tb-rl" scrollAmount=1 scrollDelay=100 direction=up width=600 height=250><BR><P align=center>水调歌头<BR>明月几时有,<BR>把酒问青天。<BR>不知天上宫阙,<BR>今夕是何年。<BR>我欲乘风归去,<BR>又恐琼楼玉宇,<BR>高处不胜寒。<BR>起舞弄清影, <BR>何似在人间。<BR>转朱阁,低绮户,<BR>照无眠。<BR>不应有恨,<BR>何事长向别时圆?<BR>人有悲欢离合,<BR>月有阴晴圆缺,<BR>此事古难全。<BR>但愿人长久,<BR>千里共婵娟。 <BR></MARQUEE></MARQUEE></B></FONT>
</P></DIV></TD></TR></TBODY></TABLE></DIV>

显示:




水调歌头
明月几时有,
把酒问青天。
不知天上宫阙,
今夕是何年。
我欲乘风归去,
又恐琼楼玉宇,
高处不胜寒。
起舞弄清影,
何似在人间。
转朱阁,低绮户,
照无眠。
不应有恨,
何事长向别时圆?
人有悲欢离合,
月有阴晴圆缺,
此事古难全。
但愿人长久,
千里共婵娟。


 代码如下:<P align=center>
<TABLE style="BORDER-RIGHT: 2px dotted; BORDER-TOP: 2px dotted; BORDER-LEFT: 2px dotted; BORDER-BOTTOM: 2px dotted" borderColor=#ff0000 height=400 width=650 background=http://img.ph.126.net/Nqbffd3so4O1-cS0d44kOw==/3311553101001347898.jpg border=2>
<TBODY>
<TR>
<TD><P align=center>
<MARQUEE scrollAmount=1 scrollDelay=100><WBR>
<MARQUEE style="LINE-HEIGHT: 150%; WRITING-MODE: tb-rl" scrollAmount=1 scrollDelay=100 direction=up width=600 height=350>

<DIV style="FILTER: glow(color=#00ff00, strength=5); WIDTH: 450px"><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 15pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=宋体 color=#ff0000><P align=center><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></DIV></MARQUEE></MARQUEE></P></TD></TR></TBODY></TABLE></P>

显示:



在这个尘世中
一切都已注定
只是,有些事是快乐的
有些事是悲伤地
有些人曾疯狂的为爱而活
有些人曾疯狂的为情而活
却已然忘却、自己还在心痛
忘却自己的灵魂
有些人,爱过了,就忘了,忘了自己曾经爱过
有些人,离开了,还记着,记着自己曾经伤过
爱过、伤过的人
总是要求自己不去回忆
可是却不曾知道那个被选择遗忘的人
每天,都是怎样的?
也许,我就是这种人
就是这种爱着,却想离开的人
就是这种明知道没有结局却还努力挽留的人
还是因为爱---爱,到底是什么?
没有人知道
因为,每个爱过的人,都已不是原来的自己!
这一切,都已注定
没有办法改写
这就是命
可是,有人依然在追
追那个遥远的梦


代码如下:

 <TABLE style="WIDTH: 600px; HEIGHT: 380px" border=5 cellPadding=0 background=http://img.blog.163.com/photo/CItbhdQeW6PiAiSRo-nJvw==/4516266001322862544.jpg align=center height=380>
<TBODY>
<TR>
<TD><EMBED height=150 type=application/x-shockwave-flash align=right width=150 src=http://xuanfei.cctv118.com/20081115/159.swf wmode="transparent" invokeURLs="false" quality="high" allowScriptAccess="never" allowNetworking="internal"><EMBED height=300 type=application/x-shockwave-flash align=right width=350 src=http://xuanfei.cctv118.com/2009fla/155.swf wmode="transparent" invokeURLs="false" quality="high" allowScriptAccess="never" allowNetworking="internal"><EMBED height=385 type=application/x-shockwave-flash align=right width=590 src=http://xuanfei.cctv118.com/20081115/1103.swf wmode="transparent" invokeURLs="false" quality="high" allowScriptAccess="never" allowNetworking="internal"> <BR><BR>
<MARQUEE height=300 behavior=slide width=580 scrollAmount=1 scrollDelay=100>
<MARQUEE style="WRITING-MODE: tb-rl; LINE-HEIGHT: 100%" direction=up height=300 width=580 scrollAmount=1 scrollDelay=100><FONT style="TEXT-ALIGN: left; LINE-HEIGHT: 130%; FONT-FAMILY: 楷体; COLOR: #FFDAB9; FONT-SIZE: 19pt">我帶著遠古的心願<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></MARQUEE></MARQUEE></TD></TR></TBODY></TABLE>

 显示:


我帶著遠古的心願
你懷揣前世的祈盼
我飽含如許的虔誠
你浸潤最深的期待
我們跨越萬水千山
赴今世的約定...
你感覺我深情凝眸的甜柔
我傾聽你心室澎湃的跳動
白雲輕盈飄蕩
星月神秘閃爍
燃燒的篝火旁
我們席地而坐
傾訴不盡的相思
燃燒的火焰是不滅的炙熱
讓我們一起出發
背上快樂的行囊
攜著一路的歡唱
踏著燦爛的芬芳
望--天上雲卷霞飛
看--地下小橋流水
擁--郁郁山川入懷
枕--簇簇波浪入眠
把--憂煩抛在身後
讓--愉悅灑滿詩行

 

 代码如下:<P align=center>
<MARQUEE scrollAmount=1 scrollDelay=100 behavior=slide loop=1 width=600 height=250>
<MARQUEE style="LINE-HEIGHT: 250%; WRITING-MODE: tb-rl" scrollAmount=1 scrollDelay=100 direction=up width=600 height=250>
<DIV style="FILTER: glow(color=#00ff00, strength=5); WIDTH: 600px"><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 15pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文行楷 color=#ff0000><P align=center><BR>日志文字内容<BR>日志文字内容<BR>日志文字内容<BR>日志文字内容<BR>日志文字内容<BR>日志文字内容<BR>日志文字内容<BR>日志文字内容<BR>日志文字内容<BR>日志文字内容<BR>日志文字内容<BR>日志文字内容<BR>日志文字内容<BR>日志文字内容<BR>日志文字内容<BR>日志文字内容<BR>日志文字内容<BR>日志文字内容<BR>日志文字内容<BR>日志文字内容<BR>日志文字内容<BR></FONT></DIV></MARQUEE></MARQUEE>

 1、代码最上面和最下面的两段灰色代码,是本效果的边框,你可以直接删除它,或者换成你自己喜欢的边框模式,由于时间关系,这里就不细说了!

2、“http://img846.ph.126.net/xNlrtkOk1AGpn1drmfjP9w==/2064900429151147437.jpg”

是背景图片地址,换成你自己的。右击你相册或者博客的图片,“属性”就有了!

3、“width=680   height=460 ”是边框的显示大小,改变数值,改变大小。最好和你的图片大小一致(就是你右击图片属性的时候,显示的大小)!

4、“color= #3333ff  , strength=26”字体的投影颜色和投影长度,自己设置。

常用的颜色代码有:

深红 #ff6600 ; 大红 #ff0000 ;  粉红 #ff66cc ; 淡红 #ff66ff ;

绿色 #ccff00 ; 紫蓝 #ff33ff ;  黄色 #ffff33 ; 金红 #cc0000 ;

天蓝 #66ffff ; 草绿 #66cc00 ;  深蓝 #3333ff ; 橙色 #ff9900 ;

深绿 #339900 ; 白色 #ffffff ;  黑色 #000000 ; 深褐 #990000 ;

 5、“face=华文彩云 color=#ffff33 size=5”文字的字体,颜色和大小,改变数值5改变字体大小,范围1~7。常用的字体例:“face=楷体_gb2312”;“ face=幼圆”;“face=黑体”等等!

6、三个蓝色的代码:“WIDTH: 680px; HEIGHT: 460px”和“width=680 height=450”“ width=680 height=450”,分别是文字区域,遮照和文字滚动区域的宽度和高度大小,改变数值改变大小,设置的时候这里的数值不要大于背景图片的大小。

7、两个“ scrollAmount=1”是遮照和文字滚动的速度,改变数值1改变滚动速度!

8、加下划线的是文本内容,换成你自己的,用代码“<br>”来换行。

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

历史上的今天

评论

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

页脚

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