codecamp

简单的游戏攻略论坛排版教程

美化排版是个费力费时的事情.   一篇优秀的攻略能让很多的版友从中受益
分享自己的经验是为了让版友们从中受益, 为了方便版友们阅读, 适当的排版是必要的.

我们写攻略是给各位版友分享一些自己的心得以及技巧.  
很多分享心得的朋友不会排版, 而有些朋友没有时间做排版, 
那请大家看下文, 只需短短几分钟, 优化排版很轻松,,!!!  
内容不多, 分2个楼层给大家演示, 3楼是给大家分享一些经常可以用到的美化帖子的装饰物.



写攻略, 首先我们要有目录, 
可以帮助版友们跳过已经了解的部分从而更快速的找到自己想学习的部分

A。   前言

         [ 简短告诉大家这篇帖子你要表达的内容 ]

B。   正文


下文中我将给大家做出排版中个别部分的代码,  
大家只要点击复制代码然后粘贴到自己的攻略里再加上自己要写的内容即可
其余部分, 可用工具栏中的分割线 : 
                         4654654222222222222222.jpg   使文章变得更加工整



A。  前言         

[ 简短告诉dajia这篇帖子你要表达的内容 ]



B。   正文部分


现在给大家介绍一下, 一篇优秀的攻略必不可少的几项内容. 


序号

标签

1

英雄的资料与定位

2

英雄的优势以及缺陷

3

召唤师技能的选择

4

符文与天赋

5

技能详解, 加点规则

6

对线技巧与详解

7

出装分析

8

个人心得总结

  

  1. [table=448]

  2. [tr][td][align=center][b][size=3][color=magenta]

  3. 序号

  4. [/color][/size][/b][/align][/td][td][align=center][b][size=3][color=magenta]

  5. 标签

  6. [/color][/size][/b][/align][/td][/tr]

  7. [tr][td][align=center][b] 1[/b][/align][/td][td][align=center][b] 英雄的资料与定位[/b][/align][/td][/tr]

  8. [tr][td][align=center][b] 2[/b][/align][/td][td][align=center][b] 英雄的优势以及缺陷[/b][/align][/td][/tr]

  9. [tr][td][align=center][b] 3[/b][/align][/td][td][align=center][b] 召唤师技能的选择[/b][/align][/td][/tr]

  10. [tr][td][align=center][b] 4[/b][/align][/td][td][align=center][b] 符文与天赋[/b][/align][/td][/tr]

  11. [tr][td][align=center][b] 5[/b][/align][/td][td][align=center][b] 技能详解, 加点规则[/b][/align][/td][/tr]

  12. [tr][td][align=center][b] 6[/b][/align][/td][td][align=center][b] 对线技巧与详解[/b][/align][/td][/tr]

  13. [tr][td][align=center][b] 7[/b][/align][/td][td][align=center][b] 出装分析[/b][/align][/td][/tr]

  14. [tr][td][align=center][b] 8[/b][/align][/td][td][align=center][b] 个人心得总结[/b][/align][/td][/tr]

  15. [/table]

复制代码

1、 英雄的资料与定位
          
[ 这个是标签, 自体要大一些会很醒目, 颜色也最好换一下, 不然整篇攻略看起来很单调 ]

       这里大家可以放官网的图片  
                [ 图片的添加方法请点击图片按钮, 上传, 然后点击图片插入到帖子即可 注: 百度与QQ空间图片无法显示 ] 


       也可以用语言来介绍你要写的英雄.



2、英雄的优势与缺陷


