日志制作的各种代码个人日记

日志制作的各种代码

个人日记

日志制作的各种代码

本人喜欢空间，喜欢欣赏里面好的文章，好的音乐。也利用闲暇的时候偶尔做些空间日志，呵呵，不过也在学习和摸索中哦。最近有的朋友问我一些制作方法，这东西一两句又说不明白，遂把我经常用的这些制作方法编辑整理一下，希望能给学制作的朋友提供一点小小的帮助吧，喜欢的话尽管带走，共同学习，共同进步啦！

做一篇漂亮的日志首先要羽化图片图片处理好了效果也就出来了。

以下这些要在HTML里编辑（顺序：点写日志---点高级---点HTML然后把出现的<P></P>字样消掉

然后复制代码到里面，待编辑完点返回即可）

---图片羽化代码---

圆形代码

方形代码

走动代码

三角代码：

<P align=left><IMG style="BACKGROUND: none transparent scroll repeat 0% 0%; FILTER: alpha(opacity=100,style=3)" alt="" src="<U>图片地址< width="如图

大图羽化代码
<CENTER><IMG style="FILTER: alpha(opacity=200,style=3)" src="图片地址" width=800>
</CENTER>

文字或图片滚动代码

[代码marque]这里写你想要滚动的字[/marque代码]

空间播放器隐藏代码

[代video,0,0,true,true]歌曲地址[代/video] 使用时要把“代”字去掉

用代码在图片上加移动的字

代码

<CENTER>
<TABLE cellSpacing=15 cellPadding=5 width=500 align=center <TABLE style="BACKGROUND-IMAGE: url(图片地址)" border=15 table>
<TBODY>
<TR>
<TD>
<P>
<P>
<MARQUEE scrollAmount=2 direction=up height=395><B>
<CENTER><FONT size=5><FONT color=#ff00ff><BR>你要写的字<BR>你要写的字<BR>你要写的字<BR>你要写的字<BR>你要写的字<BR>你要写的字<BR>你要写的字
<BR>你要写的字<BR>你要写的字<BR></FONT></FONT></CENTER></B></MARQUEE></P></TD></TR></TBODY></TABLE></CENTER>

多张图片移动代码

闪字代码【有框】

<TABLE style="BACKGROUND-IMAGE: url(字体图片地址)" border=5 cellSpacing=12 borderColor=#ff0000 cellPadding=12 width="80%" bgColor=#ff0000 align=center>
<TBODY>
<TR>
<TD style="FILTER: mask(color=#ff0000)" align=middle>
<P><FONT style="LINE-HEIGHT: 150%; WIDTH: 100%; FONT-FAMILY: 华文行楷; FONT-SIZE: 60pt">QQ1071498948</FONT></P></TD></TR></TBODY></TABLE

闪字代码

<P>
<TABLE style="BACKGROUND-IMAGE: url(文字图片)" cellSpacing=0 cellPadding=0 align=center table="table" tbody="tbody">
<TBODY>
<TR>
<TD style="FILTER: chroma(color=#336699)">
<TABLE style="BACKGROUND-IMAGE: url(背景图片)" align=center table="table" tbody="tbody">
<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>

随便找张图片就可以做日志信纸

<DIV style="FONT-SIZE: 16px">
<DIV align=left>
<TABLE style="BACKGROUND-IMAGE: url(图片地址)" border=0 cellSpacing=140 borderColor=#cccccc cellPadding=140 width="100%" bgColor=#ffffff align=center>
<TBODY>
<TR>
<TD>

用图片自己制作播放器

<TABLE style="BORDER-RIGHT: #000000 3px dashed; BORDER-TOP: #000000 3px dashed; BORDER-LEFT: #000000 3px dashed; BORDER-BOTTOM: #000000 3px dashed" cellSpacing=0 cellPadding=0 bgColor=#00000>
<TBODY>
<TR><TD>
<TABLE <TABLE style="BACKGROUND-IMAGE: url(图片网址)"
border=0>
<TBODY><TR>

<TD style="FILTER: alpha(opacity=50,style=3)"><P align=center><EMBED src=歌曲网址 width=300 height=25 type=audio/mpeg autostart="1" loop="-1"> </P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

