论坛 › 『灌水乐园』 › 制作HTML帖子的小教程

泡沫 发表于 2021-1-23 19:49

制作HTML帖子的小教程

<section class="_135editor" data-tools="135编辑器" data-id="102025">
    <section style="margin: 10px auto;text-align: center;">
      <section style="border: 1px solid #ea0a0b;background: #f8edcd;padding: 1em;background-image: url(https://image2.135editor.com/cache/remote/aHR0cHM6Ly9tbWJpei5xbG9nby5jbi9tbWJpel9wbmcvRklCWmVjN3VjQ2dxeEJ0QkJiVzA2VjFNNk00WTlGODBpYk9GaWJjcUpURzdWR1pmaWJpYkpLQ2RFcHFoazFjUkQ1Wms0a0VNSXp5WkJLZXZoZHozaWFOYmh0dy8wP3d4X2ZtdD1wbmc=);background-size: 100%;background-position: bottom;background-repeat: no-repeat;">
            <section style="display: inline-block;">
                <section style="display: flex;justify-content: center;align-items: center;">
                  <section style="box-sizing:border-box;width: 60px;flex-shrink: 0;transform: rotate(0deg);margin-right: -20px;">
                        <img class="assistant" style="box-sizing:border-box;width: 100%;display: block;" src="https://image2.135editor.com/cache/remote/aHR0cHM6Ly9tbWJpei5xbG9nby5jbi9tbWJpel9naWYvRklCWmVjN3VjQ2dxeEJ0QkJiVzA2VjFNNk00WTlGODBVTXVsWmNnUUhlN290enFEME5Mc3VFSFNjSDNiZjhJaWFSN2NOcXNza05xUVBHU3BrUWVscUFBLzA/d3hfZm10PWdpZg==" data-ratio="0.42075996292863765" data-w="1079" data-width="100%">
                  </section>
                  <section style="display: flex;justify-content: center;align-items: center;">
                        <section style="box-sizing:border-box;width: 150px;">
                            <section style="box-sizing:border-box;width: 100%;transform: rotate(0deg);" data-width="100%">
                              <img class="assistant" style="box-sizing:border-box;width: 100%;display: block;" src="https://image2.135editor.com/cache/remote/aHR0cHM6Ly9tbWJpei5xbG9nby5jbi9tbWJpel9wbmcvRklCWmVjN3VjQ2dxeEJ0QkJiVzA2VjFNNk00WTlGODBTc0dpYmZyaWNpYzZ4SWlhN0JpY2M3TmdmWWN6Wk9rdmI2ZFh0WTlmclduc2VkWHNGdVcwcTVXY1REQS8wP3d4X2ZtdD1wbmc=" data-ratio="0.08421052631578947" data-w="190" data-width="100%">
                            </section>
                            <section style="background-image: url(https://image2.135editor.com/cache/remote/aHR0cHM6Ly9tbWJpei5xbG9nby5jbi9tbWJpel9wbmcvRklCWmVjN3VjQ2dxeEJ0QkJiVzA2VjFNNk00WTlGODBpY1ZFaWFtbjZZbDVYTWo5clJjMGN4UmlheHdGandZbkczazl2dnpGYWVncGN0R25BcmdMaWM1cmd3LzA/d3hfZm10PXBuZw==);background-size: 100%;background-repeat: repeat;">
                              <section class="135brush" data-brushtype="text" style="font-size: 16px;letter-spacing: 1.5px;padding: 0px 12px;color: #fee9a7;font-weight: bold;">
                                    阖家欢乐
                              </section>
                            </section>
                            <section style="box-sizing:border-box;width: 100%;" data-width="100%">
                              <img class="assistant" style="box-sizing:border-box;width: 100%;display: block;" src="https://image2.135editor.com/cache/remote/aHR0cHM6Ly9tbWJpei5xbG9nby5jbi9tbWJpel9wbmcvRklCWmVjN3VjQ2dxeEJ0QkJiVzA2VjFNNk00WTlGODB2Sm5xTjBpYlNoaWFOWHVYTkplUVFiU3FKb1JkMkFreVlScUNSTWliOUR4VURpYWZCNEV4S1JNZklBLzA/d3hfZm10PXBuZw==" data-ratio="0.07368421052631578" data-w="190" data-width="100%">
                            </section>
                        </section>
                  </section>
                  <section style="box-sizing:border-box;width: 60px;flex-shrink: 0;margin-left: -20px;">
                        <img class="assistant" style="box-sizing:border-box;width: 100%;display: block;" src="https://image2.135editor.com/cache/remote/aHR0cHM6Ly9tbWJpei5xbG9nby5jbi9tbWJpel9naWYvRklCWmVjN3VjQ2dxeEJ0QkJiVzA2VjFNNk00WTlGODBSTnRYWVE4UUdoRlRaaWMyNVY2Y1ZIOE90UHlNOTlWTkNVTlRxcnBiQXFxRUpPdVRFbGNwYUFRLzA/d3hfZm10PWdpZg==" data-ratio="0.42207792207792205" data-w="1078" data-width="100%">
                  </section>
                </section>
            </section>
            <section data-autoskip="1" class="135brush" style="text-align: justify;line-height:1.75em;letter-spacing: 1.5px;font-size:14px;color:#ea0a0b;margin-top: 1.5em;">
                <p hm_fix="342:405">
                  春节，即农历新年，是一年之岁首、传统意义上的年节。俗称新春、新年、岁旦、大年等，口头上又称过年、过大年。春节历史悠久，由上古时代岁首祈年祭祀演变而来。万物本乎天、人本乎祖，祈年祭祀、敬天法祖，报本反始也。春节的起源蕴含着深邃的文化内涵。
                </p>
            </section>
      </section>
    </section>
