游客: 登录 免费注册 栏目列表 搜索 领红包 自选风格 版主推荐 社区功能 审核投诉 帮助 VIP申请
华声论坛 → 音画学堂区 → 教程交流 →

用横条背景制作简单的帖子——（附代码和横条背景的素材）

发新帖  新投票  回帖 
帖子主题:用横条背景制作简单的帖子——（附代码和横条背景的素材）
共23745个阅读者,33条回复 | 打印 | 订阅 | 收藏
蒂芬妮

发表时间：2009-3-15 16:58

用横条背景制作简单的帖子——（附代码和横条背景的素材）



蒂芬妮 发表在 教程交流 华声论坛 http://bbs.voc.com.cn/forum-163-1.html

         『 梅 花 』

 

                          歌手：邓丽君


 
  ------
梅花梅花满天下
愈冷它愈开花
梅花坚忍象征我们
巍巍的大中华
看啊遍地开了梅花
有土地就有它
冰雪风雨它都不怕
它是我的国花
…………

梅花梅花满天下
愈冷它愈开花
梅花坚忍象征我们
巍巍的大中华
看啊遍地开了梅花
有土地就有它
冰雪风雨它都不怕
它是我的国花
…………
 





[本帖最后由 蒂芬妮 于 2009-3-21 18:55 编辑]

  • 精彩推荐

本帖最近评分记录
宠儿   2009-3-22 19:56  金钱  +5   很用功哦
宠儿   2009-3-22 19:56  魅力  +5   很用功哦
 
婷有独钟

回复时间：2009-3-15 17:26
简约而不简单，素雅而又美丽！我喜欢！




----------------------------------------------
曾经沧海难为水，除却巫山不是云。取次花丛懒回顾，半缘修道半缘君。
 
婷有独钟

回复时间：2009-3-15 17:27
哦！对了，没有音乐吗？我好想听不到哎！




----------------------------------------------
曾经沧海难为水，除却巫山不是云。取次花丛懒回顾，半缘修道半缘君。
 
红之枫

回复时间：2009-3-15 20:29
可以~~

 
蒂芬妮

回复时间：2009-3-16 04:46
 『 缘 分 』


   缘  分
------ 穆蓉海瑶  
缘分，一种美妙的感觉，源自于心灵的契合。
缘分，可遇而不可强求，就算词穷墨尽，亦无
法形容描写的酣畅尽致。有时，擦肩匆匆而过。有
时，情深款款的向你走来。而读懂的人，读懂了，
读不懂，自然也就错过了这奇妙的感觉。
有些人，天天相见，却只是淡淡的点头之交。
有些人，从未谋面，却共振起一层层共鸣，彼
此心心相惜。
而这一切，只是无意的，从未牵强。
一次不期而遇的美丽邂逅，这是缘分，缘起，
谁也阻挡不了。
一次无意中彼此悄然错过，这是缘分，缘灭，
谁也留不住。
缘分，犹如大海，表面蔚蓝平静。却不知隐藏
着多少波涛汹涌的肆意与狂妄。在被触动敏感柔软
的心弦时，在心不设防时，勾勒出魂萦梦牵梦的深
夜，挣扎中欲走却留着一往情深。或许，被深深刺
痛的，不仅仅是肉体。还有，脆弱的灵魂。
缘分，存在着逃避中隐约的一份心痛，也因保
留着一份缥缈虚幻而美丽。如同空中楼阁，其实，
只是存活在心理的一道风景。
而我，试想拥有心理的海阔天空之外，随缘而
去乘风而来。
朦胧间，一份属于你我的缘。
无须告白　，无须解释。
因为你懂，我也懂。


[本帖最后由 蒂芬妮 于 2009-3-16 05:19 编辑]

 
蒂芬妮

回复时间：2009-3-16 05:54
用html代码制作信笺纸

●
●
●
●
●
●
●
●
●
●
●
●
●
●
●
●
●
●
●
『 标题 』
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

===========================================================

===========================================================

===========================================================

===========================================================

===========================================================

===========================================================

===========================================================

===========================================================

===========================================================

===========================================================

===========================================================

===========================================================

===========================================================

===========================================================

===========================================================

===========================================================

===========================================================

===========================================================

===========================================================

===========================================================

===========================================================

===========================================================

===========================================================

===========================================================

