心灵家园

 找回密码
 立即注册

扫一扫,访问微社区

QQ登录

只需一步,快速开始

搜索
查看: 97745|回复: 49

【教程】如何使用背景代码发帖

[复制链接]
发表于 2012-7-6 22:16:26 | 显示全部楼层 |阅读模式

【教程】如何使用背景代码发帖

漂亮的背景图片可以让贴子更加美观。
但是,很多朋友还不会使用。
下面我们一起来学习吧!~


第一步:首先打开【发帖】



第二步:勾选【HTML 代码】和【纯文本】



第三步:将背景代码粘贴在空白处



第四步:取消【纯文本】前面的勾选




如图:

取消【纯文本】前面的勾以后,就会出现这个带背景图的框。添加文字并将文字编辑好后,点击【发表】,一篇美化好的帖子就完成了。

你也来试试吧~



加双边框和背景图的代码:

<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 style="TEXT-ALIGN: center" border="0" width="100%">
<tbody>
<tr>
<td background="http://www.heartjia.com/data/attachment/album/201207/04/190203qecnqh2hz4fn2oqb.jpg">

说明:代码中蓝色部分是边框的颜色码,可以任意换。绿色部分是背景图片显示比例,一般选择100%。红色部分为背景图片地址,需要上传到心灵家园论坛才可以使用。


PS:还有很多美化帖子的手段,如果您喜欢,大家可以共同探讨。

友情提示:论坛级别在秀才以上才可以使用【
HTML 代码功能。

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x

已有 0 人打赏作者

发表于 2012-7-6 22:40:47 | 显示全部楼层
沙发。。。。

顺便问个问题,,空间自己传的图片怎么取地址啊,,我现在取到的貌似不是真实的,所以发出来不显示的。。。
 楼主| 发表于 2012-7-6 22:51:38 | 显示全部楼层
心念 发表于 2012-7-6 22:40
沙发。。。。

顺便问个问题,,空间自己传的图片怎么取地址啊,,我现在取到的貌似不是真实的,所以发出 ...

点开空间相册以后,点击所要选用的图片,出现下面这个界面:



然后右键点击下面对应的小图,点属性出现下面这个界面:



复制链接即可









本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x
发表于 2012-7-6 23:04:45 | 显示全部楼层
谢谢,,我会了呢。。
发表于 2012-7-6 23:05:45 | 显示全部楼层
收藏收藏,这个必须顶……
发表于 2012-7-7 21:40:57 | 显示全部楼层
学习学习,,。
发表于 2012-7-7 21:42:12 | 显示全部楼层
有没有单边框的呢?像以前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 sty  详情 回复 发表于 2012-7-14 20:14
发表于 2012-7-14 13:57:52 | 显示全部楼层
本帖最后由 慧儿~ 于 2012-7-14 14:05 编辑

学做代码图

谢谢无为老师

 

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x

点评

很棒~  发表于 2012-7-14 20:09
 楼主| 发表于 2012-7-14 20:14:44 | 显示全部楼层
无语漫步 发表于 2012-7-7 21:42 有没有单边框的呢?像以前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">
发表于 2012-7-17 13:26:35 | 显示全部楼层
无为 发表于 2012-7-14 20:14
是这个样的吗?代码:&lt;div style="BORDER-RIGHT: #006400 5px ridge; BORDER-TOP: #006400 5px r ...

恩,谢谢无为了,,这样利索,,,
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|手机版|Archiver|心灵家园 ( 粤ICP备2022134291号-1 )

GMT+8, 2024-11-25 15:10 , Processed in 0.069485 second(s), 38 queries .

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

快速回复 返回顶部 返回列表