优势缺陷

                [ 请把自己总结出来的优势与缺陷用简单易懂且简短的文字, 如果不够或者多于5个就不要用代码了哦,,!! ]


  1. [table=450,red]

  2. [tr][td][table=449,white]

  3. [tr][td][b][size=3][color=magenta] [/color][/size][/b][table=448]

  4. [tr][td][align=center][b][size=3][color=magenta]

  5. 优势

  6. [/color][/size][/b][/align][/td][td][align=center][b][size=3][color=magenta]

  7. 缺陷

  8. [/color][/size][/b][/align][/td][/tr]

  9. [tr][td]

  10. [/td][td]

  11. [/td][/tr]

  12. [tr][td]

  13. [/td][td]

  14. [/td][/tr]

  15. [tr][td]

  16. [/td][td]

  17. [/td][/tr]

  18. [tr][td]

  19. [/td][td]

  20. [/td][/tr]

  21. [tr][td]

  22. [/td][td]

  23. [/td][/tr]

  24. [/table][/td][/tr]

  25. [/table][/td][/tr]

  26. [/table]

复制代码



3、召唤师技能的选择 

       [ 最好上传图片哦,,!!    然后配以文字说明你推荐的召唤师技能的理由 ]



4、符文与天赋


        a.     符文            [ 同样请大家上传图片并且配以文字做简短说明哦,,!! ]


        b.     天赋            [ 同样请大家上传图片并且配以文字做简短说明哦,,!! ]



5、技能详解, 加点规则 

          游戏中的各个英雄的技能都可以插入到帖子中哦,,!!!    操作方法如下:
          第一步.   在工具栏里找到带有LOL图标的按钮 
            45464641111111.jpg 
           第二步.   选择, 点击插入技能
            4654654222222222222222.jpg 

          第三步.  在红色框里输入英雄的名字,  蓝色框里选择相应的技能.
          465465444444444444.jpg 



6、对线技巧

          [ 请大家举出几个容易对线以及不容易对线的例子, 并做解如何对线.   ]
      
          需要英雄头像的请点击:   红色右边方向箭头.gif 英雄头像图集



7、出装分析

          a.    出门装           
          b.   中期装与大后期

         [ 最好配装备图, 操作方法同 5. 插入技能截图  ]



8、个人心得总结

         [ 请大家用简短的文字概括本篇攻略最重要的几点与要提醒大家需要注意的几点 ]





↑ 
上面的这条线可以分割上下部分, 尤其是在内容较多, 又需要插入很多图片的部分可以用它隔开哦, 
这样看起来就会工整很多.
   操作方法很简单, 只要点击一下下图红色圈中的按钮即可

                4654654222222222222222.jpg 



3楼给大家分享一些帖子里可以经常用到的装饰物.  可以把帖子装饰的漂漂亮亮哦~

漂亮的分割线:

电线分割.gif 


粉色系分割.gif 


横幅:粉色的翅膀.gif 


横幅:红色长的心.gif 


横幅:红色的花.gif 


横幅:红色闪动的心.gif 


蓝白花横幅.gif 


花盆分割.gif 


蓝色蝴蝶结横幅.gif 


流动彩片.gif 


横幅:闪动的圆片.gif 



绿色小箭头.gif 



漂亮心横幅.gif 


苹果.gif 



清新花横幅.gif 


细小分割线.gif 


小花花分割.gif 



小可爱分割.gif 



小熊横幅.gif 



可爱橙色蝴蝶结横幅.gif 






小饰品 :


音符.gif              最小的白边绿色心.gif                   转的大粉花.gif              星星.gif                    信封.gif                          心.gif                            小人头.gif 



小鸟送心.gif                 小花.gif                       小红心闪闪.gif                      兔斯基送心.gif                          闪亮箭头.gif                             跳跳绿星星.gif                            闪烁蓝星星.gif 




闪的彩色心.gif                 绿色转动花.gif                    漂亮的心.gif                    蓝色转头雪花.gif                      花花丛.gif                       蓝钻.gif                       蓝框心.gif                      蓝点点.gif 





红色右边方向箭头.gif                 黑色转头花.gif                   爆竹1.gif                   粉框心.gif                         


一些小米论坛发帖小技巧
微信公众平台页面设计特效集锦
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }