注册 登录
书香门第 返回首页

明明明玥 http://www.txtnovel.vip/?3971826 [收藏] [复制] [分享] [RSS] 可惜馨香手中故

日志

论坛美化指北

热度 4已有 1330 次阅读2020-1-13 11:28

网上搜到的,论坛并不是html代码。discus!居然是中国人做的,而且是PHP。
anyway 论坛的发帖格式和他无关啦

一。文本

◆◆指定文字的字体的代码格式:

[font=楷体]文字内容[/font]

说明:其中的“楷体”可修改,一般字体为“楷体,宋体,黑体,隶书”,“文字内容”改为自已的文字内容。    

已测试 华文彩云隶书楷体微软雅黑等线能用,其他的未知

[font=隶书]隶书[/font]

[font=华文彩云]华文彩云[/font]

[font=华文新魏]华文新魏[/font]

[font=仿宋]仿宋[/font]

[font=等线]等线[/font]

[font=微软雅黑]微软雅黑[/font]

[font=黑体]黑体[/font]

[font=幼圆]幼圆[/font]

[font=]文字内容[/font]

[font=Times New Roman]Times New Roman[/font]

[font=Gigi]Gigi[/font]

[font=PacFont]PacFont[/font]

————————————————————————————————————————————————————

◆◆指定文字的颜色的代码格式:

[color=0000FF]文本内容[/color]

说明:其中的[color=0000FF]“0000FF”为颜色代码,可以更改为其他颜色,具体颜色代码可看论坛里的颜色选取器。    

       一般常用的颜色代码为红色=#FF0000,绿色=#009900,**=#FFFF22,蓝色=#3333FF”“文本内容改为自已的文本内容。    

网上的配色都好丑,不如seaborn

放一个seaborn 的配色网站  https://segmentfault.com/a/1190000014966210?utm_source=tag-newest

-------------------------------------------------------------------------------------------------------------------

◆◆文字大小代码格式:

[size=字体大小]文本内容[/size]

说明:其中的“字体大小”要修改为数字,一般字体大小的数字为“1234文本内容改为自已的文本内容

[size=10]10[/size]

[size=8]8[/size]

[size=6]6[/size]

[size=4]4[/size]

[size=2]2[/size]

[size=1]1[/size]

[size=3]3[/size]

[size=5]5[/size]

[size=7]7[/size]

[size=9]9[/size]

----------------------------------------------------------------------------------------------------------

◆◆文字加粗代码格式:

[b]要加粗的文本内容[/b]

说明:其中的“要加粗的文本内容”改为自已想要加粗的文本内容

---------------------------------------------------------------------------------------------------------

◆◆文字倾斜代码格式:

[i]要文字倾斜的文字内容[/i]

说明:其中的“要文字倾斜的文字内容”改为自已想要的文字倾斜的文字内容

-------------------------------------------------------------------------------------------------------------

◆◆让文字加上下划线代码格式:

[u]要加上下划线的文字内容[/u]

说明:其中的“要加上下划线的文字内容”改为自已想要的加上下划线的文字内容

-------------------------------------------------------------------------------------------------------------

◆◆内容居中效果代码格式:

[align=Center]内容居中文字[/align] 

说明:其中的“内容居中文字”改为自已想要的内容居中文字内容,(另:lift表示左对齐;right表示右对齐;)

----------------------------------------------------------------------------------------------------------

◆◆EMAIL链接效果代码格式:

[email]你的EMAIL邮箱地址[/email]

说明:其中的“你的EMAIL邮箱地址改为自已的EMAIL邮箱地址。

----------------------------------------------------------------------------------------------------------

◆◆引用内容效果代码格式:

[quote]引用内容[/quote]

说明:其中的“引用内容”改为自已的引用内容。


----------------------------------------------------------------------------------------------------------

代码 

格式:[ code]这里键入文字[/ code] 
----------------------------------------------------------------------------------------------------------
删除线 [s] [/s]

◆◆加入图片代码格式:

[IMG]图片网址[/IMG]

说明:中间的“图片网址”可以改为自已的图片网址

例如:[IMG]http://www.163.cn/tm1.gif[/IMG]

-----------------------------------------------------------------------------------------

◆◆加入flash代码格式:普通用户组均不能添加任何多媒体

[FLASH=310,249]自已的FLASH网址[/FLASH]

说明:中间的“自已的FLASH网址可以改为自已的FLASH网址,“[FLASH=310,249]”310,249flash的宽和高,可以视情况而定了!

例如:[FLASH=210,420]http://www.163.cn/tm1.swf[/FLASH]

----------------------------------------------------------------------------------------------------------