</section><div></div><div><br><img src="static/image/hrline/1.gif" border="0" alt=""><br><br></div>


分享下我发html贴的经验。<div>步骤如下：</div><div>1.首先找到相对应htlm的代码。我是从www.135editor.com网站里找的。这个其实做微信公众号编辑的。</div><div><br></div><div>2.选中看中的样式。</div><div>&nbsp;&nbsp;</div><div><br></div><div></div><div><br></div><div></div><div><br></div><div><br></div><div>3.复制全部的html代码后到帖子里编辑。</div><div></div><div>选点“纯文本”打√，再点“附加选项” ，紫色框里三个打√的选中。再点下“纯文本”就可以显示了。</div><div></div><div>文本 图片 歌曲 外链都可以在里面编辑了。</div><div>&nbsp;</div><div><font color="#ff0000" style="font-weight: bold;">注：</font><font style="" color="#000000">这个只是</font>135editor里得样式，各位有其他htlm代码也可以直接复制编辑。 选中是免费的。付费也可以导出来，版权问题就不发在论坛里了。需要可以私信。</div><div><br></div><div>如有不当，请指正。</div>

愤怒の葡萄 发表于 2021-1-23 20:16

谢谢泡沫兄的无私分享，明天白天葡萄来研究一下，看看以后也捣鼓一下这样的帖子。

泡沫 发表于 2021-1-23 20:19

愤怒の葡萄 发表于 2021-1-23 20:16
谢谢泡沫兄的无私分享，明天白天葡萄来研究一下，看看以后也捣鼓一下这样的帖子。 ...

不客气。折腾个漂亮帖子很舒心的。

愤怒の葡萄 发表于 2021-1-23 20:20

泡沫 发表于 2021-1-23 20:19
不客气。折腾个漂亮帖子很舒心的。

谢谢泡沫兄，以前都没有怎么弄过这样的帖子，我明天白天研究一下吧，今天有点晚了，我正在看CBA的比赛。

愤怒の葡萄 发表于 2021-1-23 20:41

泡沫 发表于 2021-1-23 20:19
不客气。折腾个漂亮帖子很舒心的。

泡沫兄蛮有心的，折腾这样的帖子也要花费一点时间和精力的吧。

泡沫 发表于 2021-1-23 21:07

愤怒の葡萄 发表于 2021-1-23 20:41
泡沫兄蛮有心的，折腾这样的帖子也要花费一点时间和精力的吧。

不用。几分钟吧。很快的;P

愤怒の葡萄 发表于 2021-1-23 21:08

泡沫 发表于 2021-1-23 21:07
不用。几分钟吧。很快的

我这个不会弄啊，看代码眼睛累啊。

泡沫 发表于 2021-1-23 21:11

愤怒の葡萄 发表于 2021-1-23 21:08
我这个不会弄啊，看代码眼睛累啊。

不用看代码啊，复制粘贴就行。

愤怒の葡萄 发表于 2021-1-23 21:11

泡沫 发表于 2021-1-23 21:11
不用看代码啊，复制粘贴就行。

好的，我明天试一下吧，还是要谢谢泡沫兄的，不知道你的年龄，只能叫一下泡沫大哥了。

泡沫 发表于 2021-1-23 21:17

愤怒の葡萄 发表于 2021-1-23 21:11
好的，我明天试一下吧，还是要谢谢泡沫兄的，不知道你的年龄，只能叫一下泡沫大哥了。
...

比你小吧，85的;P

查看完整版本: 制作HTML帖子的小教程