[Vivian's Style]简单的发帖教程
打印 | 推荐 | 评分
2009-10-21 15:54

先给大家一个效果图：

再一次和F一起走在暮色的操场，时间是2009年10月3日

天空开始被暗蓝色吞没，入秋的风有一些微凉

F低头踩着铺在地面的落叶，我亦未说话

星光缓慢绽放在我们头顶的天空，宛如一条长河


记忆中很久没有这样静谧的时刻了

仿佛当时间的针指向第四年，生活便换了一个模样

忙碌的节奏打乱了一切

工作，就业，这些以前看来遥不可及的东西

真真实实地摆在了眼前

而在这场漫无止境的生活演变中

走失掉的不只时间和精力

曾经的好友在辗转中失去了联系

而更多是在不经意间，退去了往昔的颜色

或许这些都不是我们的本意，只是在生活的洪流中

我们只有前行，没有退路


记得F和她交往7年的男友分手的傍晚

我陪着她，看着头顶的天空被飞机的尾云分割成两片

她说，这样的爱恋，再也不会有了



评论(28)
 28  1/2 12››



第一步：搭好帖子的框架




[Copy to clipboard] [ - ]
CODE:
<P align=center> <TABLE cellSpacing=0 cellPadding=0 width=620 border=1> <TBODY> <TR> <TD> <TABLE height=200 cellSpacing=0 cellPadding=0 width=200 align=left border=1> <TBODY> <TR> <TD></TD></TR></TBODY></TABLE> <TABLE style="BORDER-RIGHT: #ebd1ff 1px dashed; BORDER-TOP: #ebd1ff 1px dashed; BORDER-LEFT: #ebd1ff 1px dashed; BORDER-BOTTOM: #ebd1ff 1px dashed" height=200 cellSpacing=0 cellPadding=0 width=400> <TBODY> <TR> <TD></TD></TR></TBODY></TABLE> <TABLE style="BORDER-RIGHT: #ebd1ff 1px dashed; BORDER-TOP: #ebd1ff 1px dashed; BORDER-LEFT: #ebd1ff 1px dashed; BORDER-BOTTOM: #ebd1ff 1px dashed" height=402 cellSpacing=0 cellPadding=0 width=300 align=left> <TBODY> <TR> <TD></TD></TR></TBODY></TABLE> <TABLE height=402 cellSpacing=0 cellPadding=0 width=300 border=1> <TBODY> <TR> <TD></TD></TR></TBODY></TABLE><BR> <TABLE style="BORDER-RIGHT: #ebd1ff 1px dashed; BORDER-TOP: #ebd1ff 1px dashed; BORDER-LEFT: #ebd1ff 1px dashed; BORDER-BOTTOM: #ebd1ff 1px dashed" height=200 cellSpacing=0 cellPadding=0 width=400 align=left> <TBODY> <TR> <TD> <TD></TD></TR></TBODY></TABLE> <TABLE height=200 cellSpacing=0 cellPadding=0 width=200 border=1> <TBODY> <TR> <TD></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></P>




效果：


[ 本帖最后由 Vivian 于 2009-10-22 14:39 编辑 ]

Vivian Rank: 10Rank: 10Rank: 10
2009-10-21 15:55


第二部：将图片添加到需要的表格中充当背景

[Copy to clipboard] [ - ]
CODE:
<P align=center> <TABLE cellSpacing=0 cellPadding=0 width=620> <TBODY> <TR> <TD> <TABLE height=200 cellSpacing=0 cellPadding=0 width=200 align=left background=http://i37.tinypic.com/ydp2t.jpg> <TBODY> <TR> <TD></TD></TR></TBODY></TABLE> <TABLE style="BORDER-RIGHT: #ebd1ff 1px dashed; BORDER-TOP: #ebd1ff 1px dashed; BORDER-LEFT: #ebd1ff 1px dashed; BORDER-BOTTOM: #ebd1ff 1px dashed" height=200 cellSpacing=0 cellPadding=0 width=400> <TBODY> <TR> <TD></TD></TR></TBODY></TABLE><BR> <TABLE style="BORDER-RIGHT: #ebd1ff 1px dashed; BORDER-TOP: #ebd1ff 1px dashed; BORDER-LEFT: #ebd1ff 1px dashed; BORDER-BOTTOM: #ebd1ff 1px dashed" height=402 cellSpacing=0 cellPadding=0 width=300 align=left> <TBODY> <TR> <TD></TD></TR></TBODY></TABLE> <TABLE height=402 cellSpacing=0 cellPadding=0 width=300 background=http://i36.tinypic.com/2aizgw.jpg> <TBODY> <TR> <TD></TD></TR></TBODY></TABLE><BR> <TABLE style="BORDER-RIGHT: #ebd1ff 1px dashed; BORDER-TOP: #ebd1ff 1px dashed; BORDER-LEFT: #ebd1ff 1px dashed; BORDER-BOTTOM: #ebd1ff 1px dashed" height=200 cellSpacing=0 cellPadding=0 width=400 align=left> <TBODY> <TR> <TD><TD></TD></TR></TBODY></TABLE> <TABLE height=200 cellSpacing=0 cellPadding=0 width=200 background=http://i36.tinypic.com/28hlpft.jpg> <TBODY> <TR> <TD></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></P>




效果如下：




[ 本帖最后由 saigo 于 2009-10-22 14:41 编辑 ]

Vivian Rank: 10Rank: 10Rank: 10
2009-10-21 15:55


第二步中，要将第一步中，部分表格的边框指令border=1px去掉，否则影响帖子的美观

背景图片的命令如下：

background=图片连接地址

添加在你需要添加背景的表格后面

[ 本帖最后由 Vivian 于 2009-10-21 16:05 编辑 ]

Vivian Rank: 10Rank: 10Rank: 10
2009-10-21 15:55


很不错一看就明白了。。。。真是辛苦了。。。

xiaoliner Rank: 6Rank: 6
2009-10-21 16:06


第三步：添加文字和播放器代码

具体参考茶水三千的帖子
这里不做赘述

给个超连接：音画地址


OK，一张简洁的帖子就完工了，是不是很简单？

[ 本帖最后由 Vivian 于 2009-10-21 16:08 编辑 ]

Vivian Rank: 10Rank: 10Rank: 10
2009-10-21 16:07


回复 #6 Vivian 的帖子


[Copy to clipboard] [ - ]
CODE:
<P align=center>
<TABLE cellSpacing=0 cellPadding=0 width=620>
<TBODY>
<TR>
<TD>
<TABLE height=200 cellSpacing=0 cellPadding=0 width=200 align=left background=http://i37.tinypic.com/ydp2t.jpg>
<TBODY>
<TR>
<TD></TD></TR></TBODY></TABLE>
<TABLE style="BORDER-RIGHT: #ebd1ff 1px dashed; BORDER-TOP: #ebd1ff 1px dashed; BORDER-LEFT: #ebd1ff 1px dashed; BORDER-BOTTOM: #ebd1ff 1px dashed" height=200 cellSpacing=0 cellPadding=0 width=400>
<TBODY>
<TR>
<TD></TD></TR></TBODY></TABLE><BR>
<TABLE style="BORDER-RIGHT: #ebd1ff 1px dashed; BORDER-TOP: #ebd1ff 1px dashed; BORDER-LEFT: #ebd1ff 1px dashed; BORDER-BOTTOM: #ebd1ff 1px dashed" height=402 cellSpacing=0 cellPadding=0 width=300 align=left>
<TBODY>
<TR>
<TD></TD></TR></TBODY></TABLE>
<TABLE height=402 cellSpacing=0 cellPadding=0 width=300 background=http://i36.tinypic.com/2aizgw.jpg>
<TBODY>
<TR>
<TD></TD></TR></TBODY></TABLE><BR>
<TABLE style="BORDER-RIGHT: #ebd1ff 1px dashed; BORDER-TOP: #ebd1ff 1px dashed; BORDER-LEFT: #ebd1ff 1px dashed; BORDER-BOTTOM: #ebd1ff 1px dashed" height=200 cellSpacing=0 cellPadding=0 width=400 align=left>
<TBODY>
<TR>
<TD>
<TD></TD></TR></TBODY></TABLE>
<TABLE height=200 cellSpacing=0 cellPadding=0 width=200 background=http://i36.tinypic.com/28hlpft.jpg>
<TBODY>
<TR>
<TD></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></P>

这样比较容易看些。。。。

[ 本帖最后由 xiaoliner 于 2009-10-21 16:14 编辑 ]

xiaoliner Rank: 6Rank: 6
2009-10-21 16:12


很好很好哦 多出些教程吧 喜欢这样能做出美丽帖子的感觉~

effi Rank: 8Rank: 8
2009-10-22 10:35



美丽的帖子~我是来学习的！！！

silkylove 该用户已被删除
2009-10-24 19:58


好好听的歌哦，叫什么名字啊？

qq66118673 Rank: 4
2009-10-25 17:45


请问怎么样插入音乐阿？

Dr.Sex Rank: 3Rank: 3
2009-11-10 13:17


呵呵现在都模块化了 ！最简单就是用下DW，切换到布局模式，想怎么画就怎么画 ！
静态不用脚本，做到这样子应该说是极限了，楼主你辛苦了 ！
个人觉得就像熊猫说的那样编辑，方便在自己和他人阅读以便修改错误！
程序员的说

1234dahuamao Rank: 10Rank: 10Rank: 10
2009-11-14 21:31


那个播放器真的好漂亮.音乐也很好听.谢谢LZ.

kaven127 Rank: 3Rank: 3
2009-11-23 15:21


 

哈哈搞成这样了,,真晕乎....

[ 本帖最后由 ǐī﹍鏇 于 2009-12-13 15:45 编辑 ]

ǐī﹍鏇 Rank: 4
2009-12-13 15:36


很轻柔，享受啊！

sapphirejojo Rank: 4
2010-1-18 23:56


试一下



[ 本帖最后由 saigo 于 2010-2-5 00:16 编辑 ]

音乐砖头 Rank: 4
2010-1-24 22:48


好厉害呀！！ 我要用！！！！

不会介意吧~~~ ^^

korean_panda Rank: 12Rank: 12Rank: 12
2010-3-3 17:00


<P align=center> <TABLE cellSpacing=0 cellPadding=0 width=620 border=1> <TBODY> <TR> <TD> <TABLE height=200 cellSpacing=0 cellPadding=0 width=200 align=left border=1> <TBODY> <TR> <TD></TD></TR></TBODY></TABLE> <TABLE style="BORDER-RIGHT: #ebd1ff 1px dashed; BORDER-TOP: #ebd1ff 1px dashed; BORDER-LEFT: #ebd1ff 1px dashed; BORDER-BOTTOM: #ebd1ff 1px dashed" height=200 cellSpacing=0 cellPadding=0 width=400> <TBODY> <TR> <TD></TD></TR></TBODY></TABLE> <TABLE style="BORDER-RIGHT: #ebd1ff 1px dashed; BORDER-TOP: #ebd1ff 1px dashed; BORDER-LEFT: #ebd1ff 1px dashed; BORDER-BOTTOM: #ebd1ff 1px dashed" height=402 cellSpacing=0 cellPadding=0 width=300 align=left> <TBODY> <TR> <TD></TD></TR></TBODY></TABLE> <TABLE height=402 cellSpacing=0 cellPadding=0 width=300 border=1> <TBODY> <TR> <TD></TD></TR></TBODY></TABLE><BR> <TABLE style="BORDER-RIGHT: #ebd1ff 1px dashed; BORDER-TOP: #ebd1ff 1px dashed; BORDER-LEFT: #ebd1ff 1px dashed; BORDER-BOTTOM: #ebd1ff 1px dashed" height=200 cellSpacing=0 cellPadding=0 width=400 align=left> <TBODY> <TR> <TD> <TD></TD></TR></TBODY></TABLE> <TABLE height=200 cellSpacing=0 cellPadding=0 width=200 border=1> <TBODY> <TR> <TD></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></P>

lisanwww Rank: 4
2010-3-21 16:27




[Copy to clipboard] [ - ]
CODE:
<P align=center> <TABLE cellSpacing=0 cellPadding=0 width=620 border=1> <TBODY> <TR> <TD> <TABLE height=200 cellSpacing=0 cellPadding=0 width=200 align=left border=1> <TBODY> <TR> <TD></TD></TR></TBODY></TABLE> <TABLE style="BORDER-RIGHT: #ebd1ff 1px dashed; BORDER-TOP: #ebd1ff 1px dashed; BORDER-LEFT: #ebd1ff 1px dashed; BORDER-BOTTOM: #ebd1ff 1px dashed" height=200 cellSpacing=0 cellPadding=0 width=400> <TBODY> <TR> <TD></TD></TR></TBODY></TABLE> <TABLE style="BORDER-RIGHT: #ebd1ff 1px dashed; BORDER-TOP: #ebd1ff 1px dashed; BORDER-LEFT: #ebd1ff 1px dashed; BORDER-BOTTOM: #ebd1ff 1px dashed" height=402 cellSpacing=0 cellPadding=0 width=300 align=left> <TBODY> <TR> <TD></TD></TR></TBODY></TABLE> <TABLE height=402 cellSpacing=0 cellPadding=0 width=300 border=1> <TBODY> <TR> <TD></TD></TR></TBODY></TABLE><BR> <TABLE style="BORDER-RIGHT: #ebd1ff 1px dashed; BORDER-TOP: #ebd1ff 1px dashed; BORDER-LEFT: #ebd1ff 1px dashed; BORDER-BOTTOM: #ebd1ff 1px dashed" height=200 cellSpacing=0 cellPadding=0 width=400 align=left> <TBODY> <TR> <TD> <TD></TD></TR></TBODY></TABLE> <TABLE height=200 cellSpacing=0 cellPadding=0 width=200 border=1> <TBODY> <TR> <TD></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></P>



jbs Rank: 4
2010-6-11 16:52


来学习下，但是看得我头晕说

dionlee Rank: 3Rank: 3
2010-7-23 22:20


完了，我现在完全不会弄试听了啊。。。试听用什么传比较好啊~

Soulstar Rank: 8Rank: 8
2010-8-15 18:48

 28  1/2 12››


发表评论
本文章已关闭或您没有权限发表评论。