杰妮 发表于 2019-12-7 19:30:13

编辑、美化帖子教程(附论坛Discuz!全代码)

本帖最后由 杰妮 于 2019-12-8 05:19 编辑



static/image/hrline/4.gifhttps://www.dospy.wang/static/image/hrline/4.gif


一楼编辑、美化帖子教程二楼所有Discuz!代码集合



static/image/hrline/2.gif




一个排版美化好看的帖子,能让人看着更舒服
新论坛增加了不少按钮如帖子背景,文字背景颜色,分割线等等,可以让会员们发帖&回帖显得更加直观精美
以下为简单的编辑美化教程


给大家看一些常用功能的布局和作用
这里我们需要在右上角点击"高级"来增加更多功能（点击图片查看大图）


https://s2.ax1x.com/2019/12/07/QNQaY8.png


1.关于字体设置
每个人的排版习惯不一样,这里只要注意用颜色和大小来突出重点,方便大家阅读即可
如非必要,请尽量不要加上字体的背景颜色
以及尽量不要使用过于鲜艳的字体颜色




2.分割线
分割线是我最喜欢的一个功能之一,能将上下内容和段落分开出来,非常方便阅读
论坛目前提供了多种样式的分割线,只需要根据个人喜好来设置即可
by the way也可以从网络上下载自己喜欢的分割线素材来使用


static/image/hrline/3.gifhttps://www.dospy.wang/static/image/hrline/3.gif



3.表格
当需要发布大量的附件资源以及一些名单的时候,可以增加表格来规范一下排版
根据自己的内容数量来选择行数和列数以及表格宽度宽度可以设置为1~100以内的数字(感谢可乐指正)
这里使用的是5*5,800宽度的表格，表格中的内容会自动填充表格大小



内容内容 内容 内容 内容









4.插入图片&视频
论坛支持上传附件图片&网络图片
如果需要上传无水印图片
请点击：论坛上传无水印签名图片&帖子内无水印图片教程


插入外链视频暂时没有研究过能用的,大家有推荐的可以跟帖告诉我
插入帖子背景音乐功能正在测试中..




5.帖子背景
论坛提供了很多可爱的帖子背景,可以自行选择喜欢的
推荐用简洁美观、不影响帖子内容的帖子背景


https://s2.ax1x.com/2019/12/07/QN1NRS.png



static/image/hrline/2.gif




以上都为常用的功能,更多功能推荐大家排版的时候自己尝试


{:5_131:}{:5_131:}{:5_131:}




static/image/hrline/4.gifhttps://www.dospy.wang/static/image/hrline/4.gif


二楼附上所有代码集合


杰妮 发表于 2019-12-7 19:30:53

本帖最后由 杰妮 于 2019-12-7 20:19 编辑


https://www.dospy.wang/static/image/hrline/4.gifhttps://www.dospy.wang/static/image/hrline/4.gif



Discuz! 代码是一个 HTML 代码的简化版本，来简化对帖子显示格式的控制
大家在用手机发帖或者回帖的时候,可以选择用Discuz!代码来改变格式和布局
PS.可以复制代码到电脑/手机输入法的快速短语里回帖时直接打出短语然后在中间输入内容即可


如果复制的代码中有空格,粘贴时将空格去掉

1.字体加粗：内容


3.下划线字体内容


4.字体颜色内容"color=red"等号后面的是颜色的英文单词，类似的还有蓝色：blue、绿色：green、粉色：pink、灰色：gray等，同样也可以使用颜色的16进制代码，比如"FF6600"


5.字体大小字体大小为3论坛字体大小支持范围为：1~7



6.改变字体字体为黑体


7.字体居中[ align=center ]居中[ /align ]"align="等号后面是对齐格式，左对齐为left，居中为center，右对齐为right


9.超链接[ url ]地址[ /url ]www.baidu.com


10.文字超链接百度一下你就知道百度一下你就知道


11.引用文字[ quote ]引用文字[ /quote ]
15.链接音乐音乐地址
16.链接视频
视频地址
17.隐藏代码**** Hidden Message *****别人必须回复才能看到自己帖子的内容，帖子内容放在两个代码中间



static/image/hrline/4.gifhttps://www.dospy.wang/static/image/hrline/4.gif


Marlboroˉ 发表于 2019-12-7 20:33:12

我杀杀谢谢分享

可乐地盘 发表于 2019-12-8 01:09:11

1楼
1。关于字体的设置：··········以及尽量不要使用过于鲜艳的字体颜色。

你这粉字大佬说出来这个总觉得怪怪的{:5_117:}

PS。
这个表格添加（不填写宽度）后，然后使用【纯文本】模式
就会看到默认的宽度是50%
这个意思就是这个表格的宽度是论坛帖子内容版面的50%
可以手动改为100以内的数字
不过不建议太大


杰妮 发表于 2019-12-8 05:16:36

可乐地盘 发表于 2019-12-8 01:09
1楼
1。关于字体的设置：··········以及尽量不要使用过于鲜艳的字体颜色。



感谢补充,可能和老论坛的不一样我记错了

UNFORGIVEN 发表于 2019-12-8 15:07:05

可以可以{:4_94:}

沃8G 发表于 2019-12-8 22:15:57

谢谢分享！我就是来看看！顺便支持楼主发帖！楼主您发帖辛苦了！

leewg2007 发表于 2019-12-9 06:34:59

十分感谢，己收藏

baoct 发表于 2019-12-22 18:56:49

谢谢分享！我就是来看看!照抄楼上的不要介意哦

阿伟 发表于 2020-1-9 20:30:41

为了升级使劲灌水

何婷婷 发表于 2022-8-24 09:45:45

我试试效果
页: [1]
查看完整版本: 编辑、美化帖子教程(附论坛Discuz!全代码)