花粉俱乐部  logo 花粉俱乐部  因为热爱
搜索 |

【论坛相关】帖子美化相关及锚链介绍!

  [复制帖子标题和链接]

46752267

wlok188  花粉分区版主  发表于 2014-8-23 07:57:16 来自:浏览器

最新回复 2018-11-16 08:29:09

本帖最后由 wlok188 于 2014-9-25 09:48 编辑


帖子美化表格介绍

  锚链相接介绍及解决方案在一楼!音乐外链在二楼!

  因为现在漫谈区发帖有优质帖的奖励~而且花瓣的奖励也不错!如果有你觉得有不错内容的帖子,就可以花几分钟美化一下帖子!排版美观大方的帖子相对比较容易获得肯定!

  石头版主曾经发过此类教材!我今天就来只是来简单补充一下~其实帖子内边框就是由表格组成~


01.png

  如图般新建一个表格~得到效果就如下!

这里就可以填写文字内容标题之类!当然这背景的颜色是可以选择的~

  如果在这表格里再增加一个表格~重复上次的动作!会得到下面这个效果!

这里就可以填写文字内容标题之类!

  那让我们再次重复上面动作看看有什么效果!

得到就是这样了~虽然也是不太美观!但只是一个思路~好看又实用的表格需要大家自已配色!

  表格代码相关解释~其实也没什么可以说的!勾选纯文本时,可以看到相关代码!比如上面三个代码就如下~

  1. [table=98%,DarkRed]
  2. [tr][td] [color=White][b]这里就可以填写文字内容标题之类!当然这背景的颜色是可以选择的~[/b][/color][/td][/tr]
  3. [/table]
复制代码
  1. [table=98%,DarkRed]
  2. [tr][td] [table=98%,DarkOrange]
  3. [tr][td] [color=White][b]这里就可以填写文字内容标题之类![/b][/color][/td][/tr]
  4. [/table][/td][/tr]
  5. [/table]
复制代码
  1. [table=98%,DarkRed]
  2. [tr][td] [table=98%,DarkOrange]
  3. [tr][td] [table=98%,DarkGreen]
  4. [tr][td] [color=White][b]得到就是这样了~虽然也是不太美观!但只是一个思路~好看又实用的表格需要大家自已配色![/b][/color][/td][/tr]
  5. [/table][/td][/tr]
  6. [/table][/td][/tr]
  7. [/table]