===========================================================

===========================================================

===========================================================

===========================================================

===========================================================

===========================================================

===========================================================

===========================================================

===========================================================

===========================================================
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
20 年月日 第 页


[本帖最后由 蒂芬妮 于 2009-3-16 06:06 编辑]

 
asq2233

回复时间：2009-3-16 08:26
辛苦了,先熟悉,

 
静夜如诗

回复时间：2009-3-16 20:07
好漂亮的背景，可以再多发一些来吗？

 
淡..

回复时间：2009-3-18 15:14
哈~我最要的是教程。。。。。。

 
静夜如诗

回复时间：2009-3-19 19:43

原帖由 淡.. 于 2009-3-18 15:14 发表
哈~我最要的是教程。。。。。。

我也想知道是怎么做的哦

 
蒂芬妮

回复时间：2009-3-21 17:36

 

 『 片片枫叶情 』


丹枫 狂吻深秋
红红火火的世界
令人 酥软绵绵
朦胧间
兜兜转转的红枫
全是你的化身

风儿 清爽
一个身影翩翩飞来
彤彤红红的叶儿
故意撩动着心心念念
丝丝清晰的脉络
交织着风中的爱恋

就这样
被一海的嫣红惹醉
今生来世的相许
籍着浸透心灵的真挚
柔柔地 倾诉

就这样
被如火的浓情燃烧
诱人闪亮的梦想
随着五彩缤纷的叶絮
漫漫的 飘舞

斑澜的弦律
美满了秋天的纪念
忘川的溪水
轻软了季节的承诺
片片枫叶万般浓情
别问是劫
还是缘……
 



 
蒂芬妮

回复时间：2009-3-21 18:03
教程不会写，不过可以把代码帖出来~

用html制作信笺纸的代码如下：



[Copy to clipboard] [ - ]
CODE:
<TABLE cellSpacing=0 cellPadding=0 border=0>
<TBODY>
<TR>
<TD align=middle width=70 background=http://bbs.xxjy.net/UploadFile/2005-11/200511292195317795.gif><FONT color=#ffddff size=5>●<BR>●<BR>●<BR>●<BR>●<BR>●<BR>●<BR>●<BR>●<BR>●<BR>●<BR>●<BR>●<BR>●<BR>●<BR>●<BR>●<BR>●<BR>●</FONT></TD>
<TD>
<TABLE style="BACKGROUND-POSITION: 0% 16%; SCROLLBAR-FACE-COLOR: #ffddff; SCROLLBAR-HIGHLIGHT-COLOR: #ff88ff; WIDTH: 580px; SCROLLBAR-SHADOW-COLOR: #ff88ff; SCROLLBAR-3DLIGHT-COLOR: #ffddff; SCROLLBAR-ARROW-COLOR: #ff88ff; SCROLLBAR-TRACK-COLOR: #ffddff; BACKGROUND-REPEAT: no-repeat; SCROLLBAR-DARKSHADOW-COLOR: #ffddff" cellSpacing=15 borderColorDark=black cellPadding=15 align=center bgColor=#ffddff borderColorLight=#a09261 background=http://bbs.xxjy.net/UploadFile/2005-11/2005112921101518130.gif border=0>
<TBODY>
<TR>
<TD>
<DIV align=center><FONT style="FONT-SIZE: 30pt; FILTER: glow(color=#ff88ff); WIDTH: 100%; COLOR: #ffddff; LINE-HEIGHT: 150%; FONT-FAMILY: 隶书"><B>『 标题 』</B></FONT></DIV><FONT color=#ff88ff><B>~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~</B></FONT>
<DIV style="OVERFLOW: auto; HEIGHT: 700px"><FONT color=#ff88ff><BR>===========================================================</FONT><BR><FONT color=#ff88ff><BR>===========================================================</FONT><BR><FONT color=#ff88ff><BR>===========================================================</FONT><BR><FONT color=#ff88ff><BR>===========================================================</FONT><BR><FONT color=#ff88ff><BR>===========================================================</FONT><BR><FONT color=#ff88ff><BR>===========================================================</FONT><BR><FONT color=#ff88ff><BR>===========================================================</FONT><BR><FONT color=#ff88ff><BR>===========================================================</FONT><BR><FONT color=#ff88ff><BR>===========================================================</FONT><BR><FONT color=#ff88ff><BR>===========================================================</FONT><BR><FONT color=#ff88ff><BR>===========================================================</FONT><BR><FONT color=#ff88ff><BR>===========================================================</FONT><BR><FONT color=#ff88ff><BR>===========================================================</FONT><BR><FONT color=#ff88ff><BR>===========================================================</FONT><BR><FONT color=#ff88ff><BR>===========================================================</FONT><BR><FONT color=#ff88ff><BR>===========================================================</FONT><BR><FONT color=#ff88ff><BR>===========================================================</FONT><BR><FONT color=#ff88ff><BR>===========================================================</FONT><BR><FONT color=#ff88ff><BR>===========================================================</FONT><BR><FONT color=#ff88ff><BR>===========================================================</FONT><BR><FONT color=#ff88ff><BR>===========================================================</FONT><BR><FONT color=#ff88ff><BR>===========================================================</FONT><BR><FONT color=#ff88ff><BR>===========================================================</FONT><BR><FONT color=#ff88ff><BR>===========================================================</FONT><BR><FONT color=#ff88ff><BR>===========================================================</FONT><BR><FONT color=#ff88ff><BR>===========================================================</FONT><BR><FONT color=#ff88ff><BR>===========================================================</FONT><BR><FONT color=#ff88ff><BR>===========================================================</FONT><BR><FONT color=#ff88ff><BR>===========================================================</FONT><BR><FONT color=#ff88ff><BR>===========================================================</FONT><BR><FONT color=#ff88ff><BR>===========================================================</FONT><BR><FONT color=#ff88ff><BR>===========================================================</FONT><BR><FONT color=#ff88ff><BR>===========================================================</FONT><BR><FONT color=#ff88ff><BR>===========================================================</FONT></DIV>
<DIV align=center><FONT color=#ff88ff><B>~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~</B></FONT></DIV>
<DIV align=center><FONT face=宋体 color=#ff88ff size=2>20 年月日 第 页</FONT></DIV></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>


 
蒂芬妮

