【美化】NANA排版教学1

Heaven1y

很多朋友问我怎么排版，所以我大言不惭厚着脸皮弄了个教学帖

最近也是在钻研，有懂的朋友不要笑话我啦~

以最近的活动帖1楼为例子，活动帖链接

首先，排版前你需要懂一些基本代码。比如以下：

1. [align=center]居中[/align]
   
2. [b]字体加粗[/b]
   
3. [backcolor=Pink]粉←背景颜色[/backcolor]
   
4. [color=Pink]粉←字体颜色[/color]
   
5. 
   

复制代码

表格是个作边框好东西，希望你能学会。

三个表格组成 ↑ 框中框

1. 以下是表格的代码，如果表格需要设置颜色,又忘记了哪些代码是它,那么可以在百分比后打上逗号+颜色，如：[table=50%,pink]
   
2. 
   
3. 百分比是表格宽度，根据个人喜好设置，也可填数字。tr和td = 行和列
   
4. 
   
5. [table=50%]
   
6. [tr][td]内容[/td][/tr]
   
7. [/table]
   

复制代码

注意：

1、查看代码方式，编辑页面点右上角纯文本旁边的框
2、本文所教的操作，在编辑页面均能找到

3、所有斜杠的前面都是可改变的内容,多保存,多尝试.
4、表格默认居左，需手动代码改成居中，

把居中代码放在需要居中的代码两旁（任何方式居中都如此），下面有教学。












这个图片的排版由两个表格组成，因为一个表格只能设定一个背景颜色



第一步

打开表格，先设定2行1列，根据个人喜好设定宽度，背景颜色



表格默认居左，需手动代码改成居中，效果如下：

排版图片

排版图片

第二步

居中表格（在纯文本改动）

在表格中打回车键可以增加高度，

添加图片素材进去，如果图片要居中，也要在图片的代码两旁加上居中代码。

表格例子：

居中效果：

居中排版图片

排版图片

第三步

1、建立新边框

（背景颜色自己挑http://club.sanguosha.com/thread-146282-1-1.html）

效果：

2、居中

3、在表格中建立新表格，1行1列，百分60，底色白色

4、居中

居中代码介于外框和内框的代码中间，

新手做每一步前，都需要保存代码，不然容易做错无法修复！

5、重复上个动作，在内框第二行加弄一个蓝色框，宽度占内框98%

（忘记居中）效果图：

然后箭头指着的地方，内框和外框之间，删掉一行

变成

6、在内框添加表格，1行2列，白底，内框居中

（忘记居中第三个框）

内框居中代码如下：

7、添加素材，如果有行高不合适又删不掉的情况，切换文本再回来看看。

（全部居中后效果）

目前做的这个边框，跟我活动帖有所不同，因为我的宽度设置不一样。

对框的宽度不满意也可以进文本修改，除了第一个框是设定总体大小，

里面的框设定宽度都是以外框为准，比如内框宽度98%就是外框的总体98%

大家可以根据自己的风格随意变换。

基本教学完毕。

问：和是什么东西？

答：。。。。。。，…&-

懂了吗

幼蕉

交个作业给娜娜，写得好清楚，辛苦辣！
楼层链接

初蓝

你的小心心 我就收下了

站着睡觉的树

我为娜娜打CALL！！！娜娜太厉害惹！！！

试着做了一个小小的~嘿嘿嘿嘿

鲱鱼喵丶

おいしい

作业

L

好特么丑...技术废的我

miletou

交作业啦 娜娜因为我太笨了

每次看感觉复杂就没试

这次终于看懂了！

心中一萌

这么牛批的吗，马住就当学会了

时光倒转

我的好丑，要是能复制粘贴做快点就好了
。。。。
再做一个

生如夏花之绚烂 死如秋叶之静美

白沫子

看完美化教程，我表示更想知道这些可爱的小表情，还有那些小小的动图是怎么找的

Elegante

好贴！但是懒人表示只想复制黏贴

7爷思密达

收藏之

谈无欲

原来那个框框可以直接写网页代码，有点厉害

源泉

糙汉子学不来，后排支持下

青钱沽酒丷梦

厉害了，我还是学着简单点。这个和我工作差不多了，我觉得娜娜学设计的。