【教程】如何使用背景代码发帖
<p></p><p><font color="#008000"><font size="5"><b>【教程】如何使用背景代码发帖</b></font><br><br></font><font size="4" face="黑体" jquery1341582599939="274"><span jquery1341582599939="273"><font face="幼圆" jquery1341582599939="272"><sub jquery1341582599939="271"><font color="#008000" size="4">漂亮的背景图片可以让贴子更加美观。<br>但是，很多朋友还不会使用。<br>下面我们一起来学习吧！~</font><br></sub></font></span></font><br><font color="#9932cc"><b>第一步：首先打开【发帖】</b></font><br><br><br><br><b><font color="#9932cc">第二步：勾选【<span style="font-size: 12px; line-height: 19px; ">HTML 代码</span>】和【纯文本】</font></b><br><br><br><br><b><font color="#9932cc">第三步：将背景代码粘贴在空白处</font></b><br><br><br><br><b><font color="#9932cc">第四步：取消【纯文本】前面的勾选</font></b><br><br></p><p><br><br><br><b><font color="#9932cc">如图：<br><br></font></b></p><div style="BORDER-BOTTOM: #552277 9px double; BORDER-LEFT: #552277 9px double; WIDTH: 619px; BORDER-TOP: #552277 9px double; BORDER-RIGHT: #552277 9px double">
<div style="BORDER-BOTTOM: #c0c0e0 5px ridge; BORDER-LEFT: #c0c0e0 5px ridge; WIDTH: 609px; BORDER-TOP: #c0c0e0 5px ridge; BORDER-RIGHT: #c0c0e0 5px ridge"><table border="0" width="100%" style="text-align: center; "><tbody><tr><td background="http://www.heartjia.com/data/attachment/album/201207/04/190203qecnqh2hz4fn2oqb.jpg"><div style="text-align: left;"><span style="text-align: -webkit-auto; "><font color="#9932cc" size="5">取消【纯文本】前面的勾以后，就会出现这个带背景图的框。</font></span><span style="text-align: -webkit-auto; "><font color="#9932cc" size="5">添加文字并将文字编辑好后，点击【发表】，</font></span><span style="text-align: -webkit-auto; "><font color="#9932cc" size="5">一篇美化好的帖子就完成了。<br><br>你也来试试吧~</font></span></div><font size="4"><span style="line-height: 27px;"><b><br></b></span></font></td></tr></tbody></table></div></div><br><br><font size="3" color="#9932cc"><b>加双边框和背景图的</b></font><font size="3" color="#9932cc"><b>代码：<br></b></font><br><div><div style="BORDER-BOTTOM: #<font color="#0000ff"><b>552277</b></font> 9px double; BORDER-LEFT: #<font color="#0000ff"><b>552277</b></font> 9px double; WIDTH: 619px; BORDER-TOP: #<font color="#0000ff"><b>552277</b></font> 9px double; BORDER-RIGHT: #<font color="#0000ff"><b>552277</b></font> 9px double"></div><div><div style="BORDER-BOTTOM: #c0c0e0 5px ridge; BORDER-LEFT: #c0c0e0 5px ridge; WIDTH: 609px; BORDER-TOP: #c0c0e0 5px ridge; BORDER-RIGHT: #c0c0e0 5px ridge"></div><div><table style="TEXT-ALIGN: center" border="0" width="<font color="#008000"><b>100%</b></font>"></div><div><tbody></div><div><tr></div><div><td background="<font color="#ff0000"><b>http://www.heartjia.com/data/attachment/album/201207/04/190203qecnqh2hz4fn2oqb.jpg</b></font>"></div><br><font color="#9932cc"><b><font size="3">说明：</font></b><font size="3"><b>代码中蓝色部分是边框的颜色码，可以任意换。绿色部分是背景图片显示比例，一般选择100%。红色部分为背景图片地址，需要上传到心灵家园论坛才可以使用。</b><br></font></font><br><br><font size="3"><b><font color="#008000">PS：还有很多美化帖子的手段，如果您喜欢，大家可以共同探讨。<br><br>友情提示：论坛级别在秀才以上才可以使用【</font></b></font><font color="#ff0000">
</font><span style="line-height: 19px; "><b><font size="3" color="#ff0000">HTML 代码</font><font size="3" color="#008000">】</font><font size="3" color="#008000">功能。</font></b></span> 沙发。。。。
顺便问个问题，，空间自己传的图片怎么取地址啊，，我现在取到的貌似不是真实的，所以发出来不显示的。。。 心念 发表于 2012-7-6 22:40 static/image/common/back.gif
沙发。。。。
顺便问个问题，，空间自己传的图片怎么取地址啊，，我现在取到的貌似不是真实的，所以发出 ...
点开空间相册以后，点击所要选用的图片，出现下面这个界面：
然后右键点击下面对应的小图，点属性出现下面这个界面：
复制链接即可
谢谢，，我会了呢。。 收藏收藏，这个必须顶……;P 学习学习，，。:hug: 有没有单边框的呢？像以前TOM那里的，。 本帖最后由 慧儿~ 于 2012-7-14 14:05 编辑 <br /><br /><DIV align=center>
<DIV style="BORDER-BOTTOM: #552277 9px double; BORDER-LEFT: #552277 9px double; WIDTH: 619px; BORDER-TOP: #552277 9px double; BORDER-RIGHT: #552277 9px double">
<DIV align=left>
<DIV style="BORDER-BOTTOM: #c0c0e0 5px ridge; BORDER-LEFT: #c0c0e0 5px ridge; WIDTH: 609px; BORDER-TOP: #c0c0e0 5px ridge; BORDER-RIGHT: #c0c0e0 5px ridge">
<TABLE style="TEXT-ALIGN: center" border=0 width="100%">
<TBODY>
<TR>
<TD background=http://www.heartjia.com/data/attachment/album/201207/14/135253t1g1p1dpensd8d1s.gif>
<P><FONT color=red size=6>学做代码图</FONT></P>
<P><FONT color=#ff0000 size=6>谢谢无为老师</FONT></P>
<P> </P>
<P align=center></P></TD></TR></TBODY></TABLE></DIV></DIV></DIV></DIV> 无语漫步 发表于 2012-7-7 21:42 static/image/common/back.gif
有没有单边框的呢？像以前TOM那里的，。
<div style="BORDER-RIGHT: #006400 5px ridge; BORDER-TOP: #006400 5px ridge; BORDER-LEFT: #006400 5px ridge; WIDTH: 619px; BORDER-BOTTOM: #006400 5px ridge"><table style="TEXT-ALIGN: center" border="0" width="100%">
<tbody>
<tr>
<td background="http://www.heartjia.com/data/attachment/album/201207/04/190203qecnqh2hz4fn2oqb.jpg"><font color="#9932cc" size="4"><b>是这个样的吗？<br><div style="text-align: left;"><br><br>代码：</div></b><span style="line-height: 27px;"><b><span style="text-align: left; "><div style="BORDER-RIGHT: #006400 5px ridge; BORDER-TOP: #006400 5px ridge; BORDER-LEFT: #006400 5px ridge; WIDTH: 619px; BORDER-BOTTOM: #006400 5px ridge"><table style="TEXT-ALIGN: center" border="0" width="100%"></span><br></b></span></font><div style="text-align: left;"><font color="#9932cc" size="4"><span style="line-height: 27px;"><b><tbody></b></span></font></div><div style="text-align: left;"><font color="#9932cc" size="4"><span style="line-height: 27px;"><b><tr></b></span></font></div><div style="text-align: left;"><font color="#9932cc" size="4"><span style="line-height: 27px;"><b><td background="http://www.heartjia.com/data/attachment/album/201207/04/190203qecnqh2hz4fn2oqb.jpg"></b></span></font></div></td></tr></tbody></table></div> 无为 发表于 2012-7-14 20:14 static/image/common/back.gif
是这个样的吗？代码：<div style="BORDER-RIGHT: #006400 5px ridge; BORDER-TOP: #006400 5px r ...
恩，谢谢无为了，，这样利索，，，:)