天谕官网论坛

今日: |昨日: |帖子: |会员:


查看: 2896|回复: 29
打印 上一主题 下一主题

[论坛教程] 【新手教程】美化代码进阶

[复制链接]

221

主题

3万

回帖

0

精华

花海精灵

安静的美男子

Rank: 5Rank: 5

积分
253
云券
63805
云垂声望
3554
天币
99

女神勋章论坛OL活动勋章谕世一记专属勋章(永久)玉虚职业勋章(永久)圣堂职业勋章(永久)流光职业勋章(永久)灵珑职业勋章(永久)乐于助人勋章(永久)

跳转到指定楼层
楼主
发表于 2014-11-1 00:11 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式 IP:吉林

注册论坛,赚取积分可领珍贵论坛礼包,让你轻松玩转天谕。

您需要 登录 才可以下载或查看,没有帐号?注册

x
本帖最后由 茶理理ぃ 于 2014-11-1 00:12 编辑

这里是美化代码进阶


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


今天分享些其他表格


代码大神请轻拍


                                                                                  这里是新手代码第一课


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

                                 

评分

1

查看全部评分

回复

使用道具 举报

221

主题

3万

回帖

0

精华

花海精灵

安静的美男子

Rank: 5Rank: 5

积分
253
云券
63805
云垂声望
3554
天币
99

女神勋章论坛OL活动勋章谕世一记专属勋章(永久)玉虚职业勋章(永久)圣堂职业勋章(永久)流光职业勋章(永久)灵珑职业勋章(永久)乐于助人勋章(永久)

沙发
 楼主| 发表于 2014-11-1 00:12 | 只看该作者 IP:吉林
本帖最后由 茶理理ぃ 于 2014-11-1 15:25 编辑

            
                            简单日记1

写在前面的话

这个表格看起来很清晰,并且也很简单,就是表格套表格,很容易上手,颜色可以自己换,图片也是自定义。


下面是示例表格的效果:







◆◇◆◇
        










                                                            by:茶理理丶
   


回复 支持 反对

使用道具 举报

221

主题

3万

回帖

0

精华

花海精灵

安静的美男子

Rank: 5Rank: 5

积分
253
云券
63805
云垂声望
3554
天币
99

女神勋章论坛OL活动勋章谕世一记专属勋章(永久)玉虚职业勋章(永久)圣堂职业勋章(永久)流光职业勋章(永久)灵珑职业勋章(永久)乐于助人勋章(永久)

板凳
 楼主| 发表于 2014-11-1 00:15 | 只看该作者 IP:吉林
本帖最后由 茶理理ぃ 于 2014-11-1 15:39 编辑



具体的解释


1,这是一个紫色渐变的表格,最外层是DCB5FF,依次为E6CAFF,F1E1FF,FAF4FF

2,最外层表格560,一共四层,间隔10。

3.,菱形开头,◆◇这个其实是自己随意添加的,图形本身没有颜色,我添加的是紫色,在菱形开头放入颜色编码即可。

◆◇◆◇◆◇

  1. [color=E6CAFF]◆◇◆◇◆◇[/color]
复制代码


4,然后就是插入行了,这个之前也有说过的,在这里我就不详细解释了。

  1. [tr][td]
  2. [/td][/tr]
  3. [tr][td]
  4. [/td][/tr]
复制代码


5.插入名字前面图片,这个随自己喜欢就好,可直接上传电脑图片或者其他网页图片。


6.插入分割线,这个和5是一样的,分割线可自选,然后上传图片就可以了。

回复 支持 反对

使用道具 举报

221

主题

3万

回帖

0

精华

花海精灵

安静的美男子

Rank: 5Rank: 5

积分
253
云券
63805
云垂声望
3554
天币
99

女神勋章论坛OL活动勋章谕世一记专属勋章(永久)玉虚职业勋章(永久)圣堂职业勋章(永久)流光职业勋章(永久)灵珑职业勋章(永久)乐于助人勋章(永久)

地板
 楼主| 发表于 2014-11-1 00:16 | 只看该作者 IP:吉林
本帖最后由 茶理理ぃ 于 2014-11-1 15:40 编辑

此为之前简单日记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. [/p]
复制代码
回复 支持 反对

使用道具 举报

221

主题

3万

回帖

0

精华

花海精灵

安静的美男子

Rank: 5Rank: 5

积分
253
云券
63805
云垂声望
3554
天币
99

女神勋章论坛OL活动勋章谕世一记专属勋章(永久)玉虚职业勋章(永久)圣堂职业勋章(永久)流光职业勋章(永久)灵珑职业勋章(永久)乐于助人勋章(永久)

5
 楼主| 发表于 2014-11-1 00:16 | 只看该作者 IP:吉林
本帖最后由 茶理理ぃ 于 2014-12-8 10:45 编辑



                        简单日记表格2

写在前面的话:

这个表格是楼楼之前一直用的,简单也很整洁,上手也很容易

下面是示例表格的效果






       

         




      








      



                                                                     by:茶理理丶


     










回复 支持 反对

使用道具 举报

221

主题

3万

回帖

0

精华

花海精灵

安静的美男子

Rank: 5Rank: 5

积分
253
云券
63805
云垂声望
3554
天币
99

女神勋章论坛OL活动勋章谕世一记专属勋章(永久)玉虚职业勋章(永久)圣堂职业勋章(永久)流光职业勋章(永久)灵珑职业勋章(永久)乐于助人勋章(永久)

