琵琶吟(详解代码） - 蔷薇绽放 - 蔷薇绽放

载入中

自定义HTML载入中...

快速链接

琵琶吟(详解代码） [原创 2008-04-06 10:37:55]

一曲琵琶吟
从古弹到今
多少爱恋
多少相思
藏在纤纤十指里
多少人伤心
多少人落泪
一曲琵琶吟
人生心酸皆在内
那望夫崖的痴情
那梁祝化蝶的悲壮
声声琵琶吟
从古弹到今
似水柔情流淌着
谁人能懂的苦衷与孤寂
一曲琵琶吟
伴着月光
彻夜辗转至天泛鱼白
那丝丝扣人的心弦
欲罢不能
文/网络
。

代码：

<DIV style="LEFT: -255px; WIDTH: 1000px; POSITION: relative; TOP: 120px"><TABLE style="BORDER-RIGHT: #88def3 8px ridge; BORDER-TOP: #88def3 8px ridge; BORDER-LEFT: #88def3 8px ridge; BORDER-BOTTOM: #88def3 8px ridge" borderColor=#000000 height=608 cellSpacing=2 width=1000 background=http://photo.boxbbs.com/Album/pic/22/16550/080406095917496l.jpg border=6> <TBODY><TR> <TD>　 <CENTER> <DIV style="LEFT: 230px; WIDTH: 670px; POSITION: relative; TOP: 10px"> <MARQUEE scrollAmount=1 scrollDelay=160 direction=down behavior=slide loop=1 width=600 height=300> <MARQUEE scrollAmount=1 scrollDelay=160 direction=up width=600 height=300> <CENTER><FONT style="FONT-SIZE: 14pt; WIDTH: 100%; COLOR: #c4f6e2; LINE-HEIGHT: 150%; FONT-FAMILY: 宋体">一曲琵琶吟<BR>从古弹到今<BR>多少爱恋<BR>多少相思<BR>藏在纤纤十指里<BR>多少人伤心<BR>多少人落泪<BR>一曲琵琶吟<BR>人生心酸皆在内<BR>那望夫崖的痴情<BR>那梁祝化蝶的悲壮<BR>声声琵琶吟<BR>从古弹到今<BR>似水柔情流淌着<BR>谁人能懂的苦衷与孤寂<BR>一曲琵琶吟<BR>伴着月光<BR>彻夜辗转至天泛鱼白<BR>那丝丝扣人的心弦<BR>欲罢不能<BR>文/网络<BR>。 </FONT></CENTER></MARQUEE></MARQUEE></DIV> </CENTER> <DIV id=layer3 style="Z-INDEX: 3; LEFT: 725px; WIDTH: 120px; POSITION: absolute; TOP: 580px; HEIGHT: 21px"><EMBED style="FILTER: Alpha(opacity=100,style=2)" src=http://www.fozi.cn/bbs/uploadfile/2006-10/02.mp3 width=120 height=24 type=audio/x-ms-wma autostart="1" loop="true"></DIV> <EMBED style="LEFT: 0px; WIDTH: 1000px; POSITION: absolute; TOP: -30px; HEIGHT: 580px" src=http://qiangweizhanfang.blog.enorth.com.cn/attachment/flash/265364.swf width=1000 height=580 type=application/octet-stream wmode="transparent" quality="high"></EMBED> <EMBED style="LEFT: 100px; WIDTH: 550px; POSITION: absolute; TOP: 190px; HEIGHT: 380px" src=http://qiangweizhanfang.blog.enorth.com.cn/attachment/flash/265362.swf width=950 height=580 type=application/octet-stream wmode="transparent" quality="high"></EMBED> </TD> </TR> </TBODY> </TABLE> </DIV> <BR><BR><BR><BR><BR><BR>

详解下，照我的理解，欢迎老师们批评。

上面的是全屏定位代码，LEFT: -255px是距左方的位置，也是帖子覆盖过头像往左全屏的数值，和讯上数值在-255px至-240px之间，如果在论坛可能-210px至-220px之间就可以了，WIDTH: 1000px是帖子的宽度，TOP: 120px是帖子距上方的位置，可以自己调整，修改到0会完全覆盖头像，我的习惯是留一个距离.

<TABLE style="BORDER-RIGHT: #88def3 8px ridge; BORDER-TOP: #88def3 8px ridge; BORDER-LEFT: #88def3 8px ridge; BORDER-BOTTOM: #88def3 8px ridge" borderColor=#000000 height=608 cellSpacing=2 width=1000 background=http://photo.boxbbs.com/Album/pic/22/16550/080406095917496l.jpg border=6> <TBODY> <TR> <TD>　这组代码是背景图片和边框的代码，需要收尾，否则显示不正常，收尾代码是 </TD> </TR> </TBODY> </TABLE>

先说下下面这几个代码: <TBODY> <TR> <TD> 我的做法是不管它是什么意思，反正是知道不可缺少就行了。（老师们别说我误导哈，欢迎补充。）

BORDER-RIGHT: #88def3 8px ridge; BORDER-TOP: #88def3 8px ridge; BORDER-LEFT: #88def3 8px ridge; BORDER-BOTTOM: #88def3 8px ridge

上面这组是边框代码，#88def3是边框颜色，四个边框可修改成不同的颜色，8px是边框的厚度，不过在和讯上会自动修改成博客背景的颜色。

height=608 cellSpacing=2 width=1000 background=http://photo.boxbbs.com/Album/pic/22/16550/080406095917496l.jpg border=6

这一组是背景图片的地址，height是高度，width是宽度。

<DIV style="LEFT: 230px; WIDTH: 670px; POSITION: relative; TOP: 10px"> <MARQUEE scrollAmount=1 scrollDelay=160 direction=down behavior=slide loop=1 width=600 height=300> <MARQUEE scrollAmount=1 scrollDelay=160 direction=up width=600 height=300> <CENTER><FONT style="FONT-SIZE: 14pt; WIDTH: 100%; COLOR: #c4f6e2; LINE-HEIGHT: 150%; FONT-FAMILY: 宋体">一曲琵琶吟<BR>从古弹到今<BR>多少爱恋<BR>多少相思<BR>藏在纤纤十指里<BR>多少人伤心<BR>多少人落泪<BR>一曲琵琶吟<BR>人生心酸皆在内<BR>那望夫崖的痴情<BR>那梁祝化蝶的悲壮<BR>声声琵琶吟<BR>从古弹到今<BR>似水柔情流淌着<BR>谁人能懂的苦衷与孤寂<BR>一曲琵琶吟<BR>伴着月光<BR>彻夜辗转至天泛鱼白<BR>那丝丝扣人的心弦<BR>欲罢不能<BR>文/网络<BR>。 </FONT></CENTER></MARQUEE></MARQUEE></DIV>

有了背景，中间的是帖子的内容。上面的是移动文字的代码.

仍然是定位代码，定位文字移动的位置。

是移动代码，这里用了两组，效果就不说了，看帖。说下可修改的地方，别的都可照搬。scrollAmount=1是速度，1是最慢的，如果想让移动再快些，修改成2或3都可以。width=600 height=300是给移动文字定高度和宽度。

<CENTER>　<FONT style="FONT-SIZE: 14pt; WIDTH: 100%; COLOR: #c4f6e2; LINE-HEIGHT: 150%; FONT-FAMILY: 宋体"> <CENTER>是让文字居中，不定义的话文字会自动向左看齐。 <FONT style="FONT-SIZE: 14pt; WIDTH: 100%; COLOR: #c4f6e2; LINE-HEIGHT: 150%; FONT-FAMILY: 宋体">

这一组是定义文字的代码，FONT-SIZE: 14pt是文字的大小，COLOR: #c4f6e2是文字的颜色，FONT-FAMILY: 宋体是文字的字体，可修改成隶书，行书什么的，看自己喜好。一曲琵琶吟<BR>从古弹到今<BR>多少爱恋<BR>多少相思<BR>藏在纤纤十指里<BR>多少人伤心<BR>多少人落泪<BR>一曲琵琶吟<BR>人生心酸皆在内<BR>那望夫崖的痴情<BR>那梁祝化蝶的悲壮<BR>声声琵琶吟<BR>从古弹到今<BR>似水柔情流淌着<BR>谁人能懂的苦衷与孤寂<BR>一曲琵琶吟<BR>伴着月光<BR>彻夜辗转至天泛鱼白<BR>那丝丝扣人的心弦<BR>欲罢不能<BR>文/网络<BR>。上面的是文字内容，不多说了， <BR>是换行代码，没有的话是上面代码文字的效果。 </FONT></CENTER></MARQUEE></MARQUEE></DIV>是收尾代码，顺序和开始的顺序是相反的。

<DIV id=layer3 style="Z-INDEX: 3; LEFT: 725px; WIDTH: 120px; POSITION: absolute; TOP: 580px; HEIGHT: 21px"><EMBED style="FILTER: Alpha(opacity=100,style=2)" src=http://www.fozi.cn/bbs/uploadfile/2006-10/02.mp3 width=120 height=24 type=audio/x-ms-wma autostart="1" loop="true"></DIV> 这一组是播放器的代码。

<DIV id=layer3 style="Z-INDEX: 3; LEFT: 725px; WIDTH: 120px; POSITION: absolute; TOP: 580px; HEIGHT: 21px">是定位代码，定位播放器的位置。

style="FILTER: Alpha(opacity=100,style=2)" 是雾化代码，opacity=100定义清晰度，数值越小越模糊，style=2是雾化后的形状，通俗的说吧，2是圆形，3是距形。

src=http://www.fozi.cn/bbs/uploadfile/2006-10/02.mp3 width=120 height=24 type=audio/x-ms-wma autostart="1" loop="true">

上面的音乐地址，width=120 height=24 是播放器的宽度和高度，autostart="1" 表示自动播放，手动播放是autostart="false",loop="true"表示反复播放.

<EMBED style="LEFT: 0px; WIDTH: 1000px; POSITION: absolute; TOP: -30px; HEIGHT: 580px" src=http://qiangweizhanfang.blog.enorth.com.cn/attachment/flash/265364.swf width=1000 height=580 type=application/octet-stream wmode="transparent" quality="high"></EMBED> 是播放FLASH的代码，LEFT: 0px; WIDTH: 1000px; POSITION: absolute; TOP: -30px; HEIGHT: 580px"是一组定义FLASH高度宽度和位置的代码。这组代码可用多组，本帖用了两个。

最后帖子完成后加几个换行代码，　<BR><BR><BR><BR><BR><BR>　，好处是如果在论坛帖子不至于盖住编辑键。