【新手教程】美化代码进阶

茶理理ぃ

这里是美化代码进阶

之前楼楼有发过新手简单教程

今天分享些其他表格

代码大神请轻拍

                                                                                  这里是新手代码第一课


                                               注：楼楼也是新手，所以有些不足的地方请大家见谅，代码大神请轻拍
                                                      不懂得小盆友可以站内私信我，楼楼看到的话就会回哒                                       

                                 

茶理理ぃ

简单日记1 写在前面的话 这个表格看起来很清晰，并且也很简单，就是表格套表格，很容易上手，颜色可以自己换，图片也是自定义。 下面是示例表格的效果：

◆◇◆◇◆                                                                      by：茶理理丶

茶理理ぃ

具体的解释 1，这是一个紫色渐变的表格，最外层是DCB5FF，依次为E6CAFF，F1E1FF，FAF4FF 2，最外层表格560，一共四层，间隔10。 3.，菱形开头，◆◇这个其实是自己随意添加的，图形本身没有颜色，我添加的是紫色，在菱形开头放入颜色编码即可。 ◆◇◆◇◆◇ [color=E6CAFF]◆◇◆◇◆◇[/color] 复制代码 4，然后就是插入行了，这个之前也有说过的，在这里我就不详细解释了。 [tr][td] [/td][/tr] [tr][td] [/td][/tr] 复制代码 5.插入名字前面图片，这个随自己喜欢就好，可直接上传电脑图片或者其他网页图片。 6.插入分割线，这个和5是一样的，分割线可自选，然后上传图片就可以了。

茶理理ぃ

此为之前简单日记1代码

1. [size=12px][/size][p=30, 2, center][size=12px][/size]
   