复制代码

  看上面那几个代码那么就可以知道~(
可以直接复制上面代码然后修改其中着色使用了!

  
table=分别对应为宽度(可以是数字但因为论坛本身就是窄版如果宽度超560?就会自动转化成百分比了,和底色(也可以直接用#ffffff代码]

文字内容

  下面这个就是修改后的上面的三层表格代码!大家可以对比一下有什么不同~我修改其中第一层表格为白色!第二层为
宝石绿!第三层为白色!宽度设定为550!

  1. [table=550,white]
  2. [tr][td] [table=540,MediumTurquoise]
  3. [tr][td] [table=530,white]
  4. [tr][td] 文字内容[/td][/tr]
  5. [/table][/td][/tr]
  6. [/table][/td][/tr]
  7. [/table]
复制代码

  推类到最上那个标题的那个表格,那就是第一层为宝石绿,第二层为白色,第三层又为宝石绿!宽度依次推减~但不建议内容使用此窄小的表格~因为论坛本身已经是窄版的~再搞个小表格看起来也不太舒服!当然也有解决之道就是用超过600宽度图片撑大表格!

  当然关于配色,还是有几点需要注意!最好不要太花花绿绿~要以简洁大方淡色系为主!特别是最后一层一般要以白色或其实淡色系为主!大家有兴趣可以多调整调整!
发挥一下想法创意~妙巧利用表格做出赏心悦目的属于自已风格帖子外框!

  还要注意的是并不是加个表格就是美化了帖子~文字排版也是相当重要文字一般最好居左显示不要其中,除非是标题!每句前面最好要有二个全角空格!段落间空一行~字体不要过大或者过小!一般三四号为佳!适当高亮加粗加大关键词组更改字体颜色也能起到点睛的作用~但也切记不要乱用!不然也反起的作用~我们是要看的是内容而不是什么霓虹灯!

  在一个帖子适当的使用图片可以给阅读增加乐趣,减少阅读疲劳,不过如果大量的使用不合适的图片将会适得其反。当然那种图文帖除外!!另外注意的是图片最好是要居中显示~

  PS:有些人想问我以前帖子中的❤怎么来的~其实这个就只是个字符而已~你可以直接复制使用~附上一些常用到字符☆♂♀★○●◎◇◆□■!

  相关颜色代码在三楼!

  锚链相接介绍及解决方案在一楼!音乐外链在二楼!

  如有对表格疑问或遇到问题可以在帖内提问~我会时不时查看解答!

  增加几个现成的表格代码!供大家学习使用一下!!!!

  1. [align=center][table=560,#99ff99]
  2. [tr][td][table=550,#ffffff]
  3. [tr][td][table=540,#99ff99]
  4. [tr][td][table=530,#ffffff]
  5. [tr][td] 填写内容
  6. [/td][/tr]
  7. [/table][/td][/tr]
  8. [/table][/td][/tr]
  9. [/table][/td][/tr]
  10. [/table][/align]
复制代码

  1. [align=center][table=560,#FFFFFF]
  2. [tr][td][table=550,#ff9999]
  3. [tr][td][table=540,#ff6666]
  4. [tr][td][table=530,#ffffff]
  5. [tr][td]填写内容
  6. [/td][/tr]
  7. [/table][/td][/tr]
  8. [/table][/td][/tr]
  9. [/table][/td][/tr]
  10. [/table][/align]
复制代码


  1. [align=center][table=560,#8E8E8E]
  2. [tr][td][table=550,#BEBEBE]
  3. [tr][td][table=540,#E0E0E0]
  4. [tr][td][table=530,#FCFCFC]
  5. [tr][td][align=center][img]http://static.huafans.cn/data/attachment/album/201408/23/191821cjzqjzrjchqmjr3r.jpg[/img][/align][/td][/tr]
  6. [tr][td][b][align=center]标题[/align][/b][/td][/tr]
  7. [tr][td][b]此处可填写内容[/b][/td][/tr]
  8. [tr][td][b][align=right]本文来源及作者[/align][/b][/td][/tr]
  9. [/table][/td][/tr]
  10. [/table][/td][/tr]
  11. [/table][/td][/tr]
  12. [/table][/align]
复制代码


  1. [align=center][table=550,#ff3333]
  2. [tr][td][table=550,#ff6633]
  3. [tr][td][table=550,#ff9933]
  4. [tr][td][table=550,#ffffff]
  5. [tr][td]输入内容[/td][/tr]
  6. [/table][/td][/tr]
  7. [/table][/td][/tr]
  8. [/table][/td][/tr]
  9. [/table][/align]
复制代码

  1. [align=center][table=560,#9966ff]
  2. [tr][td][table=550,#9999ff]
  3. [tr][td][table=550,#99ccff]
  4. [tr][td][table=550,#ffffff]
  5. [tr][td]输入内容[/td][/tr]
  6. [/table][/td][/tr]
  7. [/table][/td][/tr]
  8. [/table][/td][/tr]
  9. [/table][/align]
复制代码

  1. [align=center][table=560,#9966ff]
  2. [tr][td][table=550,#9999ff]
  3. [tr][td][table=550,#99ccff]
  4. [tr][td][table=550,#ffffff]
  5. [tr][td]输入内容[/td][/tr]
  6. [/table][/td][/tr]
  7. [/table][/td][/tr]
  8. [/table][/td][/tr]
  9. [/table][/align]
复制代码

  1. [align=center][table=560,#ff66ff]
  2. [tr][td][table=550,#ff99ff]
  3. [tr][td][table=550,#ffccff]
  4. [tr][td][table=550,#ffffff]
  5. [tr][td]输入内容[/td][/tr]
  6. [/table][/td][/tr]
  7. [/table][/td][/tr]
  8. [/table][/td][/tr]
  9. [/table][/align]
复制代码

  1. [align=center][table=560,#ff9966]
  2. [tr][td][table=550,#ffcc66]
  3. [tr][td][table=550,#ffff66]
  4. [tr][td][table=550,#ffffff]
  5. [tr][td]输入内容[/td][/tr]
  6. [/table][/td][/tr]
  7. [/table][/td][/tr]
  8. [/table][/td][/tr]
  9. [/table][/align]
复制代码

  1. [align=center][table=560,#3399cc]
  2. [tr][td][table=550,#33cccc]
  3. [tr][td][table=550,#33ffcc]
  4. [tr][td][table=550,#ffffff]
  5. [tr][td]输入内容[/td][/tr]
  6. [/table][/td][/tr]
  7. [/table][/td][/tr]
  8. [/table][/td][/tr]
  9. [/table][/align]
复制代码

  1. [align=center][table=560,#009966]
  2. [tr][td][table=550,#00cc66]
  3. [tr][td][table=550,#00ff66]
  4. [tr][td][table=550,#ffffff]
  5. [tr][td]内容[/td][/tr]
  6. [/table][/td][/tr]
  7. [/table][/td][/tr]
  8. [/table][/td][/tr]
  9. [/table][/align]
复制代码

  1. [align=center][table=560,#0066ff]
  2. [tr][td][table=550,#0099ff]
  3. [tr][td][table=550,#00ccff]
  4. [tr][td][table=550,#ffffff]
  5. [tr][td]输入内容[/td][/tr]
  6. [/table][/td][/tr]
  7. [/table][/td][/tr]
  8. [/table][/td][/tr]
  9. [/table][/align]
复制代码

  1. [align=center][table=560,#696969]
  2. [tr][td][table=550,#a9a9a9]
  3. [tr][td][table=550,#dcdcdc]
  4. [tr][td][table=550,#ffffff]
  5. [tr][td]输入内容[/td][/tr]
  6. [/table][/td][/tr]
  7. [/table][/td][/tr]
  8. [/table][/td][/tr]
  9. [/table][/align]
复制代码

  1. [table=98%,#ff9999]
  2. [tr][td][table=98%,#ffffff]
  3. [tr][td]内容[/td][/tr]
  4. [/table][/td][/tr]
  5. [/table]
复制代码

  1. [table=98%,#cc3399]
  2. [tr][td][table=98%,#F0F8FF]
  3. [tr][td]内容[/td][/tr]
  4. [/table][/td][/tr]
  5. [/table]
复制代码

  1. [table=98%,#FF69B4]
  2. [tr][td][table=98%,#DCDCDC]
  3. [tr][td]内容[/td][/tr]
  4. [/table][/td][/tr]
  5. [/table]
复制代码

  1. [table=98%,#4169E1]
  2. [tr][td][table=98%,#FFFAF0]
  3. [tr][td]内容[/td][/tr]
  4. [/table][/td][/tr]
  5. [/table]
复制代码

  1. [table=98%,#00FF7F]
  2. [tr][td][table=98%,#FFFFF0]
  3. [tr][td]内容[/td][/tr]
  4. [/table][/td][/tr]
  5. [/table]
复制代码

评分

参与人数 25人气 +241 威望 +92 花瓣 +510 收起 理由
小心说话了吗 + 15 + 5 我来学习。
花粉8694586 + 15 + 5
花粉7472963 + 10 + 3 花粉俱乐部真心感谢您m( _ _ )m.

查看全部评分


生锈的感情又逢落雨天,思想在烟圈里捉迷藏。推开窗,雨滴在窗外的树枝上。雨,似舞蹈者的脚步,从叶瓣上滑落。
wlok188  花粉分区版主  发表于 2014-8-23 08:07:52 来自:浏览器
本帖最后由 wlok188 于 2014-8-23 19:50 编辑

锚链解决方法


  许多人的帖子里都因为带有锚链~而被删除和屏蔽!其实解决方法很简单~

  第一种发帖前全选~然后点一下去掉锚链的小图标就可以了!


12.png

  第二种复制前勾选一下纯文本,也可以去除复制时带有的文本锚链了!但注意的是如果复制内容里带有图片的话~也将无法复制过来了!
13.png

评分

参与人数 1人气 +10 威望 +3 收起 理由
花粉7503464 + 10 + 3 助人为乐,您最有爱*~( ̄▽ ̄)~*.

查看全部评分


生锈的感情又逢落雨天,思想在烟圈里捉迷藏。推开窗,雨滴在窗外的树枝上。雨,似舞蹈者的脚步,从叶瓣上滑落。
wlok188  花粉分区版主  发表于 2014-8-23 07:57:43 来自:浏览器
本帖最后由 wlok188 于 2014-8-25 07:27 编辑

利用虾米播播在帖子内播放音乐

  因为直接插入MP3,无法直接打开帖子就播放音乐!所以想要打开帖子直接就播放音乐只能用利用虾米播播在帖子内播放音乐了!

  首先在虾米音乐网搜索你要在帖子内加入的音乐~然后加入精选集中!

  打开自已的精选集,选择一首或者多首音乐!


11.png

12.png

13.png

14.png

14.png

15.png

17.png

[audio]http://sc1.111ttt.cn/2014/2/08/23/1232231042.mp3[/audio]

评分

参与人数 3人气 +30 威望 +9 收起 理由
花粉7486283 + 10 + 3 花粉俱乐部真心感谢您m( _ _ )m.
Win_夜雨 + 10 + 3 正宗好论坛,正宗好帖子凸( ̄︶ ̄)凸.
花粉7503464 + 10 + 3 手机浏览器评分,再赞一个!

查看全部评分


生锈的感情又逢落雨天,思想在烟圈里捉迷藏。推开窗,雨滴在窗外的树枝上。雨,似舞蹈者的脚步,从叶瓣上滑落。
wlok188  花粉分区版主  发表于 2014-8-23 07:57:58 来自:浏览器
本帖最后由 wlok188 于 2014-8-23 08:40 编辑

补充一下一楼的相关颜色代码(可以自行搭配)
1  黄绿色 #99CC32
2  红色 #FF0000
3  绿色 #00FF00
4  蓝色 #0000FF
5  牡丹红 #FF00FF
6  青色 #00FFFF
7  黄色 #FFFF00
8  黑色 #000000
9  海蓝 #70DB93
10 巧克力色 #5C3317
11 蓝紫色 #9F5F9F
12 黄铜色 #B5A642
13 亮金色 #D9D919
14 棕色 #A67D3D
15 青铜色 #8C7853
16 2号青铜色 #A67D3D
17 士官服蓝色 #5F9F9F
18 冷铜色 #D98719
19 铜色 #B87333
20 珊瑚红 #FF7F00
21 紫蓝色 #42426F
22 深棕 #5C4033
23 深绿 #2F4F2F
24 深铜绿色 #4A766E
25 深橄榄绿 #4F4F2F
26 深兰花色 #9932CD
27 深紫色 #871F78
28 深石板蓝 #6B238E
29 深铅灰色 #2F4F4F
30 深棕褐色 #97694F
32 深绿松石色 #7093DB
33 暗木色 #855E42
34 淡灰色 #545454
35 土灰玫瑰红色 #856363
36 长石色 #D19275
37 火砖色 #8E2323
38 森林绿 #238E23
39 金色 #CD7F32
40 鲜黄色 #DBDB70
41 灰色 #C0C0C0
42 铜绿色 #527F76
43 青黄色 #93DB70
44 猎人绿 #215E21
45 印度红 #4E2F2F
46 土黄色 #9F9F5F
47 浅蓝色 #C0D9D9
48 浅灰色 #A8A8A8
49 浅钢蓝色 #8F8FBD
59 浅木色 #E9C2A6
60 石灰绿色 #32CD32
61 桔黄色 #E47833
62 褐红色 #8E236B
63 中海蓝色 #32CD99
64 中蓝色 #3232CD
65 中森林绿 #6B8E23
66 中鲜黄色 #EAEAAE
67 中兰花色 #9370DB
68 中海绿色 #426F42
69 中石板蓝色 #7F00FF
70 中春绿色 #7FFF00
71 中绿松石色 #70DBDB
72 中紫红色 #DB7093
73 中木色 #A68064
74 深藏青色 #2F2F4F
75 海军蓝 #23238E
76 霓虹篮 #4D4DFF
77 霓虹粉红 #FF6EC7
78 新深藏青色 #00009C
79 新棕褐色 #EBC79E
80 暗金黄色 #CFB53B
81 橙色 #FF7F00
82 橙红色 #FF2400
83 淡紫色 #DB70DB
84 浅绿色 #8FBC8F
85 粉红色 #BC8F8F
86 李子色 #EAADEA
87 石英色 #D9D9F3
88 艳蓝色 #5959AB
89 鲑鱼色 #6F4242
90 猩红色 #BC1717
91 海绿色 #238E68
92 半甜巧克力色 #6B4226
93 赭色 #8E6B23
94 银色 #E6E8FA
(这个是银色)
95 天蓝 #3299CC
96 石板蓝 #007FFF
97 艳粉红色 #FF1CAE
98 春绿色 #00FF7F
99 钢蓝色 #236B8E
100 亮天蓝色 #38B0DE
101 棕褐色 #DB9370
102 紫红色 #D8BFD8
103 石板蓝色 #ADEAEA
104 浓深棕色 #5C4033
105 淡浅灰色 #CDCDCD
106 紫罗兰色 #4F2F4F
107 紫罗兰红色 #CC3299
108 麦黄色 #D8D8BF
109 黄绿色 #99CC32
e452c7b4534c0ced193c3fcf1b8dabe6.gif

生锈的感情又逢落雨天,思想在烟圈里捉迷藏。推开窗,雨滴在窗外的树枝上。雨,似舞蹈者的脚步,从叶瓣上滑落。
冬天里的春风  天下无双  发表于 2014-8-23 09:21:28 来自:浏览器
沙发,板凳,你怎么能自己都占了呢?我又坐地板了,收藏好教程,版主辛苦啦!谢谢分享!
冬天里的春风  天下无双  发表于 2014-8-23 09:24:21 来自:浏览器
耶,地板都没抢到!
花粉7503464  天下无双  发表于 2014-8-23 09:51:19 来自:浏览器
好帖要顶,感谢分享辛苦了~~
花粉7303806  已臻大成  发表于 2014-8-23 09:57:29 来自:浏览器
学习了。
张东望西  随手拍达人  发表于 2014-8-23 10:23:27 来自:浏览器
这个还是很实用的!
好人一生平安
香帅哥  神功盖世  发表于 2014-8-23 10:27:34 来自:浏览器
W8真乃土豪啊,帖子很详细。连播播的都有了,不过我已经学会了,哈哈。没分了。全给你了
仍然自由自我,永远高唱我歌,走遍千里
您需要登录后才可以回帖 登录 | 立即注册

工具下载

  • 花粉客户端官方

    Make it Possible

粤ICP备19015064号-4|备案主体编号:44201919072182| 粤公网安备 44190002003939号

Copyright © 2012-2019 华为终端有限公司 版权所有

快速回复 返回顶部 返回列表