回复时间：2009-3-21 18:13

 『 缘 分 』


缘分
------ 穆蓉海瑶  
缘分，一种美妙的感觉，源自于心灵的契合。
缘分，可遇而不可强求，就算词穷墨尽，亦无
法形容描写的酣畅尽致。有时，擦肩匆匆而过。有
时，情深款款的向你走来。而读懂的人，读懂了，
读不懂，自然也就错过了这奇妙的感觉。
有些人，天天相见，却只是淡淡的点头之交。
有些人，从未谋面，却共振起一层层共鸣，彼
此心心相惜。
而这一切，只是无意的，从未牵强。
一次不期而遇的美丽邂逅，这是缘分，缘起，
谁也阻挡不了。
一次无意中彼此悄然错过，这是缘分，缘灭，
谁也留不住。
缘分，犹如大海，表面蔚蓝平静。却不知隐藏
着多少波涛汹涌的肆意与狂妄。在被触动敏感柔软
的心弦时，在心不设防时，勾勒出魂萦梦牵梦的深
夜，挣扎中欲走却留着一往情深。或许，被深深刺
痛的，不仅仅是肉体。还有，脆弱的灵魂。
缘分，存在着逃避中隐约的一份心痛，也因保
留着一份缥缈虚幻而美丽。如同空中楼阁，其实，
只是存活在心理的一道风景。
而我，试想拥有心理的海阔天空之外，随缘而
去乘风而来。
朦胧间，一份属于你我的缘。
无须告白　，无须解释。
因为你懂，我也懂。

缘分的代码如下：