◆◆在论坛里插入视频代码格式:普通用户组均不能添加

加入REAL文件代码格式:[RM=500,350]视频文件链接地址[/RM]

加入MEDIA文件代码格式:[MP=500,350]视频文件链接地址[/MP]

加入QUICK文件代码格式:[QT=500,350]视频文件链接地址[/QT]   说明:主要是一些MOV格式的视频!

说明:以上三个视频代码中间的“视频文件链接地址”可以改为自已的视频文件链接地址。

例如:

加入REAL文件代码格式:[RM=500,350]http://www.163.cn/demo.rm[/RM]

加入MEDIA文件代码格式:[MP=500,350]http://www.163.cn/demo.wav[/MP]

加入QUICK文件代码格式:[QT=500,350]http://www.163.cn/demo.mov[/QT]


0217:其他发现

1.列表(有什么用??完全看不出有什么特别的)

[list=1]
[*]
列表元素1
[*]
列表元素2
[*]
列表元素3
[/list]

2.背景色

[backcolor=black]输入文字[/backcolor]

3.左右浮动(搞不清和align有什么区别,只是觉得align会加一行而已)

[float=right]输入文字[/float]

 

 

二,表格

https://bbs.360.cn/thread-30423-1-754.html

本着授人以鱼不如授人以渔当然自己也顺便搞清楚的原则

基本格式  [table=宽度,底色][tr][td][/td][/tr][/table]

其中的table就是表格代码,宽度用像素值也可用百分数,tr是行,td是列

行在列前

[table=600][tr][td]一行一列[/td][/tr][/table]

[table=600,blue][tr][td]一行一列[/td][/tr][/table]

双层表格

[table=500,red][tr][td][table=490,black][tr][td]两层表格,外层为红色,内层为黑色[/td][/tr][/table][/td][/tr][/table]

三层

[table=500,red][tr][td][table=490,pink][tr][td][table=480,white][tr][td]三层表格,外层为红色,中层为粉红色,内层为白色[/td][/tr][/table][/td][/tr][/table][/td][/tr][/table]

两行两列表格

[table=500][tr][td]第一行第一列[/td][td]第一行第二列[/td][/tr][tr][td]第二行第一列[/td][td]第二行第二列[/td][/tr][/table]

👆行包住列

合并表格 

[td][table=500][tr=black][td=1,3]第一列填充色为黑色[/td][td]第二列第一格填充色为黑色[/td][/tr][tr=purple][td]第二列第二格填充色为紫色[/td][/tr][tr=green][td]第二列第三格填充色为绿色[/td][/tr][/table][/td][td][/td]

这下是列在前了

更麻烦的

三行三列三个外框