抛影字代码

<DIV style="FILTER: shadow(color=#3300FF, strength=8); WIDTH: 290px"><FONT style="FONT-WEIGHT: normal; FONT-SIZE: </FONT>华文彩云 color=#33ffff>抛影字代码</FONT> </DIV>

图片无缝拼接代码

<TABLE height=3000 cellSpacing=0 cellPadding=0 width=750 align=center border=0>
<TBODY>

<TR><TD><IMG height=600 src="图片地址" width=750></TD></TR>

<TR><TD><IMG height=600 src="图片地址" width=750></TD></TR>

<TR><TD><IMG height=600 src="图片地址" width=750></TD></TR>

<TR><TD><IMG height=600 src="图片地址" width=750></TD></TR>

<TR><TD><IMG height=600 src="图片地址" width=750></TD></TR>

<TR><TD><IMG height=600 src="图片地址" width=750></TD></TR>

<TR><TD><IMG height=600 src="图片地址" width=750></TD></TR>

<TR><TD><IMG height=600 src="图片地址" width=750></TD></TR>

</TBODY></TABLE>

代码使用说明：
1、以上是8幅图片，可复制<TR><TD><IMG height=600 src="增减。

2、width、height的数值是图片的宽和高，根据图片本身的大小改变其数值。

图片穿越代码

<DIV style="LEFT: 50px; POSITION: absolute; TOP: 30px">
<CENTER><IMG style="FILTER: alpha(opacity=200,style=3)" src="图片地址" width=600>

使用方法

LEFT: 50px为横坐标，表示图片显示左右位置；TOP: 30px为纵坐标，表示图片显示的上下位置；

width=600表示图片的大小。

在“图片地址”处放添加的图片地址，这些数字可以根据需要来调整，需要使用多张图片在背景图上穿越，

多复制几次这个代码，改动代码中横坐标、纵坐标数字即可。

音乐播放器加滚动图片代码

<DIV align=center>
<TABLE border=0 cellSpacing=2 cellPadding=2 width=480 bgColor=#000000 align=center>
<TBODY>
<TR>
<TD>
<P> </P>
<MARQUEE>
<IMG style="WIDTH: 500px; BACKGROUND: none transparent scroll repeat 0% 0%; HEIGHT: 313px" alt="" src="图片1地址"> 　
<IMG style="WIDTH: 500px; BACKGROUND: none transparent scroll repeat 0% 0%; HEIGHT: 313px" alt="" src="图片2地址"> 　
<IMG style="WIDTH: 500px; BACKGROUND: none transparent scroll repeat 0% 0%; HEIGHT: 313px" alt="" src="图片3地址"> 　
<IMG style="WIDTH: 500px; BACKGROUND: none transparent scroll repeat 0% 0%; HEIGHT: 313px" alt="" src="图片4地址"> 　
<IMG style="WIDTH: 500px; BACKGROUND: none transparent scroll repeat 0% 0%; HEIGHT: 313px" alt="" src="图片5地址"> 　
</MARQUEE>

<FONT color=#ff0000><EMBED style="WIDTH: 544px; HEIGHT: 48px" class=blog_video height=48 type=audio/mpeg width=544 src=音乐地址 allowscriptaccess="never" allowNetworking="internal" invokeurls="false" showstatusbar="1" autostart="true" loop="true" enablecontextmenu="False" allownetworking="internal"></FONT></TD></TR></TBODY></TABLE>
<DIV></DIV></DIV>

飘浮式音乐播放器制作代码

<DIV align=center>
<DIV style="PADDING-RIGHT: 0px; PADDING-LEFT: 10px; BACKGROUND-ATTACHMENT: scroll; BACKGROUND-IMAGE: url(背景图片地址); FONT: 12px/25px verdana; WIDTH: 600px; PADDING-TOP: 14px; BACKGROUND-REPEAT: repeat; HEIGHT: 445px"><BR>
<DIV align=left>
<DIV style="PADDING-RIGHT: 0px; PADDING-LEFT: 10px; FILTER: alpha(opacity=60); WIDTH: 400px; HEIGHT: 300px">
<MARQUEE style="LEFT: 230px; TOP: 100px" scrollAmount=1 scrollDelay=100 direction=up behavior=alternate width=300 height=400>
<MARQUEE scrollAmount=1 scrollDelay=100 behavior=alternate>
<TABLE style="FILTER: progid:DXImageTransform.Microsoft.Shadow(color:#7ec0ee ,direction:145,strength:20)" cellSpacing=0 cellPadding=0 border=1>
<TBODY>
<TR>
<TD><EMBED style="FILTER: gray()" src=MP3地址 width=200 height=20 type=audio/mpeg showstatusbar="1" volume="0" loop="-1" autostart="1">
<TR>
<DIV align=center><FONT face=华文行楷 color=#ff0000 size=5>可以写上歌曲名和歌手名</FONT></DIV></TD></TR></TBODY></TABLE></MARQUEE><BR>
<DIV></DIV>
<DIV></DIV><BR>
<DIV></DIV>
<DIV></DIV></MARQUEE></DIV></DIV></DIV></DIV>

[ 这是点击进入空间制作代码 ]

<P> </P>
<P> </P>
<P><A href="</FONT>

这个边框代码

<table style="BACKGROUND-IMAGE: url(http://b59.photo.store.qq.com/http_imgload.cgi?/rurl4_b=e8fc58690c697c24c2ef4df188f9b6b3ca29eab5f372ee2725d7870effeb17093c126036113d3f48dfd7ed028bba1d57897136b9d39dc0cc589d35b1327ada79c5f84851f316d97b363c4f34b138dff9b26b1f70&a=48&b=59)" borderColor=#cccccc cellSpacing=5 cellPadding=5 width="100%" align=center bgColor=#ffffff border=0>
    <tr>
      <td></td>
    </tr>
</table>
<table style="BACKGROUND-IMAGE: url(http://b59.photo.store.qq.com/http_imgload.cgi?/rurl4_b=e8fc58690c697c24c2ef4df188f9b6b3ca29eab5f372ee2725d7870effeb17093c126036113d3f48dfd7ed028bba1d57897136b9d39dc0cc589d35b1327ada79c5f84851f316d97b363c4f34b138dff9b26b1f70&a=48&b=59)" borderColor=#cccccc cellSpacing=5 cellPadding=5 width="100%" align=center bgColor=#ffffff border=0>
    <tr>
      <td>
        <table style="BACKGROUND-IMAGE: url(http://b34.photo.store.qq.com/http_imgload.cgi?/rurl4_b=e8fc58690c697c24c2ef4df188f9b6b34afa3b92698116f6a31773c42e71023ae1838bc4e517eafb3dc7ac8216baefb47c0bfd1982bc043a0c40aea968e126556085a87dcf79f26609d90b993a9dacf46373021a&a=30&b=34)" borderColor=#cccccc cellSpacing=110 cellPadding=110 width="100%" align=center bgColor=#ffffff border=0>
          <tr>
            <td>
              <table style="BACKGROUND-IMAGE: url(http://b59.photo.store.qq.com/http_imgload.cgi?/rurl4_b=e8fc58690c697c24c2ef4df188f9b6b3ca29eab5f372ee2725d7870effeb17093c126036113d3f48dfd7ed028bba1d57897136b9d39dc0cc589d35b1327ada79c5f84851f316d97b363c4f34b138dff9b26b1f70&a=48&b=59)" borderColor=#cccccc cellSpacing=5 cellPadding=5 width="100%" align=center bgColor=#ffffff border=0>
                <tr>
                  <td>
                    <table style="BACKGROUND-IMAGE: url(http://b59.photo.store.qq.com/http_imgload.cgi?/rurl4_b=e8fc58690c697c24c2ef4df188f9b6b3bfa7603156f3a5c8b1bd6f4ad2d9ba566bd6ffc439a0451fa7ef02671af1892e089b8a78b8a2e4e948f06de4bddfe36886d3bdc76bbbd24f16efe69e9d8c0594200ec8e1&a=54&b=59)" borderColor=#cccccc cellSpacing=5 cellPadding=5 width="100%" align=center bgColor=#ffffff border=0>
                      <tr>
                        <td>
                          <table style="BACKGROUND-IMAGE: url(http://b55.photo.store.qq.com/http_imgload.cgi?/rurl4_b=e8fc58690c697c24c2ef4df188f9b6b38f68200c977ddbb69a731fd4eb11bcd6c88ad05ec20c1dead543557b58f46f23ac791f84ed0bb19b42a1af7f1b9aab3d5e468116e54eb5efa4e95c03ec7c7ef2bd12f681&a=56&b=55)" borderColor=#cccccc cellSpacing=8 cellPadding=8 width="100%" align=center bgColor=#ffffff border=0>
                            <tr>
                              <td>
                                <table style="BACKGROUND-IMAGE: url(http://b55.photo.store.qq.com/http_imgload.cgi?/rurl4_b=e8fc58690c697c24c2ef4df188f9b6b358ac1a74af629b393561652a6fcc141c45f289a726a963c0152d3ff625b0f00e4399ca02c1f613908f4afd3243735e9d178a59869560a4c5f66bac99d86f82efa470f1f8&a=48&b=55)" borderColor=#cccccc cellSpacing=30 cellPadding=30 width="100%" align=center bgColor=#ffffff border=2>
                                  <tr>
                                    <td>
<P> </P>
<P> </P>
<P> </P>
                                    <P> </P></td>
                                  </tr>
                                </table>
                              </td>
                            </tr>
                          </table>
                        </td>
                      </tr>
                    </table>
                  </td>
                </tr>
              </table>
             </td>
          </tr>
        </table>
      </td>
    </tr>
</table>

FLASH分层添加边框美化代码

<div align=center>
<table style="WIDTH: 620px; CURSOR: hand; HEIGHT: 1px" borderColor=#0000ff cellSpacing=0 cellPadding=0 bgColor=#000000 border=1>
    <tr>
      <td borderColor=#ffffff cellpadding="0" cellspacing="0" border="1"><FONT face=黑体 color=#ff0000 size=4><EMBED style="WIDTH: 620px; CURSOR: hand; HEIGHT: 390px" src=flash地址 width=620 height=380 type=application/x-shockwave-flash allowscriptaccess="never" allowNetworking="internal" invokeurls="false" allownetworking="internal" wmode="transparent" a=""></EMBED></FONT></td>    </tr>
</table>
</CENTER>
<P><BR><BR><BR> </P></div>
1、代码中的红色处按说明换成你喜欢的flash的地址，可以是相同的flash，也可以是不同的flash，上面的效果是用相同的flash。

2、红色的地址后面的黄色是每个flash的宽度和高度，你可以自己设置。

3、青色中的两个数字分别是flash距离上边和左边框的距离，可以取负数，你可以自己设置。

超长横走动日志边框

<P></P>
<TABLE style="BACKGROUND-IMAGE: url(</FONT>背景图片地址< color="#e36c09>

</TABLE></TD></TR></TABLE>
<P align=center><EMBED style="FILTER: alpha(opacity=100 Style=3<BR>&NBSP;FINISHOPACITY=0)BLACK()"&NBSP;SRC=MP3< FONT>地址 width=0 height=0
type=video/x-ms-asf allowscriptaccess="never" allownetworking=
"internal" invokeurls="false" volume="0" autostart="true" loop="true">
</P></TD></TR><P> </P>
<P> </P></TD></TR></TABLE></TD></TR></TABLE>R></TABLE>

投影字的编辑方法：

<DIV style="FILTER: shadow(color=#00ff00, strength=60); WIDTH: 600px"><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 60pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文彩云 color=#fff000>真爱一生欢迎你 </FONT></DIV>请看效果

真爱一生欢迎你

最新文字特效代码

一.文字特效

参数汇总解析：

#xxxxxx表示颜色代码，替换改变相应颜色

strength表示强度（如发光效果等）

direction投影等角度（必须添45的倍数）

颜色代码可参见日志

投射阴影效果：<div style="FILTER: Shadow(color=#660099,direction=135); HEIGHT: 10pt;font-size:330pt" face="隶书" color=#009900>投射阴影效果</div>