[Copy to clipboard] [ - ]
CODE:
<TABLE style="BACKGROUND-POSITION: 86% 18%; SCROLLBAR-FACE-COLOR: #ffffff; SCROLLBAR-HIGHLIGHT-COLOR: #62a96b; WIDTH: 550px; SCROLLBAR-SHADOW-COLOR: #62a96b; SCROLLBAR-3DLIGHT-COLOR: #ffffff; SCROLLBAR-ARROW-COLOR: #62a96b; SCROLLBAR-TRACK-COLOR: #ffffff; BACKGROUND-REPEAT: no-repeat; SCROLLBAR-DARKSHADOW-COLOR: #ffffff" borderColor=#ff0000 cellSpacing=15 borderColorDark=black cellPadding=15 align=center bgColor=#ffffff borderColorLight=#a09261 background=http://bbs.xxjy.net/UploadFile/2005-11/200511292043975928.jpg border=0>
<TBODY>
<TR>
<TD><BR>
<DIV align=center><FONT face=隶书 color=#62a96b size=6><B>&nbsp;『 缘 分 』</B></FONT></DIV><BR>
<DIV style="BORDER-BOTTOM: #62a96b 2px dashed" align=center></DIV>
<DIV style="BORDER-BOTTOM: #62a96b 2px solid" align=center></DIV>
<DIV style="FONT-SIZE: 14pt; OVERFLOW: auto; WIDTH: 550px; FONT-FAMILY: 华文新魏; HEIGHT: 700px; TEXT-ALIGN: center"><BR>
<DIV style="BORDER-BOTTOM: #62a96b 1px dashed" align=center><B><FONT style="FONT-SIZE: 16px" color=#006633>缘分</FONT></B></DIV>
<DIV style="BORDER-BOTTOM: #62a96b 1px dashed" align=right><FONT color=#006633>------ 穆蓉海瑶&nbsp;&nbsp;</FONT></DIV>
<DIV style="BORDER-BOTTOM: #62a96b 1px dashed" align=center><FONT color=#006633>缘分，一种美妙的感觉，源自于心灵的契合。</FONT></DIV>
<DIV style="BORDER-BOTTOM: #62a96b 1px dashed" align=center><FONT color=#006633>缘分，可遇而不可强求，就算词穷墨尽，亦无</FONT></DIV>
<DIV style="BORDER-BOTTOM: #62a96b 1px dashed" align=center><FONT color=#006633>法形容描写的酣畅尽致。有时，擦肩匆匆而过。有</FONT></DIV>
<DIV style="BORDER-BOTTOM: #62a96b 1px dashed" align=center><FONT color=#006633>时，情深款款的向你走来。而读懂的人，读懂了，</FONT></DIV>
<DIV style="BORDER-BOTTOM: #62a96b 1px dashed" align=left><FONT color=#006633>读不懂，自然也就错过了这奇妙的感觉。</FONT></DIV>
<DIV style="BORDER-BOTTOM: #62a96b 1px dashed" align=center><FONT color=#006633>有些人，天天相见，却只是淡淡的点头之交。</FONT></DIV>
<DIV style="BORDER-BOTTOM: #62a96b 1px dashed" align=center><FONT color=#006633>有些人，从未谋面，却共振起一层层共鸣，彼</FONT></DIV>
<DIV style="BORDER-BOTTOM: #62a96b 1px dashed" align=left><FONT color=#006633>此心心相惜。</FONT></DIV>
<DIV style="BORDER-BOTTOM: #62a96b 1px dashed" align=left><FONT color=#006633>而这一切，只是无意的，从未牵强。</FONT></DIV>
<DIV style="BORDER-BOTTOM: #62a96b 1px dashed" align=center><FONT color=#006633>一次不期而遇的美丽邂逅，这是缘分，缘起，</FONT></DIV>
<DIV style="BORDER-BOTTOM: #62a96b 1px dashed" align=left><FONT color=#006633>谁也阻挡不了。</FONT></DIV>
<DIV style="BORDER-BOTTOM: #62a96b 1px dashed" align=center><FONT color=#006633>一次无意中彼此悄然错过，这是缘分，缘灭，</FONT></DIV>
<DIV style="BORDER-BOTTOM: #62a96b 1px dashed" align=left><FONT color=#006633>谁也留不住。</FONT></DIV>
<DIV style="BORDER-BOTTOM: #62a96b 1px dashed" align=center><FONT color=#006633>缘分，犹如大海，表面蔚蓝平静。却不知隐藏</FONT></DIV>
<DIV style="BORDER-BOTTOM: #62a96b 1px dashed" align=center><FONT color=#006633>着多少波涛汹涌的肆意与狂妄。在被触动敏感柔软</FONT></DIV>
<DIV style="BORDER-BOTTOM: #62a96b 1px dashed" align=center><FONT color=#006633>的心弦时，在心不设防时，勾勒出魂萦梦牵梦的深</FONT></DIV>
<DIV style="BORDER-BOTTOM: #62a96b 1px dashed" align=center><FONT color=#006633>夜，挣扎中欲走却留着一往情深。或许，被深深刺</FONT></DIV>
<DIV style="BORDER-BOTTOM: #62a96b 1px dashed" align=left><FONT color=#006633>痛的，不仅仅是肉体。还有，脆弱的灵魂。</FONT></DIV>
<DIV style="BORDER-BOTTOM: #62a96b 1px dashed" align=center><FONT color=#006633>缘分，存在着逃避中隐约的一份心痛，也因保</FONT></DIV>
<DIV style="BORDER-BOTTOM: #62a96b 1px dashed" align=center><FONT color=#006633>留着一份缥缈虚幻而美丽。如同空中楼阁，其实，</FONT></DIV>
<DIV style="BORDER-BOTTOM: #62a96b 1px dashed" align=left><FONT color=#006633>只是存活在心理的一道风景。</FONT></DIV>
<DIV style="BORDER-BOTTOM: #62a96b 1px dashed" align=center><FONT color=#006633>而我，试想拥有心理的海阔天空之外，随缘而</FONT></DIV>
<DIV style="BORDER-BOTTOM: #62a96b 1px dashed" align=left><FONT color=#006633>去乘风而来。</FONT></DIV>
<DIV style="BORDER-BOTTOM: #62a96b 1px dashed" align=left><FONT color=#006633>朦胧间，一份属于你我的缘。</FONT></DIV>
<DIV style="BORDER-BOTTOM: #62a96b 1px dashed" align=left><FONT color=#006633>无须告白　，无须解释。</FONT></DIV>
<DIV style="BORDER-BOTTOM: #62a96b 1px dashed" align=left><FONT color=#006633>因为你懂，我也懂。</FONT></DIV></DIV>
<DIV style="BORDER-BOTTOM: #62a96b 2px solid" align=center></DIV>
<DIV style="BORDER-BOTTOM: #62a96b 2px dashed" align=center></DIV>
<DIV align=center></DIV></TD></TR></TBODY></TABLE>

