和大家介绍一下帖子里的HTML语言及模版(Template)(ZT)

本帖于 2022-03-08 19:16:30 时间, 由版主 梅雨潭 编辑

谢谢greenlawn:

https://bbs.wenxuecity.com/style/1867827.html

 

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

 
来源:  于 2013-07-06 09:19:50 [] [博客] [旧帖] [给我悄悄话] 本文已被阅读: 17579 次 (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

所有跟帖: 

谢谢!一下子觉得很清楚 -何仙姑- 给 何仙姑 发送悄悄话 何仙姑 的博客首页 (195 bytes) () 03/08/2022 postreply 19:12:10

Thank you!Will learn it :). -CLary- 给 CLary 发送悄悄话 (0 bytes) () 03/09/2022 postreply 08:17:58

谢谢妖妖!以后试试这个模板::) -甜虫虫- 给 甜虫虫 发送悄悄话 甜虫虫 的博客首页 (0 bytes) () 03/09/2022 postreply 08:54:48

谢谢 梅雨潭 -chuntianle- 给 chuntianle 发送悄悄话 chuntianle 的博客首页 (0 bytes) () 03/09/2022 postreply 09:34:32

这个颜色搭配真好看!谢谢心灵手巧的班班 :) -提啦米酥- 给 提啦米酥 发送悄悄话 提啦米酥 的博客首页 (0 bytes) () 03/11/2022 postreply 19:37:40

请您先登陆,再发跟帖!