我来解释一下我的帖用的模版

来源: greenlawn 2013-07-06 09:19:50 [] [博客] [旧帖] [给我悄悄话] 本文已被阅读: 次 (3968 bytes)
本文内容已被 [ greenlawn ] 在 2013-07-06 09:23:20 编辑过。如有问题,请报告版主或论坛管理删除.
我来解释一下我的帖用的模版。我必须先谢谢设计这个模版的心晴,不仅人美还这么有才华,谢谢你!我几乎不用HTML,所以如有疏漏错误补疑请这方面懂行的朋友帮助。

下面的HTML源码有橘红,蓝,红,绿,和灰五种颜色,真正的源码没有颜色,我这里加了只为讲解。这些行和色块的顺序不能变,里面的标点符号也不要变。色块间的空行可以省略,我留了它们为了更容易讲解。这五种颜色依次序是:
  • 橘红:只是第一和最后一行。它们让整个内容在显示区域的中间,而不是靠边
  • 蓝色:三行,是为了让每一张图有一个很细小的白边,看上去很精致。如果不在乎这个边,可以略去蓝色这三行。
  • 红色:前面有四行,后面有四行,你仔细看是四对儿关键词,也就是四层嵌套的。不懂没关系,但你应当知道第一行的bgcolor那个设置,它设置你的帖的背景色。例子里是#8899c4,是一种蓝紫色。你可以把那六个数位换成你喜欢的色码。因为是十六进制,除去0到9,你会看到A,B,C,D,E,F这样的数字,没啥稀奇,它们大小写都可以。第四行中的500定你帖的宽度,比如600更宽,你愿意也可以用461等非整数, 自己喜欢就好 :)
  • 绿色:也是前后各四行。第一行中的color设置你帖子的文字颜色。现在是白色,其色码是#ffffff。如果你帖的背景色较深,文字色建议用白色。相反如果你帖的背景色选了浅色,文字色可换成黑色,其色码是#000000。
  • 灰色:是你帖的内容,例子里是两张图,你可以在帖子最后看到这段源码显示出的样子。放你的图片,你的文字,你的音乐,视频,等等,你的内容就行了
要使用这个模版,点论坛上方的“发表帖子”键,然后点“HTML源代码”,把码子拷进去。然后点“所见即所得|预览模式”。这时你就可以增减文字和图片了。

就这么简单,有没看懂或有问题的尽管问,大家一起来答。:)


A simple template example

<center>
<style>
img {border-color: white; border-width: 1px; border-style: solid;}
</style>


<table bgcolor='#8899c4' border='1' bordercolor='#ffffff' cellpadding='128'>
<tbody>
<tr>
<td align='center' width='500'>


<table style="color:#ffffff">
<tbody>
<tr>
<td>


<p>1<br><img src=http://24.media.tumblr.com/tumblr_md12alRM2j1rg51u5o1_500.jpg width=500></p>
<p>2<br><img src=http://24.media.tumblr.com/tumblr_m9h0q3Yv6E1qad7r7o1_r1_500.jpg width=500></p>


</td>
</tr>
</tbody>
</table>


</td>
</tr>
</tbody>
</table>


</center>


下面是上面这段源码的显示:

1

2

所有跟帖: 

哇,不错。 -一点点- 给 一点点 发送悄悄话 一点点 的博客首页 (0 bytes) () 07/06/2013 postreply 09:22:41

谢谢点点,我的HTML只属于“瓶底”的水平,人家半瓶子还能逛荡,我这都逛不起来:) -greenlawn- 给 greenlawn 发送悄悄话 greenlawn 的博客首页 (0 bytes) () 07/06/2013 postreply 09:31:24

谢谢啊~刚才测试成功了,看楼上:)很fun~ -一点点- 给 一点点 发送悄悄话 一点点 的博客首页 (0 bytes) () 07/06/2013 postreply 09:34:44

忘了说了,源代码是没颜色的,我加了颜色只是为了讲解啊 :) -greenlawn- 给 greenlawn 发送悄悄话 greenlawn 的博客首页 (0 bytes) () 07/06/2013 postreply 09:28:29

谢谢绿草,这个太有用了 -plum99- 给 plum99 发送悄悄话 (0 bytes) () 07/06/2013 postreply 09:32:47

不谢不谢。还是要集思广益,做网页很fun的工作,大家有其它的上你们的啊:) -greenlawn- 给 greenlawn 发送悄悄话 greenlawn 的博客首页 (0 bytes) () 07/06/2013 postreply 09:45:25

不错. 把程序员的工作浅显易懂地讲解 -SnowFallingOnWater- 给 SnowFallingOnWater 发送悄悄话 SnowFallingOnWater 的博客首页 (0 bytes) () 07/06/2013 postreply 09:33:23

谢谢。其实作初级程序员真不难,难的是作高级程序员:) 大概每个行业都如此 -greenlawn- 给 greenlawn 发送悄悄话 greenlawn 的博客首页 (0 bytes) () 07/06/2013 postreply 09:42:57

你也是programmer? 我也是做coding的 -SnowFallingOnWater- 给 SnowFallingOnWater 发送悄悄话 SnowFallingOnWater 的博客首页 (0 bytes) () 07/06/2013 postreply 09:50:16