[table=600,tan]
[tr][td][table=590,white]
[tr][td][table=580,#FF6666]
[tr][td][table=570,white]
[tr][td][align=center][size=2][color=#000000][img]http://img13.poco.cn/mypoco/myphoto/20121006/00/64969686201210060016233089353628590_057.gif[/img][/color][/size][/align][/td][td][align=center][size=2][color=#000000]
可以放【分割线】[/color][/size][/align][/td][td][align=center][size=2][color=#000000][img]http://img13.poco.cn/mypoco/myphoto/20121006/00/64969686201210060016233089353628590_057.gif[/img][/color][/size][/align][/td][/tr]
[tr][td][/td][td][align=center][size=2][color=#000000]
图片 文字 均可[/color][/size][/align][align=center][size=2][color=#000000]    四周是小图标 可以自行更换。[/color][/size][/align][/td][td][/td][/tr]
[tr][td][align=center][img]http://img13.poco.cn/mypoco/myphoto/20121006/00/64969686201210060016233089353628590_057.gif[/img][/align][/td][td]
[/td][td][align=center][img]http://img13.poco.cn/mypoco/myphoto/20121006/00/64969686201210060016233089353628590_057.gif[/img][/align][/td][/tr]
[/table][/td][/tr]
[/table][/td][/tr]
[/table][/td][/tr]
[/table]

外边框

[align=center][table=98%,#ff3333][tr][td][table=98%,#ff6633][tr][td][table=98%,#ff9933][tr][td][table=98%,#ffffff][tr][td]

输入内容[/td][/tr][/table][/td][/tr][/table][/td][/tr][/table][/td][/tr][/table][/align]

 

其他的不列了

但是这个表最多嵌套五层,除去最内的文本框,等于说只有死个外边框。多的标签不予识别。不过可以通过不断地添加[tr=颜色]来添加五颜六色的行,列标签内只能添加表格样式



0206补充:今天发现边框会向右偏左边扩大,不知道怎么回事,是否是第一个参数的问题。应该找个发帖机会试试究竟能套几个边框

虽然可以用符号做出彩色边框来,但左右的对齐非常麻烦

 

0215补充:虽然会向右扩,有的帖子却是正常的,比方说这种向左对齐的,http://www.sxmd99.com/forum.php?mod=viewthread&tid=3887468&highlight=%BB%F6%B9%FA

 

这种更好看 http://www.sxmd99.com/forum.php?mod=viewthread&tid=3856488&highlight=%BB%F6%B9%FA

 

直接f12检查元素一切都清楚了

① 

<td><table cellspacing="0" class="t_table" style="width:530px" bgcolor="White"><td><p align="center">

<table cellspacing="0" class="t_table" style="width:540px" bgcolor="#bbe2d6">

 

②<td><table cellspacing="0" class="t_table" style="width:530px" bgcolor="White"><td><p align="center">

<table cellspacing="0" class="t_table" style="width:540px" bgcolor="Silver">

                                          <ignore_js_op>                                           

哇这怎么没有区别呢??

估计是图片占的位置导致的

<img id="aimg_2815103" src="static/image/common/none.gif" zoomfile="http://www.sxmd99.com/att/**/210741x55xwtxwhtnnn2w5.png" file="http://www.sxmd99.com/att/**/210741x55xwtxwhtnnn2w5.png" class="zoom" onclick="zoom(this, this.src)" width="275" id="aimg_2815103" inpost="1" alt="666.png" title="666.png" />

<img id="aimg_2734624" src="static/image/common/none.gif" zoomfile="http://www.sxmd99.com/att/forum/201901/26/1448337sp11bzzu7perp7b.jpg" file="http://www.sxmd99.com/att/forum/201901/26/1448337sp11bzzu7perp7b.jpg" class="zoom" onclick="zoom(this, this.src)" width="750" id="aimg_2734624" inpost="1" alt="s29870849.jpg" title="s29870849.jpg" />


是不是搞个宽一点的分割线就可以做到?
_______________________________________________________________________________________

 

0216真的哈哈哈哈哈哈哈


http://www.sxmd99.com/thread-3398494-1-1.html

 

--------------------------------------------------截了一段正文部分的HTML---------------------------------------------------------------------
<table cellspacing="0" class="t_table" style="width:560px" bgcolor="#89c3eb"><td><table cellspacing="0" class="t_table" style="width:550px" bgcolor="WHITE"><td><br />

<ignore_js_op>

<img id="aimg_2459974" src="static/image/common/none.gif" zoomfile="http://www.sxmd99.com/att/forum/201610/25/162136dhyc3vumdzvaffvs.png" file="http://www.sxmd99.com/att/forum/201610/25/162136dhyc3vumdzvaffvs.png" class="zoom" onclick="zoom(this, this.src)" width="750" id="aimg_2459974" inpost="1" alt="66.png" title="66.png" />

<div class="tip tip_4 aimg_tip" id="aimg_2459974_menu" style="position: absolute; display: none">
<div class="tip_c xs0">
<div class="y">2016-10-25 16:21 
上传


<a href="http://www.sxmd99.com/forum.php?mod=attachment&amp;aid=MjQ1OTk3NHw2YTc4OTk0YXwxNTgxNzMzODU4fDM5NzE4MjZ8MzM5ODQ5NA%3D%3D&amp;nothumb=yes" title="66.png 
下载次数:0" target="_blank"><strong>下载附件</strong> <span class="xs0">(172 Bytes)

<div class="tip_horn"></ignore_js_op><br />

<ignore_js_op>
<img id="aimg_2459978" src="static/image/common/none.gif" zoomfile="http://www.sxmd99.com/att/forum/201610/25/162604xz6h6ldze59j9h56.png" file="http://www.sxmd99.com/att/forum/201610/25/162604xz6h6ldze59j9h56.png" class="zoom" onclick="zoom(this, this.src)" width="750" id="aimg_2459978" inpost="1" alt="1547074mthrgccvgg24chm.png" title="1547074mthrgccvgg24chm.png" />
<div class="tip tip_4 aimg_tip" id="aimg_2459978_menu" style="position: absolute; display: none">
<div class="tip_c xs0">
<div class="y">2016-10-25 16:26 
上传
<a href="http://www.sxmd99.com/forum.php?mod=attachment&amp;aid=MjQ1OTk3OHxlNjA2Zjc4MnwxNTgxNzMzODU4fDM5NzE4MjZ8MzM5ODQ5NA%3D%3D&amp;nothumb=yes" title="1547074mthrgccvgg24chm.png 
下载次数:0" target="_blank"><strong>下载附件</strong> <span class="xs0">(172 Bytes)
----------------------------------------------------------------END---------------------------------------------------------------------------------

http://www.sxmd99.com/att/forum/201610/25/162136dhyc3vumdzvaffvs.png

只有这个链接是点的动的,其他链接都是什么缓存吧(不懂前端)
但是在表上部可以自己点出来,66.jpg 1111.jpg 和那个啥jpg,保存到本地以后全是834 x 10 172b文件
(所以750的单位是啥?网上也没人有答案 https://www.iteye.com/problems/44186
(到底是啥https://zhidao.baidu.com/question/1116466378256701539.html

分割线网上很多,用个大的表格就大,小的表格就一般
http://www.yy.com/bbs/forum.php?mod=viewthread&tid=29215748&extra=page%3D1&page=1

 0310补充:

1.[/td][/tr][/table]在不在一行很重要,会导致表格的上线是否宽出一行,详细见日记楼3456楼对比

2.发帖勾选纯文本能看到排版怎么样

3.网页插入图片会让未登录的游客也看到,附件对于未登录游客只能看到一半宽的表格

 

0316:

并不是[/td][/tr][/table]在不在一行,而是有多个表格框架时标签开始中间不能有空格(可能导致换行),不然上面就会变宽




颜色很全

三。其他

emoji是Unicode编码,但是在论坛的正文回复点评里均不支持,只在送花砸蛋可以正常显示,特殊字符则不受限制


暂不能用

字体上标设置
格式:[ sup]这里键入文字[/ sup]

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
字体下标设置

格式:[ sub]这里键入文字[/ sub] 

◆◆飞行字效果代码格式:

[fly]文字[/fly]

说明:其中的“文字”改为自已的文字内容。

例如:[fly]暴力营销[/fly]

----------------------------------------------------------------------------------------------------------

◆◆移动字效果代码格式:

[move]文字[/move]

说明:其中的“文字”改为自已的文字内容。

例如:[move]暴力营销[/move]

----------------------------------------------------------------------------------------------------------

◆◆发光字并且设定文字长度、颜色和边界大小效果代码格式:

[glow=255,red,2]文字[/glow]

说明:其中的“文字”改为自已的文字内容。

例如:[glow=255,red,2]暴力营销[/glow]

----------------------------------------------------------------------------------------------------------

◆◆阴影字并且设定文字长度、颜色和边界大小

[SHADOW=255,blue,1]文字[/SHADOW]

说明:其中的“文字”改为自已的文字内容。

例如:[SHADOW=255,blue,1]暴力营销[/SHADOW]

————————————————————————————————————————————————————




发表评论 评论 (5 个评论)

回复 明明明玥 2020-1-28 20:21
本来想编辑下结果这两天维护怕通不过审核
https://bbs.360.cn/thread-30423-1-754.html
回复 明明明玥 2020-3-11 20:18
[color=#db5f57]■[/color][color=#dbc257]■[/color][color=#91db57]■[/color][color=#57db80]■[/color][color=#57d3db]■[/color][color=#5770db]■[/color][color=#a157db]■[/color][color=#db57b2]■[/color]
============
[color=#f77189]■[/color][color=#ce9032]■[/color][color=#97a431]■[/color][color=#32b166]■[/color][color=#36ada4]■[/color][color=#39a7d0]■[/color][color=#a48cf4]■[/color][color=#f561dd]■[/color]
============
[color=#a6cee3]■[/color][color=#1f78b4]■[/color][color=#b2df8a]■[/color][color=#33a02c]■[/color][color=#fb9a99]■[/color][color=#e31a1c]■[/color][color=#fdbf6f]■[/color][color=#ff7f00]■[/color][color=#cab2d6]■[/color][color=#6a3d9a]■[/color][color=#ffff99]■[/color][color=#b15928]■[/color]
回复 在减肥、麦子 2020-8-13 23:05
亲是真的很优秀啊,来学习了
回复 明明明玥 2020-8-14 21:41
在减肥、麦子: 亲是真的很优秀啊,来学习了
   过奖了,我也是瞎摸索的,有什么疑问大家可以一起讨论呀~
回复 明明明玥 2021-5-24 20:30
[table=560,#f77189]
[tr][td] [table=560,#ce9032]
[tr][td]
[table=560,#97a431]
[tr][td]
[table=560,#32b166]
[tr][td]
[table=560,White]
[tr][td]

facelist doodle 涂鸦板

您需要登录后才可以评论 登录 | 注册

手机版|论坛帮助|书香门第

GMT+8, 2024-11-19 19:35

Powered by Discuz! X2

回顶部