2. [table=450,#DCB5FF]
   
3. [tr][td][table=440,#E6CAFF]
   
4. [tr][td][table=430,#F1E1FF]
   
5. [tr][td][table=420,#FAF4FF]
   
6. [tr][td][color=#c98610][font=Monaco, Consolas,][color=DCB5FF]◆◇[/color][/font][color=#c98610][font=Monaco, Consolas,][color=DCB5FF]◆◇[/color][/font][color=#c98610][font=Monaco, Consolas,][color=DCB5FF]◆[/color][/font][/color][/color][/color][/td][/tr]
   
7. [tr][td][color=#ffc0cb][size=2]        [/size] [/color]
   
8. [/td][/tr]
   
9. [tr][td]
   
10. [/td][/tr]
    
11. [tr][td]
    
12. [/td][/tr]
    
13. [tr][td]
    
14. [/td][/tr]
    
15. [tr][td]
    
16. [/td][/tr]
    
17. [tr][td]
    
18. [/td][/tr]
    
19. [tr][td]
    
20. [/td][/tr]
    
21. [tr][td]
    
22. [/td][/tr]
    
23. [tr][td]
    
24. [/td][/tr]
    
25. [tr][td]
    
26. [/td][/tr]
    
27. [tr][td]
    
28.                                                          [img]http://f.ty.netease.com/month_1410/1410021831d0e89c7e53c11048.gif[/img]   [b][size=3][color=#DCB5FF]by：茶理理丶[/color][/size][/b]
    
29. [/td][/tr]
    
30. [/table][/td][/tr]
    
31. [/table][/td][/tr]
    
32. [/table]   [img]http://f.ty.netease.com/month_1410/141002182782f4baa8af9c6cfb.gif[/img]
    
33. [/td][/tr]
    
34. [/table]
    
35. 
    
36. [/p]

复制代码

茶理理ぃ

简单日记表格2 写在前面的话： 这个表格是楼楼之前一直用的，简单也很整洁，上手也很容易 下面是示例表格的效果

by：茶理理丶

茶理理ぃ

简单日记表格2 具体的解释： 1，先放一个一层表格，表格：480  颜色为FF99cc，然后在里面插入分割线，可自选。 [table=480,#ff99cc] [tr][td]     [img]http://f.ty.netease.com/month_1410/1410021845a8770423626de744.gif[/img][img]http://f.ty.netease.com/month_1410/1410021845a8770423626de744.gif[/img]   [/td][/tr] 复制代码 2，然后插入2层表格，外层，表格：480  颜色为FF99cc，里层表格：470  颜色为FFFFFF，插入分割线，加入行。 3，加入名字前面的图片，署名，中间表格完成。 2，3，代码 [table=480,#ff99cc] [tr][td][table=470,#ffffff] [tr][td][font=Impact][size=2][size=3]      [img]http://f.ty.netease.com/month_1410/1410021859e74d2c13ac88e9b7.gif[/img][img]http://f.ty.netease.com/month_1410/1410021859e74d2c13ac88e9b7.gif[/img] [img]http://f.ty.netease.com/month_1410/1410021859e74d2c13ac88e9b7.gif[/img] [img]http://f.ty.netease.com/month_1410/1410021859e74d2c13ac88e9b7.gif[/img]   [/size][/size][/font][/td][/tr] [tr][td][size=3]       [/size][/td][/tr] [tr][td] [/td][/tr] [tr][td] [/td][/tr] [tr][td] [/td][/tr] [tr][td] [/td][/tr] [tr][td][b][size=2][color=#ffc0cb]       [/color][/size][/b][/td][/tr] [tr][td]                                                                     [img]http://f.ty.netease.com/month_1410/1410021901819ac3d006cf68be.gif[/img] [color=#ffc0cb][b][font=黑体][size=5]by：[/size][size=3]茶理理丶[/size][/font][/b][/color][/td][/tr] [/table][font=Impact][size=2] [size=3][/size][/size][/font][table=248,silver] [/table][/td][/tr] [/table] 复制代码 4，最后插入2层表格，外层，表格：480  颜色为FF99cc，里层表格：470  颜色为FFFFFF，上传分割线即刻。 [table=480,#ff99cc] [tr][td][table=470,#ffffff] [tr][td]     [img]http://f.ty.netease.com/month_1410/1410021852e0c5d0fed2828cb1.gif[/img][/td][/tr] [/table][/td][/tr] [/table] 复制代码

茶理理ぃ

此为简单日记2代码

1. [table=480,#ff99cc]
   
2. [tr][td]     [img]http://f.ty.netease.com/month_1410/1410021845a8770423626de744.gif[/img][img]http://f.ty.netease.com/month_1410/1410021845a8770423626de744.gif[/img]  
   
3. [/td][/tr]
   
4. [/table][p=30, 2, center][size=3][/size][table=480,#ff99cc]
   
5. [tr][td][table=470,#ffffff]
   
6. [tr][td][font=Impact][size=2][size=3]      [img]http://f.ty.netease.com/month_1410/1410021859e74d2c13ac88e9b7.gif[/img][img]http://f.ty.netease.com/month_1410/1410021859e74d2c13ac88e9b7.gif[/img] [img]http://f.ty.netease.com/month_1410/1410021859e74d2c13ac88e9b7.gif[/img] [img]http://f.ty.netease.com/month_1410/1410021859e74d2c13ac88e9b7.gif[/img]  
   
7. 
   
8. 
   
9. [/size][/size][/font][/td][/tr]
   
10. [tr][td][size=3]       [/size][/td][/tr]
    
11. [tr][td]
    
12. [/td][/tr]
    
13. [tr][td]
    
14. [/td][/tr]
    
15. [tr][td]
    
16. [/td][/tr]
    
17. [tr][td]
    
18. [/td][/tr]
    
19. [tr][td]
    
20. [/td][/tr]
    
21. [tr][td]
    
22. [/td][/tr]
    
23. [tr][td]
    
24. [/td][/tr]
    
25. [tr][td]
    
26. [/td][/tr]
    
27. [tr][td][b][size=2][color=#ffc0cb]       [/color][/size][/b][/td][/tr]
    
28. [tr][td]
    
29. 
    
30.                                                                     [img]http://f.ty.netease.com/month_1410/1410021901819ac3d006cf68be.gif[/img] [color=#ffc0cb][b][font=黑体][size=5]by：[/size][size=3]茶理理丶[/size][/font][/b]
    
31. [/color]
    
32. [/td][/tr]
    
33. [/table][font=Impact][size=2]
    
34. [size=3][/size][/size][/font][table=248,silver]
    
35. [/table][/td][/tr]
    
36. [/table][/p][p=30, 2, center][size=3][/size][table=480,#ff99cc]
    
37. [tr][td][table=470,#ffffff]
    
38. [tr][td]     [img]http://f.ty.netease.com/month_1410/1410021852e0c5d0fed2828cb1.gif[/img][/td][/tr]
    
39. [/table][/td][/tr]
    
40. [/table]
    
41. 
    

复制代码

茶理理ぃ

简单日记表格3 写在前面的话 这个跟之前的相比算了比较难一点的，总体来说都是3层的表格。 下面为示例表格效果

by：茶理理丶

呗呗酱

可以插楼了咩

茶理理ぃ

回复 9# 呗呗酱


   我打算直接在2楼做个连接