握握手,我算小半个吧 :) 我喜欢coding :) -greenlawn- 给 greenlawn 发送悄悄话 greenlawn 的博客首页 (0 bytes) () 07/06/2013 postreply 09:56:18

握手 :). 我是写去database存取数据的, 反倒interface很少 -SnowFallingOnWater- 给 SnowFallingOnWater 发送悄悄话 SnowFallingOnWater 的博客首页 (0 bytes) () 07/06/2013 postreply 09:59:11

:) 非常重要,千万给去我帐户的存款数字后面多加几个零啊 :D -greenlawn- 给 greenlawn 发送悄悄话 greenlawn 的博客首页 (0 bytes) () 07/06/2013 postreply 10:01:14

hahaa...I wish I could add one more digit on my salary ;-). Unfo -SnowFallingOnWater- 给 SnowFallingOnWater 发送悄悄话 SnowFallingOnWater 的博客首页 (0 bytes) () 07/06/2013 postreply 10:15:14

ditto!:DDDD -greenlawn- 给 greenlawn 发送悄悄话 greenlawn 的博客首页 (0 bytes) () 07/06/2013 postreply 10:35:19

这个模板是我最先设计的,还有中带shadow的画框,每次看到有人用,都开心 :) -心晴- 给 心晴 发送悄悄话 心晴 的博客首页 (0 bytes) () 07/06/2013 postreply 09:52:09

Wow,心晴原来是HTML大拿,多谢美才女!我还可以保证不是直接从你的帖学来的:) -greenlawn- 给 greenlawn 发送悄悄话 greenlawn 的博客首页 (111 bytes) () 07/06/2013 postreply 09:55:05

想想几年前很好玩,还可以写javascript,现在没那么淘气了 :) -心晴- 给 心晴 发送悄悄话 心晴 的博客首页 (0 bytes) () 07/06/2013 postreply 09:55:23

为啥?现在又有啥更新的了? -greenlawn- 给 greenlawn 发送悄悄话 greenlawn 的博客首页 (0 bytes) () 07/06/2013 postreply 09:57:18

没有,现在更完善了 -心晴- 给 心晴 发送悄悄话 心晴 的博客首页 (328 bytes) () 07/06/2013 postreply 10:04:13

哈哈靠点击吃饭的博主们要贿络你了;) -greenlawn- 给 greenlawn 发送悄悄话 greenlawn 的博客首页 (179 bytes) () 07/06/2013 postreply 10:40:44

心晴,模板作的很棒 -SnowFallingOnWater- 给 SnowFallingOnWater 发送悄悄话 SnowFallingOnWater 的博客首页 (0 bytes) () 07/06/2013 postreply 09:56:20

谢谢,贡献不小,奖励小红花一朵! -Déjàvu116- 给 Déjàvu116 发送悄悄话 Déjàvu116 的博客首页 (0 bytes) () 07/06/2013 postreply 12:17:54

啊,是这样!谢谢心晴!!你太厉害了~ -bambooseven- 给 bambooseven 发送悄悄话 bambooseven 的博客首页 (0 bytes) () 07/06/2013 postreply 12:46:48

学习了。。。谢谢。。。 -Déjàvu116- 给 Déjàvu116 发送悄悄话 Déjàvu116 的博客首页 (0 bytes) () 07/06/2013 postreply 11:36:43

好!Definitely going to try it out! 谢了! -ECityBlues- 给 ECityBlues 发送悄悄话 ECityBlues 的博客首页 (0 bytes) () 07/06/2013 postreply 12:03:09

建议网管把这个帖放论坛右边,给大家参考。大家同意不?我去跟网管说。。 -bambooseven- 给 bambooseven 发送悄悄话 bambooseven 的博客首页 (0 bytes) () 07/06/2013 postreply 12:42:17

谢竹子.我说中不算数啊:)把包子的也列上吧.等类似的帮助帖多了,弄个文件夹较好 -greenlawn- 给 greenlawn 发送悄悄话 greenlawn 的博客首页 (144 bytes) () 07/06/2013 postreply 12:51:32

好! -bambooseven- 给 bambooseven 发送悄悄话 bambooseven 的博客首页 (0 bytes) () 07/06/2013 postreply 12:53:54

Done! -bambooseven- 给 bambooseven 发送悄悄话 bambooseven 的博客首页 (0 bytes) () 07/06/2013 postreply 13:54:20

Thank you! -greenlawn- 给 greenlawn 发送悄悄话 greenlawn 的博客首页 (0 bytes) () 07/07/2013 postreply 07:47:08

试一个~~ -玉米猪- 给 玉米猪 发送悄悄话 玉米猪 的博客首页 (722 bytes) () 07/12/2013 postreply 09:38:55

Bingo! :) -greenlawn- 给 greenlawn 发送悄悄话 greenlawn 的博客首页 (0 bytes) () 07/13/2013 postreply 13:29:11

test -bluerosehua- 给 bluerosehua 发送悄悄话 (1104 bytes) () 07/25/2013 postreply 12:50:05

谢谢分享! 用了一下,字不是白色的不知为啥!不过已经很满足了,再谢! -琴悠- 给 琴悠 发送悄悄话 琴悠 的博客首页 (0 bytes) () 09/17/2013 postreply 07:35:20

加跟帖:

当前帖子已经过期归档,不能加跟帖!