6
 楼主| 发表于 2014-11-1 00:16 | 只看该作者 IP:吉林
本帖最后由 茶理理ぃ 于 2014-11-1 16:05 编辑



                                              简单日记表格2


具体的解释:

1,先放一个一层表格,表格:480  颜色为FF99cc,然后在里面插入分割线,可自选。

  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]
复制代码


2,然后插入2层表格,外层,表格:480  颜色为FF99cc,里层表格:470  颜色为FFFFFF,插入分割线,加入行。

3,加入名字前面的图片,署名,中间表格完成。

2,3,代码

  1. [table=480,#ff99cc]
  2. [tr][td][table=470,#ffffff]
  3. [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]  


  4. [/size][/size][/font][/td][/tr]
  5. [tr][td][size=3]       [/size][/td][/tr]
  6. [tr][td]
  7. [/td][/tr]
  8. [tr][td]
  9. [/td][/tr]
  10. [tr][td]
  11. [/td][/tr]
  12. [tr][td]
  13. [/td][/tr]
  14. [tr][td][b][size=2][color=#ffc0cb]       [/color][/size][/b][/td][/tr]
  15. [tr][td]

  16.                                                                     [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]
  17. [/table][font=Impact][size=2]
  18. [size=3][/size][/size][/font][table=248,silver]
  19. [/table][/td][/tr]
  20. [/table]
复制代码


4,最后插入2层表格,外层,表格:480  颜色为FF99cc,里层表格:470  颜色为FFFFFF,上传分割线即刻。

  1. [table=480,#ff99cc]
  2. [tr][td][table=470,#ffffff]
  3. [tr][td]     [img]http://f.ty.netease.com/month_1410/1410021852e0c5d0fed2828cb1.gif[/img][/td][/tr]
  4. [/table][/td][/tr]
  5. [/table]
复制代码



回复 支持 反对

使用道具 举报

221

主题

3万

回帖

0

精华

花海精灵

安静的美男子

Rank: 5Rank: 5

积分
253
云券
63805
云垂声望
3554
天币
99

女神勋章论坛OL活动勋章谕世一记专属勋章(永久)玉虚职业勋章(永久)圣堂职业勋章(永久)流光职业勋章(永久)灵珑职业勋章(永久)乐于助人勋章(永久)

7
 楼主| 发表于 2014-11-1 00:17 | 只看该作者 IP:吉林
本帖最后由 茶理理ぃ 于 2014-11-1 16:06 编辑

此为简单日记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. [/size][/size][/font][/td][/tr]
  8. [tr][td][size=3]       [/size][/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][b][size=2][color=#ffc0cb]       [/color][/size][/b][/td][/tr]
  26. [tr][td]

  27.                                                                     [img]http://f.ty.netease.com/month_1410/1410021901819ac3d006cf68be.gif[/img] [color=#ffc0cb][b][font=黑体][size=5]by:[/size][size=3]茶理理丶[/size][/font][/b]
  28. [/color]
  29. [/td][/tr]
  30. [/table][font=Impact][size=2]
  31. [size=3][/size][/size][/font][table=248,silver]
  32. [/table][/td][/tr]
  33. [/table][/p][p=30, 2, center][size=3][/size][table=480,#ff99cc]
  34. [tr][td][table=470,#ffffff]
  35. [tr][td]     [img]http://f.ty.netease.com/month_1410/1410021852e0c5d0fed2828cb1.gif[/img][/td][/tr]
  36. [/table][/td][/tr]
  37. [/table]

复制代码

评分

1

查看全部评分

回复 支持 反对

使用道具 举报

221

主题

3万

回帖

0

精华

花海精灵

安静的美男子

Rank: 5Rank: 5

积分
253
云券
63805
云垂声望
3554
天币
99

女神勋章论坛OL活动勋章谕世一记专属勋章(永久)玉虚职业勋章(永久)圣堂职业勋章(永久)流光职业勋章(永久)灵珑职业勋章(永久)乐于助人勋章(永久)

8
 楼主| 发表于 2014-11-1 00:17 | 只看该作者 IP:吉林
本帖最后由 茶理理ぃ 于 2014-11-1 16:22 编辑


                          简单日记表格3

写在前面的话

这个跟之前的相比算了比较难一点的,总体来说都是3层的表格。

下面为示例表格效果






         



      



     
   
                                 by:茶理理丶
  

回复 支持 反对

使用道具 举报

70

主题

2万

回帖

0

精华

花海精灵

虾米

Rank: 5Rank: 5

积分
240
云券
50959
云垂声望
2485
天币
0

炎天职业勋章(永久)论坛OL活动勋章流光职业勋章(永久)光刃职业勋章(永久)

9
发表于 2014-11-1 00:20 | 只看该作者 IP:辽宁
可以插楼了咩
回复 支持 反对

使用道具 举报

221

主题

3万

回帖

0

精华

花海精灵

安静的美男子

Rank: 5Rank: 5

积分
253
云券
63805
云垂声望
3554
天币
99

女神勋章论坛OL活动勋章谕世一记专属勋章(永久)玉虚职业勋章(永久)圣堂职业勋章(永久)流光职业勋章(永久)灵珑职业勋章(永久)乐于助人勋章(永久)

10
 楼主| 发表于 2014-11-1 00:27 | 只看该作者 IP:吉林
回复 9# 呗呗酱


   我打算直接在2楼做个连接
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则


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