学做空间：高级篇--用代码装饰日志

悠然一笑. 2011-10-17

展开全文

学做空间：高级篇

一、滚动代码

[marque#] 插入文字、图片 [#/marque]

使用方法：除掉 [ ] 中的 # 即可

效果预览：

[marque#] 滚动的文字、 [#/marque]

除掉“ # ”号后

滚动的文字、

　　后面几种代码的使用方法：

现在以信纸背景代码为例说说代码的使用方法

　　　复制的代码必须在HTML编辑状态下粘贴，否则可能显示的不是代码的效果，而是代码字符。方法：点高级－－点HTML－－欲插入代码的位置右击粘贴。具体步骤如下：

　　1、复制代码（先选定，后右击复制。选定时一定要把代码选全，绝不可丢掉一个字符）

　　2、进入编辑状态点高级

　　点击HTML

　　3、粘贴代码到编辑区的相应位置

　　4、获取图片地址：

　　（放到自己日志中的图片最好上传到自己的相册中，使用自己相册中的链接，地址才不会失效。）

　　获取相册中图片地址

　也可以通过单击打开图片－＞在打开的图片上右击－＞复制图像地址（I）－＞获得图片地址

　　（注意：不是在略图上右击）

　　5、键入文字，复制、粘贴图片地址到相应位置　　　　　　

　　把“图片地址”几个字换成刚才复制的背景图片链接地址

　　5、点返回预览或进行常规编辑

　　现在你就可以进行常规编辑了

二、超大字符代码

代　　码

<P><FONT style="LINE-HEIGHT: 150%; WIDTH: 100%; FONT-FAMILY: 华文新魏; FONT-SIZE: 70pt"><B>云中漫步欢迎你</B></FONT></P>

代码说明（直接在代码中修改字体名称、字号数值、显示的文字）

字体名称：FONT-FAMILY:华文新魏;

字　　号：FONT-SIZE: 70pt"

加　　粗：<B> </B>

效果预览：

云中漫步欢迎你

2、投影字代码：

<DIV align=center>
<DIV style="FILTER: shadow(color=#ff0000, strength=60); WIDTH: 800px; HEIGHT: 150px">
<DIV align=center><FONT style="LINE-HEIGHT: normal; FONT-VARIANT: normal; FONT-STYLE: normal; FONT-SIZE: 70pt; FONT-WEIGHT: normal" color=#009900 face=华文行楷><STRONG>　云中漫步欢迎你!</STRONG></FONT></DIV></DIV></DIV>

效果图：

　云中漫步欢迎你!

3、闪光字代码：
<TABLE style="BACKGROUND-IMAGE: url(字体图片地址)" cellSpacing=0 cellPadding=0 align=center tbody="tbody" table="table">
<TBODY>
<TR>
<TD style="FILTER: chroma(color=#336699)">
<TABLE style="BACKGROUND-IMAGE: url(图片背景地址)" align=center tbody="tbody" table="table">
<TBODY>
<TR>
<TD align=middle>
<P><FONT style="FONT-WEIGHT: normal; FONT-SIZE:150pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文行楷 color=#336699><B>云中漫步</B></FONT></P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

字体图片：

图片背景

效果图：

云中漫步

闪字代码2

<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">云中漫步欢迎你</FONT></P></TD></TR></TBODY></TABLE>

字体图片：

效果预览：

云中漫步欢迎你

三、图片羽化代码

原图片：

线形羽化代码

效果预览：

椭圆羽化代码

效果预览：

方形（X形）羽化代码

效果预览：

图片边框代码

凹进框代码：<img src="图片地址" style="border:50 inset #ff88ff">
凸出框代码：<img src="图片地址"style="border:50 outset #ff88ff">
虚线框代码：<img src="图片地址" style="border:8 dashed #ff0000">
凹槽框代码：<img src="图片地址" style="border:50 groove green" border="0">
脊状框代码：<img src="图片地址" style="border:50 ridge green" border="0">

原图片：

凹槽框效果图：

四、信纸背景代码

　　如果你是黄钻用户，会有很多信纸背景可供你选择，像我这些无钻户，只能用很少几款，而且后面还要留下一行讨厌的字：黄钻贵族赠。有点象受人施舍的感觉，看了很不爽。

代　码：

背景图片原图：

背景图片地址：

http://image109.360doc.com/DownloadImg/2011/10/1717/18553287_56_202305240216309.jpeg

注　　意：背景图片尽可能小点，这样打开会比较快。

预览效果：　　

代　码：

变通应用：

　　你可以用一幅较大的图片做背景，在图片上显示文字。
　　编辑时点击背景边缘，用鼠标拖动调整点来调整显示区域的大小。

五、背景音乐代码（给日志插入背景音乐）：

　　QQ空间虽然支持在日志中插入背景音乐，可我就是不大喜欢显示的播放器，总觉得放在日志的哪个地方都不协调，如果你也和我一样，喜欢把播放器隐藏起来，就试着用代码来插入背景音乐吧。

代码1（不显示播放器）：

</textarea><embed src=背景音乐地址 width=0 height=0 loop= true>

加音乐地址后的代码：（适合扩展名为： .mp3 .wma类型的音乐)

</textarea><embed src=http://www./2010/01-03-26/aiqing.mp3 width=0 height=0 loop= true>

代码2（不显示播放器）：

加音乐地址后的代码：（适合扩展名为： .mp3 .wma类型的音乐)

代码3（循环播放）：

代码的调整：
　　width和height为播放器宽度和高度，可以灵活设置，如果播放视频，可以设置到适合的数字。如果不想让播放器出现，那么可以改成width=0 height=0 (只出现一个白色的小点)
　　autostart=“true”时为自动播放，
　　autostart=“false”为不自动播放。
　　loop=“true”为连续循环播放，
　　loop=“false”为不循环播放。
　　loop可以等于一个整数，比如loop="5"，就是音乐循环播放5次