[其它] 〖QQ素材〗美化测试基地基本要求及美化教程（2015-08-16）最新修订

阅读：1510回复：7

乔生 (元老)

楼主 2015-07-01

— 本帖被乔生从移动到本区(2023-07-14) —

猴岛QQ素材
-------------------------------------------------------------------------------------------- 分享最优美的图片,头像,文字,发现唯美与意境 ! ----

导航篇 >>>

　　　主楼- 帖内导航

　　　一楼- 美化测试基地版规

　　　二楼- 表格代码应用

　　　三楼- 表格代码基础介绍

　　　四楼- 简单表格的学习

　　　五楼- 美图秀秀截图教程

　　　六楼- 表格注意事项

　　　七楼- 帖子添加背景音乐教程


　　　大家可以使用楼层直达功能，快速浏览指定楼层
　　　楼层直达功能在帖内右上角

　　　有好的意见或建议
　　　可联系版主/分区总版主或加入素材交流群咨询欢迎提供宝贵意见

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

2015/07/01/ ----

点击在新窗播放

[ 此帖被乔生在2023-07-14 17:40重新编辑 ]

倒序阅读只看楼主

乔生 (元老)

沙发 2015-07-01

美化测试基地基本要求
-------------------------------------------------------------------------------------------------------------------最终解释权归QQ素材版块所有----

发帖前阅读 >>>

　　　1. 回复可见随你们测试:禁止利用测试区灌水

　　　2. 一个ID每天仅限发一主题帖测试，后续在当天测试主题帖内跟帖测试

　　　3. 第一次提醒第二次扣分第三次翻倍第四次你也懂的毕竟事不过三

　　　4. 使用他人表格代码须经的原作者同意方可使用尊重自己也请尊重他人的劳动成果

　　　5. 版规很简单明了，发帖即默认已阅此基本要求

[ 此帖被乔生在2015-08-14 00:38重新编辑 ]

乔生 (元老)

板凳 2015-07-01

分享表格代码使用
-----------------PhPWind！表格代码学习班-----------------------------------------------------------------------------------------------------------

教程篇 >>>

　　源代码使用及修改步骤：

　　1.
　　测试分享源码，右上角代码模式打钩，然后在帖子内粘贴源码

　　Ps：提醒大家需要修改的文字的表格源码，一定要代码模式修改，不然会乱码

　　3.
　　粘贴好之后，编辑框左上角或左下角点击预览就可以查看效果了

　　Ps：预览没有问题就点击发布，发布之后或许还有些小瑕疵
　　　　此时编辑一定要在点击编辑之后迷你编辑框内复制源代码
　　　　再点击高级模式重复第一二步来编辑，不然又会乱码

际遇之神 奖励抓到猴岛总版偷看MM洗澡的证据，要挟总版获得 10ＤＢ

乔生 (元老)

地板 2015-07-01

表格代码基础介绍
-----------------PhPWind！表格代码学习班-----------------------------------------------------------------------------------------------------------

什么是TABLE？

　　　TABLE就是制表的意思，无论是PW还是编辑网页时用的HTML，都离不开它。
　　　使用TABLE代码可以手动调整其宽度、背景颜色、行与列等等，如果能熟练运用
　　　编辑出来的帖子看起来会显得十分美观以及清新
　　　下面我们就来学学如何制作TABLE代码。

TABLE代码的注意事项

　　　1. TABLE的宽度分为两种：一种为百分比，数值为%多少 1-100
　　　　　　　　　　　　　　　一种为普通数值 1~560

　　　2.百分比显示的大小是根据最外层table的大小所决定的
　　　如无最外层，则根据电脑屏幕的大小所决定的。

　　　3.论坛允许自定义表格宽度为560，超过560则默认为最大宽度

　　　4.TABLE代码最多可以重叠四层，第五层开始代码失效

　　　5.若外层采用百分比，数值最大为560时，百分比最小为58%，否则边框显示不全。

　　　6.若外层采用数值，不管百分比在那一层，填写数值层均按层间距12递减。

　　　7.表格代码不会自动居中，如果需要则需使用居中代码。

　　　8.TABLE代码不能单独自定义颜色，即自定义颜色时必须输入表格大小数值。

　　　9.TABLE代码不能自定义边框颜色，边框颜色默认为浅蓝色。

TABLE的基本运用

　　　1、[table ][tr ][td ]内容[/td ][/tr ][/table ]

　　　2、[table=表格宽度 ][tr ][td ]内容[/td ][/tr ][/table ]