[本帖最后由 蒂芬妮 于 2009-3-22 14:42 编辑]

 
蒂芬妮

回复时间：2009-3-21 18:50

原帖由 静夜如诗 于 2009-3-16 20:07 发表 好漂亮的背景，可以再多发一些来吗？
搜集了一些横条背景，希望和大家一起分享：

 

 

  

   

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 


         

       素材来自网络*蒂芬妮收集整理




使用背景图片时，用鼠标点击右键，查看背景的属性就可以看到背景的地址，复制粘贴地址 OK !

 
无毒眼镜蛇

回复时间：2009-3-21 19:55
美图欣赏了，代码一窍不通啊！

 
蒂芬妮

回复时间：2009-3-22 14:56

我也在学习





在横条背景中添加文字

代码如下：



[Copy to clipboard] [ - ]
CODE:
<TABLE style="WIDTH: 484px; POSITION: relative; TOP: 1px; center: 1px" height=72 cellSpacing=0 cellPadding=10 width="100%" align=center background=http://pic.nipic.com/2008-07-29/200872920594798_2.gif border=0 P="">
<TBODY>
<TR>
<TD vAlign=center align=middle width=350 height=26>
<P align=center><FONT style="FONT-SIZE: 18pt; FILTER: shadow(color=#800000); WIDTH: 70%; COLOR: #ff0000; LINE-HEIGHT: 80%; FONT-FAMILY: 华文行楷">
<MARQUEE scrollAmount=3 behavior=alternate width="80%">我也在学习</MARQUEE></FONT></P></TD></TR></TBODY></TABLE>


 
蒂芬妮

回复时间：2009-3-22 15:15

大家一起来学习


 
宠儿
原创音画组
回复时间：2009-3-22 19:57
应用得很不错啊,加油

 
蒂芬妮

回复时间：2009-3-23 05:43
谢谢宠儿老师的鼓励！

我会再继续努力的~~

 
纯朴归真

回复时间：2009-3-23 22:41
辛苦了各位

 
发新帖 新投票
 回帖
查看积分策略说明快速回复主题
你的用户名: 密码:   免费注册（只要30秒）


启用 Html 代码
使用个人签名
 （请您文明上网理性发言！并遵守相关规定）
   



Processed in 0.026427 s, 9 q - sitemap,