最新日志代码。新手教程

个人日记


新 手 必 注；本日志内容取材于网络，只限于喜欢空间制作的朋友，运用和推广，
严谨擅自修改，和不法商业用途。 
看

注；本日志内容取材于网络，只限于喜欢空间制作的朋友，运用和推广，
严谨擅自修改，和不法商业用途。  

有边缘边框代码：
<TABLE style="BACKGROUND-IMAGE: url(底图地址)" height=400 cellPadding=10 width=500 align=center border=5 <TABLE table="0">
<TBODY>
<TR>
<TD></TD></TR></TBODY></TABLE>


<TD>更多图文添加点 </TD></TR></TBODY></TABLE>

颜色背景图框代码：
<TABLE borderColor="边框颜色代码" cellSpacing=15 cellpadding=20 bgColor="图框背景颜色代码" width="图框宽度" height="图框高度" border=20>
<TR><<TD>
</TD></TR></TABLE>

图片背景的图框代码：
<TABLE borderColor="边框颜色代码" cellSpacing=15 cellpadding=20 background="背景图片地址" width="图框宽度" height="图框高度" border=20>
<TR><<TD>
</TD></TR></TABLE>

日志边框代码

<div>
<table style="BACKGROUND-IMAGE:url(图片地址1*lhQ!/i/dOAMT4dlBQAA&bo=ZABkAGQAZAABACc!!);WIDTH:870px;HEIGHT:232px" title="追梦/QQ734144803" border="0" cellSpacing="10" borderColor="#cccccc" cellPadding="10" width="870" bgColor="#ffffff" align="center">
<TBODY><TR><TD>
<table style="BACKGROUND-IMAGE:url(图片地址2);WIDTH:843px;HEIGHT:202px" title="追梦/QQ734144803" border="0" cellSpacing="5" borderColor="#cccccc" cellPadding="5" width="844" bgColor="#ffffff" align="center">
<TBODY><TR><TD>
<table style="BACKGROUND-IMAGE:url(图片地址3*L0yaiF1Rjyh4fmVObi.ZHHztz1UIg8!/b/dIHisomOJAAA&bo=wwEKAMMBCgACACQ!!!!);WIDTH:833px;HEIGHT:192px" title="追梦/QQ734144803" border="0" cellSpacing="5" borderColor="#cccccc" cellPadding="5" width="833" bgColor="#ffffff" align="center">
<TBODY><TR><TD>
<table style="BACKGROUND-IMAGE:url(图片地址4);WIDTH:808px;HEIGHT:162px" title="追梦/QQ734144803" border="0" cellSpacing="5" borderColor="#cccccc" cellPadding="5" width="808" bgColor="#ffffff" align="center">
<TBODY><TR><TD>
<table title=" 追梦/QQ734144803" border="0" cellSpacing="0" borderColor="#cccccc" cellPadding="0" width="796" bgColor="#6f00d2" align="center" height="147">
<TBODY><TR><TD></TD></TR></TBODY>
</table>
</TD></TR></TBODY>
</table>
</TD></TR></TBODY>
</table>
</TD></TR></TBODY>
</table>
</TD></TR></TBODY>
</table>



颜色代码表

 

#000000#2F0000

#600030

#460046#28004D
#272727#4D0000#820041#5E005E#3A006F
#3C3C3C#600000#9F0050#750075#4B0091
#4F4F4F#750000#BF0060#930093#5B00AE
#5B5B5B#930000#D9006C#AE00AE#6F00D2
#6C6C6C#AE0000#F00078#D200D2#8600FF
#7B7B7B#CE0000#FF0080#E800E8#921AFF
#8E8E8E#EA0000#FF359A#FF00FF#9F35FF
#9D9D9D#FF0000#FF60AF#FF44FF#B15BFF
#ADADAD#FF2D2D#FF79BC#FF77FF#BE77FF
#BEBEBE#FF5151#FF95CA#FF8EFF#CA8EFF
#d0d0d0#ff7575#ffaad5#ffa6ff#d3a4ff
#E0E0E0#FF9797#FFC1E0#FFBFFF#DCB5FF
#F0F0F0#FFB5B5#FFD9EC#FFD0FF#E6CAFF
#FCFCFC#FFD2D2#FFECF5#FFE6FF#F1E1FF
#FFFFFF#FFECEC#FFF7FB#FFF7FF#FAF4FF
#000079#000079#003E3E#006030#006000
#000093#003D79#005757#01814A#007500
#0000C6#004B97#007979#019858#009100
#0000C6#005AB5#009393#01B468#00A600
#0000E3#0066CC#00AEAE#02C874#00BB00
#2828FF#0072E3#00CACA#02DF82#00DB00
#4A4AFF#0080FF#00E3E3#02F78E#00EC00
#6A6AFF#2894FF#00FFFF#1AFD9C#28FF28
#7D7DFF#46A3FF#4DFFFF#4EFEB3#53FF53
#9393FF#66B3FF#80FFFF#7AFEC6#79FF79
#AAAAFF#84C1FF#A6FFFF#96FED1#93FF93
#B9B9FF#97CBFF#BBFFFF#ADFEDC#A6FFA6
#CECEFF#ACD6FF#CAFFFF#C1FFE4#BBFFBB
#DDDDFF#C4E1FF#D9FFFF#D7FFEE#CEFFCE
#ECECFF#D2E9FF#ECFFFF#E8FFF5#DFFFDF
#FBFBFF#ECF5FF#FDFFFF#FBFFFD#F0FFF0
#467500#424200#5B4B00#844200#642100
#548C00#5B5B00#796400#9F5000#842B00
#64A600#737300#977C00#BB5E00#A23400
#73BF00#8C8C00#AE8F00#D26900#BB3D00
#82D900#A6A600#C6A300#EA7500#D94600
#8CEA00#C4C400#D9B300#FF8000#F75000
#9AFF02#E1E100#EAC100#FF9224#FF5809
#A8FF24#F9F900#FFD306#FFA042#FF8040
#B7FF4A#FFFF37#FFDC35#FFAF60#FF8F59
#C2FF68#FFFF6F#FFE153#FFBB77#FF9D6F
#CCFF80#FFFF93#FFE66F#FFC78E#FFAD86
#D3FF93#FFFFAA#FFED97#FFD1A4#FFBD9D
#DEFFAC#FFFFB9#FFF0AC#FFDCB9#FFCBB3
#E8FFC4#FFFFCE#FFF4C1#FFE4CA#FFDAC8
#EFFFD7#FFFFDF#FFF8D7#FFEEDD#FFE6D9
#F5FFE8#FFFFF4#FFFCEC#FFFAF4#FFF3EE
#613030#616130#336666#484891#6C3365
#743A3A#707038#3D7878#5151A2#7E3D76
#804040#808040#408080#5A5AAD#8F4586
#984B4B#949449#4F9D9D#7373B9#9F4D95
#AD5A5A#A5A552#5CADAD#8080C0#AE57A4
#B87070#AFAF61#6FB7B7#9999CC#B766AD
#C48888#B9B973#81C0C0#A6A6D2#C07AB8
#CF9E9E#C2C287#95CACA#B8B8DC#CA8EC2
#D9B3B3#CDCD9A#A3D1D1#C7C7E2#D2A2CC
#E1C4C4#D6D6AD#B3D9D9#D8D8EB#DAB1D5
#EBD6D6#DEDEBE#C4E1E1#E6E6F2#E2C2DE
#F2E6E6#E8E8D0#D1E9E9#F3F3FA#EBD3E8

 

 


  最近很多朋友都来问我，该怎样做日志，   


 首先打开写日志，新版编辑器不好用，我们点击旧版编辑器，点击图片
点击图片清空编辑器里的代码，把下面的背景代码粘贴在里面

<DIV class=blog_details_20120222>
<TABLE style="BACKGROUND-IMAGE: url(背景图片地址)" borderColor=#cce000 cellPadding=20 width="100%" align=center bgColor=#ffffff border=0>
<TBODY>
<TR>
<TD height=6000>
<DIV align=right></DIV></TD></TR></TBODY></TABLE>

说明：取图片地址，找一张你喜欢的背景，右击图片在点击最下边的属性，看下图


图片
  复制图片地址，记住从第一位字母开始向后拉蓝，一直到完全不再动，地址才是完全复制好了，把背景图片地址这6个字删掉，记住括号千万不要删掉，把取好的图片地址粘贴在里面。height=6000绿色的是调整背景的长度，自己根据日志的长短来调整，朋友们点击返回或预览可以看到你做好的背景，我们再回到编辑框把下边的融图代码粘贴进去。

 融图代码

<DIV style="LEFT: 0px; POSITION: absolute; TOP: 30px">
<CENTER><STRONG><IMG style="BACKGROUND: none transparent scroll repeat 0% 0%; FILTER: alpha(opacity=200,style=3); WIDTH: 877px; HEIGHT: 700px" height=800 src="图片地址" width=880> </STRONG></CENTER></DIV>

融图代码2
<div style="POSITION:absolute;TOP:0px;LEFT:0px" title="追梦音画空间"><IMG style="FILTER:alpha(opacity=200,style=3);WIDTH:450px;HEIGHT:700px" alt="【追梦音画空间】QQ：734144803" src=图片地址

 说明：1.粉色0px是调整图片在日志里的左右位置，蓝色30px是图片在日志里的上下位置，绿色800是图片的高度，红色图片地址一定要取图片地址，直接粘贴图片是不可以的，紫色是图片的宽度，如果朋友想在同一位置加两张图片，宽度可调的小些。

2.朋友们注意：你想加几张图片重复复制融图代码即可，只要修改TOP里的尺寸就可以了，比如说第一张图片的高度是800，TOP的尺寸我们填0，那第二张图片尺寸我们填600，这样第一张和第二张图片才能融合，具体情况朋友们预览看效果自己适当的调节，以此类推，每加一张图片，尺寸的调整都是一样的。

3. 上面的步骤每完成一步，我们都要图片看一下效果，效果不错的话最好保存一下草稿图片万一我们操作失误，可以在草稿箱里找回上次做好的步骤。

 

4.图片做好了，我们开始添加文字，因为我们做的是代码日志，直接添加文字是加不上的，我们要使用文字穿越代码来添加文字。文字调整尺寸方法与融图方法相同，我不再说了。

 

 下面是文字穿越代码

 

­<DIV style="LEFT: 0px; WIDTH: 800px; POSITION: absolute; TOP: 0px" px="px" height:="height:"><P><FONT face=楷体_GB2312 color=#ffcc00 size=7><STRONG><FONT size=4>&nbsp;&nbsp;&nbsp;<FONT class=lightFont style="DISPLAY: inline-block; FILTER: glow(color=#000093,strength=3); WIDTH: 306px; COLOR: #ffffff; HEIGHT: 468px" glowcolor="#7030a0">写文字</FONT></FONT></STRONG></FONT></P></DIV>

 
­

 

下面是添加动画的代码

不是黄钻也可以用flash的代码

 

<DIV style="Z-INDEX: 1; LEFT: 0px; WIDTH: 0px; POSITION: absolute; TOP: 0px">
<DIV align=center><EMBED align="center><br/>&#13;&#10;&#10;<EMBED" src=//open.qzone.qq.com/url_check?appid=99&amp;url=动画地址 width=870 height=600 type=application/x-shockwave-flash center="center" wmode="transparent" quality="high" invokeurls="false" allownetworking="internal" allowscriptaccess="never">
<P style="MARGIN: 0px"></P></DIV></DIV></DIV> 

 

 

所有的步骤完成以后，我们加音乐。在高级状态下我们点击图片

图片

图片

图片

我们选择歌曲时可以试听一下，可以的话我们在点击选择，然后再自动播放本日志内的音乐内打勾，最后点击确定，添加音乐完成。预览全篇日志没有问题我们就可以发表日志了。


  重点说明：所有的代码必须在html状态下使用

朋友们需要其他的代码

 

可点击下边网址看我常用的代码  

 

http://user.qzone.qq.com/1183025859/blog/1328424886 

http://user.qzone.qq.com/1183025859/blog/1330276489

 

 

最后我希望朋友们仔细阅读，多做练习，灵活运用代码，

相信你比我做的还要好！看到用自己创意做出来的日志，

那种喜悦的心情无法用语言来形容的。祝朋友们玩得开心快乐！

 竖题文字<div style="POSITION:absolute;TOP:600px;LEFT:-150px">
<div style="TEXT-ALIGN:left;WRITING-MODE:tb-rl;WIDTH:310px;HEIGHT:260px;FONT-SIZE:16pt"><P><FONT color="#faf4ff" face="宋体_GB2312"><STRONG>写入文字 </STRONG></FONT></p>
</div>
</div>

太阳动画效果<div>
<div>
<div style="POSITION:absolute;TOP:50px;LEFT:0px"><P style="MARGIN:0px" align="center"><EMBED height=400 type=application/x-shockwave-flash pluginspage=http://www.macromedia.com/go/getflashplayer width=700 src=http://lsj3368.16789.net/domName/lsj3368/2009698145238239.swf play="false" menu="false" loop="false" allowscriptaccess="never" allownetworking="none" invokeurls="false" wmode="transparent" quality="high" autostart="0"></p>
</div>
</div>
</div>
彩色灯光效果http://xt.2000y.net/106939/uploadpic/2009071915591910761.swf
隐藏播放器<DIV style="OVERFLOW: scroll; WIDTH: 21px; HEIGHT: 0px">
一、<div style="WIDTH:21px;HEIGHT:0px">

二、<div style="WIDTH:1221px;HEIGHT:0px">

三、<div style="POSITION:absolute;WIDTH:21px;HEIGHT:0px;TOP:20px;LEFT:-820px">

四、 <div style="POSITION:absolute;WIDTH:0px;TOP:0px;LEFT:-6100px">
五<div style="WIDTH:1px;HEIGHT:1px;OVERFLOW:hidden">

边框以及加文字代码

<div>
<div style="TEXT-ALIGN:center">
<div>
<div style="TEXT-ALIGN:center">&nbsp;</div>
</div>

<div align="center">
<table title="追梦欢迎你" border="30" cellSpacing="3" borderColor="#616130" cellPadding="0" width="590" bgColor="#000000" align="center">
<TBODY><TR><TD>
<table style="WIDTH:700px;HEIGHT:550px" border="5" cellSpacing="5" borderColor="#f9fbf9" cellPadding="1" width="750">
<TBODY><TR><TD><P style="MARGIN:0.7em" align="center"><span style="FONT-FAMILY:楷体, 楷体_GB2312;COLOR:rgb(183,221,232);FONT-SIZE:18px"></SPAN>&nbsp;<IMG style="WIDTH:670px;HEIGHT:511px" alt="图片" src=">

加字代码<P style="TEXT-INDENT:29.7pt;MARGIN:0cm 0cm 0pt"><span style="FONT-FAMILY:楷体_GB2312;COLOR:#b2b2b2;FONT-SIZE:15pt">加文字<SPAN></SPAN></SPAN></p>
<P style="TEXT-INDENT:29.7pt;MARGIN:0cm 0cm 0pt"><span style="FONT-FAMILY:楷体_GB2312;COLOR:#b2b2b2;FONT-SIZE:15pt">凡加字<P><STRONG><FONT color="#cccccc" size="4"><IMG style="FLOAT:right" alt="floating" align="top" src="左图片地址"> </FONT></STRONG></p>
<SPAN></SPAN></SPAN><P></p>
<P style="TEXT-INDENT:29.7pt;MARGIN:0cm 0cm 0pt"><span style="FONT-FAMILY:楷体_GB2312;COLOR:#b2b2b2;FONT-SIZE:15pt">加入文字<P><STRONG><FONT color="#cccccc" size="4"><IMG style="FLOAT:left" alt="floating" align="top" src="右图图片地址"> </FONT></STRONG></p>
<SPAN></SPAN></SPAN><P></p>

闪烁的标题代码

<P><TABLE style="BACKGROUND-IMAGE: url(标题闪图背景图片地址)" border=0 cellSpacing=0 cellPadding=0 width=870 align=center><TR><TD style="FILTER: mask(color=#F4D9DD) shadow(direction=135) chroma(color=#a09261)" align=middle><FONT style="LINE-HEIGHT: 100%; WIDTH: 100%; FONT-FAMILY: 黑体; COLOR: #000000; FONT-SIZE: 80pt"><B>标题</B></FONT></TD></TR></TABLE></P>

 

云朵的代码
<div style="Z-INDEX:1;POSITION:absolute;WIDTH:0px;TOP:50px;LEFT:40px"><EMBED height=680 type=application/x-shockwave-flash align="center><br/>
&#13;&#10;&#13;&#10;<EMBED" width=800 src=//open.qzone.qq.com/url_check?appid=99&amp;url=http://xt.2000y.net/106939/uploadpic/2009062212061025612.swf wmode="transparent" p="%22p%22" invokeurls="false" allownetworking="internal" allowscriptaccess="never"><P><br/>
<SPAN>&nbsp;</SPAN></p>
</div>
字体代码
 <DIV style="LEFT: 0px; WIDTH: 800px; POSITION: absolute; TOP: 0px" px="px" height:="height:"><P><FONT face=楷体_GB2312 color=#ffcc00 size=7><STRONG><FONT size=4>&nbsp;&nbsp;&nbsp;<FONT class=lightFont style="DISPLAY: inline-block; FILTER: glow(color=#000093,strength=3); WIDTH: 306px; COLOR: #ffffff; HEIGHT: 468px" glowcolor="#7030a0">写文字</FONT></FONT></STRONG></FONT></P></DIV>

 效果如下

 

文字穿越阴影字代码

 

<div style="LEFT: 100px; POSITION: absolute; TOP: 10px">
<div style="FONT-SIZE: 20pt; FILTER: shadow(color=#9900FF,

strength=8); WIDTH: 600px; COLOR: #ff0000; LINE-HEIGHT: 100%;

FONT-FAMILY: ()"><FONT color=#33ffff size=3><P><FONT face=楷体_GB2312 color=#66ffff>

<STRONG>这里写你喜欢的文字</STRONG></FONT>

</P></div></FONT></div></div>

 

 

让走动文字穿越在多层边框和图片上的代码 

<div style="LEFT: 0px; POSITION: absolute; TOP: 0px">
<MARQUEE><FONT color=#ffffff>
<div style="FONT-SIZE: 20pt; FILTER: shadow(color=#3300FF,

strength=8); WIDTH: 900px; COLOR: #000000; LINE-HEIGHT: 150%;

FONT-FAMILY: ()"><FONT color=#ffffff size=3>

</FONT> 这里写文字<FONT color=#33ffff size=3></FONT></FONT>

</FONT></div></div></MARQUEE></div>

 

 

 

空心字代码

<TABLE border=0 cellSpacing=0 cellPadding=0 width="100%" align=center>
<TBODY>
<TR>
<TD style="FILTER: glow(strength=1) mask(color=#6699ff) chroma(color=#6699ff)" align=middle><FONT style="LINE-HEIGHT: 150%; WIDTH: 100%; FONT-FAMILY: 华文新魏; FONT-SIZE: 50pt"><B>燃冰欢迎朋友来我空间</B></FONT> </TD></TR></TBODY></TABLE>

 

效果如下­

 

追梦欢迎朋友来我空间

 

­

 

 

 特效闪字代码

 


 <P align=center><BR>
<TABLE style="BACKGROUND-IMAGE: url(字体图片地址)" cellSpacing=0 cellPadding=0 align=center <TBODY <TABLE>
<TBODY>
<TR>
<TD style="FILTER: chroma(color=#336699)">
<TABLE style="BACKGROUND-IMAGE: url(底图片地址)" align=center <TBODY <TABLE>
<TBODY>
<TR>
<TD align=middle><FONT style="LINE-HEIGHT: normal; FONT-VARIANT: normal; FONT-STYLE: normal; FONT-SIZE: 40pt; FONT-WEIGHT: normal" color=#336699 face=楷体_gb2312><B>你要写的字</B></FONT></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></P> 

文章评论

▓ 木子

辛苦了[em]e160[/em] [em]e160[/em] [em]e179[/em] [em]e179[/em]