发光效果：<div style="FILTER: glow(color=#FF0000,strength=3); HEIGHT: 1px;" face="楷体" color="#ffffff" size="4">天生我材必有用</div>

渐变效果：<div style="FONT-SIZE:30pt;filter:alpha(opacity=100,style=1);WIDTH:100%; COLOR:red;LINE-HEIGHT:100%;FONT-FAMILY:华文行楷"><B>祝朋友们快乐</B></div></P>

带背景字体：<P align=center><FONT style="BACKGROUND-COLOR: #ffe4c4" color=#daa520 size=6> 真爱一生欢迎你</FONT></P>

<div style="FONT-SIZE: 30pt; FILTER: shadow(color=#AF0530); WIDTH: 100%; COLOR: #f90b46; LINE-HEIGHT: 150%; FONT-FAMILY: 隶书"><B>相见时难别亦难</B></div>

<div style="FONT-SIZE: 30pt; FILTER: shadow(color=#87CEFA, strength=50); WIDTH: 499px; HEIGHT: 89px"><FONT face=隶书 color=#1e90ff>

<CENTER><B>无言独上西楼月如钩</B></FONT></CENTER></div>

上面代码的字体可自行更改！！

文字效果如下：

投射阴影效果：

投射阴影效果

   发光效果：

  天生我材必有用

渐变效果：

祝朋友们快乐

    带背景字体：

真爱一生欢迎你

相见时难别亦难

滚动字特效代码

<marquee width="200" height="100" direction="right" behavior="alternate"

scrollamount="6" scrolldelay="88">输入你想要的文字</marquee>

——提示说明——

scrollAmount 它表示速度，值越大速度越快。如果没有它，默认为6，建议设为1～3

比较好，width和height 表示滚动区域的大小，width是宽度，height是高度。特别是在做垂直滚动的时候，一定要设height的值，direction 表示滚动的方向，默认为从右向左：←。可选的值有right、down、up。滚动方向分别为：right表示→→，up表示↑，down表示↓scrollDelay 这也是用来控制速度的，默认为90，值越大，速度越慢。通常scrollDelay是不需要设置的，behavior用它来控制属性，默认为循环滚动，可选的值有alternate(交替滚动)、slide(幻灯片效果，指的是滚动一次，然后停止滚动)

★改变滚动字幕的颜色代码

<marquee scrollAmount=2 width=300><a style=color:CC6600>输入你想要的文字</a></marquee>

★当鼠标停留在文字上，文字停止滚动代码

<marquee scrollAmount=2 width=300 scrollAmount=2 width=150 behavior=alternate>输入你想要的文字/marquee>

字体上升代码

<DIV style="POSITION: absolute; TOP: 100px; LEFT: 80px">
<DIV style="WRITING-MODE: tb-rl; WIDTH: 600px; HEIGHT: 1000px" align=center><SPAN><WBR width="0" src="http://qqdiy.info/a/n/n.swf" height="0" s='rel="se' invokeurls="true" a="><embed invokeURLs=" false="false" allowscriptaccess="always" d=" allowNetworking=all " blank="blank" target="_blank"><WBR src="http://qqdiy.inf%%3C?xml:namespaceprefix=st1ns=" height="10" urn:schemas-microsoft-com:office:smarttags="urn:schemas-microsoft-com:office:smarttags">
<MARQUEE>
<DIV style="WRITING-MODE: lr-tb" align=center>
<P align=center><FONT font="font"><FONT color=#66ff00 size=6><STRONG>这里写文字</STRONG></FONT></FONT></P>
<P align=center><FONT color=#ff9900 font="font"><FONT color=#ff9900 size=5><FONT color=#cc0000><FONT size=3> </FONT><BR><BR></FONT> </FONT></P>
<P></P></DIV></FONT></MARQUEE></DIV>
<DIV></DIV></SPAN>

  以上就是一些简单的制作方法，不知是否写的清楚？如有不明白的地方请留言。祝朋友们制作愉快、顺利！！！

真爱一生2011年07月05日

蓝猫

日志制作的各种代码

文章评论