　　　3、[table=自定宽度,颜色 ][tr ][td ]内容[/td ][/tr ][/table ]

　　　PS：上面三个代码中都使用了空格，大家在使用的时候需要把空格去掉。

乔生 (元老)

4楼 2015-07-01

论坛表格工具学习
-----------------PhPWind！表格代码学习班-----------------------------------------------------------------------------------------------------------

工具制表

　　　首先点击工具栏

图标会出现如下界面。

　　　

　　　这里我们来讲下行数列数宽度和背景颜色
　　　第一课中提到表格的基本属性
　　　这里的行数列数不定个人设计表格时自由掌握
　　　宽度也在第一课中提到了，这里另外讲下制作头像素材时的表格制作
　　　右键图片查看属性一般我们截头像都是 200*200
　　　这个时候 210宽度的表格比较适合。

制作表格的例子

　　　上一步我们说的的尺寸都是以像素为单位的，还有以百分比为单位的
　　　这个取决与自己选择，慢慢调试
　　　如何选择像素，请看上一步演示图
　　　表格宽度后面有个百分比下拉框，下拉就可以看见选择像素了
　　　下面我说几个例子这里我举的例子是宽度 210 颜色黑色

复制代码

[align=center][table=210,#000000,#e3edf5,1][tr][td] [/td][/tr][/table][/align]

　　　套表格与上方法一样我们在宽度210的表格内套200的表格
　　　在套表格之前一定要先点击工具栏居中按钮，让表格居中

鼠标点这里继续点工具制表宽200如下

　　　完成之后效果如下

复制代码

[align=center][table=210,#000000,#e3edf5,1][tr][td][align=center]鼠标点这里继续点工具制表宽200 如下[/align][/td][/tr][/table][/align]

　　　猴岛的表格边框不规整是硬伤，我有强迫症，使用以下方法避免边框不规整
　　　当然你也可以不用不填边框来避免边框不规整的硬伤

　　　方法：
　　　用美图秀秀新建一张 50 * 4 pixels 的图片上传到相册
　　　然后在相册选择添加到表格内，上下各一张，这只是针对像我这样有强迫症的人，的一个笨方法

　　　添加之后效果如下

复制代码

[align=center][table=210,#000000,#e3edf5,1][tr][td][img]http://s1.houdao.71dm.com/11884/photo/Day/2015/05/29/155466_16d41432870734c0b4701580c270f.png[/img]鼠标点这里继续点工具制表宽200如下[img]http://s1.houdao.71dm.com/11884/photo/Day/2015/05/29/155466_16d41432870734c0b4701580c270f.png[/img][/td][/tr][/table][/align]

　　　用相册上传功能将图片上传至相册再填充到表格内（添加图片之前也要点击一下居中按钮）效果如下

　　　此时是不是看到图片边框又不规整了，那么重复上一步又能得到如下效果

复制代码

[align=center][table=210,#000000,#e3edf5,1][tr][td][img]http://s1.houdao.71dm.com/11884/photo/Day/2015/05/29/155466_16d41432870734c0b4701580c270f.png[/img][align=center][table=200,#ffffff,#e3edf5,1][tr][td][img]http://s1.houdao.71dm.com/11884/photo/Day/2015/05/29/155466_16d41432870734c0b4701580c270f.png[/img][align=center][img]http://s1.houdao.71dm.com/11884/photo/Day/2015/06/27/158507_4127143542187814224c2bba427b7.jpg[/img][/align][img]http://s1.houdao.71dm.com/11884/photo/Day/2015/05/29/155466_16d41432870734c0b4701580c270f.png[/img][/td][/tr][/table][/align][img]http://s1.houdao.71dm.com/11884/photo/Day/2015/05/29/155466_16d41432870734c0b4701580c270f.png[/img][/td][/tr][/table][/align]

　　　Ps：没有强迫症的切勿使用以上方法，因为太费神了

　　　上传图片教程：我的- 我的相册-创建新相册-上传照片-选择文件-点击上传即可

　　　饭饭以及七稚的帖子已经很好的把教程讲出来了这里附饭饭&七稚教程链接和橙子的简单表格教程链接

　　　橙子：http://m.houdao.com/r5297372/
　　　饭饭：http://m.houdao.com/r6133083/
　　　饭饭：http://m.houdao.com/r6154772/
　　　七稚：http://m.houdao.com/r10434138/
　　　七稚：http://m.houdao.com/r10025894/
　　　七稚：http://m.houdao.com/r9998234/

　　　QQ素材美化教程汇总连接：http://m.houdao.com/r9096192/

[ 此帖被乔生在2015-07-01 02:48重新编辑 ]

乔生 (元老)

5楼 2015-07-01

美图秀秀截图教程
-----------------PhPWind！表格代码学习班-----------------------------------------------------------------------------------------------------------

前言

　　　很多人不会截头像或者找不到好软件 PS太繁琐
　　　这里介绍一下我自己用的截头像的软件 - 美图秀秀
　　　虽然美图是俗称的毁图软件但是对于截头像操作还是特别简单的教程如下

头像教程

　　　我们先下载美图秀秀把找好的图在桌面新建一个文件夹放进去
　　　然后点开美图秀秀把图片拽进去点击右上角裁剪

　　　点击 1:1 正方形如下图拉取合适位置完成裁剪

　　　最后头像效果如下图

际遇之神 惩罚发帖后一心想要帖子火起来，付ＤＢ6给大大走后门

本帖最近评分记录：共 1 条评分ＤＢ +6

已纯2015-09-27+6 ＤＢ: ⊱　鲫鱼补贴款　⊰

乔生 (元老)

6楼 2015-07-01

色搭需注意事项
-----------------PhPWind！表格代码学习班-----------------------------------------------------------------------------------------------------------

前言

　　　学会表格是第一步之后你的颜色搭配层次搭配等等都是慢慢练出来的
　　　这样才能获得更多的人欣赏你分享的素材这里说几点做帖子需要注意的

注意事项

　　　我们在第一课已经讲明了很多表格需要注意的事项可是没有应用到表格里，你是很难把握的

　　　这里重复几条重要的

　　　1. 表格颜色记得不能乱搭配别试着一个表格什么颜色都用上
　　　　乱搭配的表格会让人眼花不想继续看下去
　　　　这里是颜色搭配的网站放上来（点击我）

　　　2. 字体大小一般表格使用宋体 1号较好英文 1号

　　　3. 制作表格时排版上记得居中

　　　4.不要多层套用，超过4 就乱码了这点一定要记得

　　　5.制作表格一定要把代码模式勾上，代码模式编辑，这是最重要的，以免发布出去乱码

　　　好了美化教程就到这里告一段落如果你有更好的建议或者更好的教程欢迎投稿

[ 此帖被乔生在2015-07-01 19:22重新编辑 ]

乔生 (元老)

7楼 2015-07-01

帖子添加背景音乐教程
----------------------PhPWind！表格代码学习班----------------------------------------------------------------------------------------------------------

前言

　　　一个好的帖子没有背景音乐怎么能行
　　　选歌也很重要，比如说素材比较MAN的，就给帖子添加嗨一点的歌
　　　素材比较小清新的，就添加抒情、轻音乐之类的歌，个人见解，不喜勿喷
　　　废话不多说，下面介绍一个相对简单的方法给帖子添加背景音乐
　　　

添加背景音乐教程

　　　虾米音乐播放器

　　　首先打开制作虾米音乐播放器地址（点击我）
　　　然后依次点击搜索-键入你要搜索的歌名-点击放大镜-出现搜索结果-点击添加到虾米播播，如下所示

　　　然后下拉网页滚动条你会看见如下所示，依次修改播放器大小-选择是否自动播放-然后代码就自动生成了

　　　这里会生成三个代码，那么怎么选择呢？
　　　第一你是普通会员就选择第一个Flash代码
　　　第二你是版主或更高权限也可以使用第二个Html代码，俗称H码
　　　可能有人会问为什么普会只能使用Flash代码，那么我告诉你，你没有权限使用H码
　　　因为过多使用H码会使网站崩溃，所以一般BBS都限制了用户使用H码，除去特定用户组
　　　在这里我建议版主们还是尽量少使用H码，H码对网站本身存在一种伤害

　　　下面介绍如何把播放器代码添加到帖子中去，如下所示
　　　依次点击帖子编辑框上的视频按钮，然后地址栏粘贴刚刚复制的代码，点击提交就完成了

　　　如何隐藏帖内播放器呢？那么在上一步你就要在比例上做一定的修改
　　　尺寸宽填 1 高填1 点击提交，完成发帖，播放器就隐藏了
　　　
　　　自此帖子添加背景音乐教程就算完结了，欢迎大家提供更多的帖子添加背景音乐教程

[ 此帖被乔生在2015-07-04 14:56重新编辑 ]

点击查看更多