—— 新手入门 ——
1.【大神带你玩转智友赚个水钱】 4.【主宰板块 制霸论坛 点这里】
2.【每日各种资源推荐实时更新】 5.【微博微信媒体合作请看这里】
3.【手机犯病?大神在这开门诊】 6.【论坛规则全解答 快速练级】
—— 智友精华 ——
1.【前列腺保养福利 尽在这里】 4.【应用圈子 安卓界新闻联播】
2.【搞机百科 安卓界走进科学】 5.【2017.8】安卓软件游戏精华资源集合
3.【2017.8】智友晒物优秀剁手文章精选 6.【想众测申请快速中签 点我】
查看: 2959|回复: 19

[其他] 【智友原创】排版与代码的应用和收集 - 长期工程逐步更新 [复制链接]

幸福花园三少

主题
22
帖子
30512
金币
139329 元
智豆
1757 点

众测1岁生日勋章 老司机勋章 好学生勋章 给你300万勋章

发表于 2017-4-22 23:03:21 |显示全部楼层
本帖最后由 hermit007 于 2017-4-26 17:47 编辑


本文要点

首先,本文是个长期的工程,代码我会不定期增加。
其二,本文仅作为主教程及各种代码的导航贴。
其三,所有代码均经过测试,若是出现问题请发站内信、QQ群或微信群找我报错,回帖报错请选择一楼回复按钮通道回复。

由于手机端使用不到代码,故不会对手机端优化。



                    

懒人编辑器


原创声明

本文由以上用户原创出品,转载请注明出处。








为什么文章会需要排版?
                              


在图片与文字较多的文章里,如果想加些创意,图片与文字干净的相互叠加会显得凌乱,也会让阅读者看得非常疲倦。

所以有时候使用一些带有颜色的条幅装饰标题、带有边框的方框装饰文字或者直接用代码将文字编排在图片上面,这样不仅仅会使得你的文章整体看着优美又不单调,而且又能让读者感觉赏心悦目,甚至排版或多或少还能提高文章的档次。






如何排版才会看的舒服?
                              


其实这个问题很难回答,事实上每个人对于排版都有自己的喜好,这并没有特定的公式或者规律。


但是排版还是有三个方面需要注意的:


一、字体


在这个问题上其实很显而易见,以本论坛为例(英文字体由于文字量不会太多姑且不计)。

论坛的几种字体:


黑体仿宋楷体宋体新宋体微软雅黑

黑体仿宋楷体宋体新宋体微软雅黑


可以看到:

首先,除了黑体以外其它文字都显得纤细不明显,加粗是最好的选择;

其次,黑体粗矿和显眼,它更加适合作为标题使用,而楷体是这几个字体中最美丽的;

至于其它字体个人平时不怎么使用,当然也可以根据个人喜好去选择。

PS.颜色的运用也是比较重要的,除了文字颜色同时还有底色的搭配也能让读者读者感到少许的诚意。


二、段落


段落也是排版中重要的环节,在文字量较长的时候分段显示不仅能够缓解读者的阅读体验还能起到分割两个文章核心(要点)的作用,合理的给予段落回车会起到更好的文字体验;

另外,与拍照一样文字紧贴照片会给人一种过于紧密的感觉,也会让阅读者的视觉效果大打折扣,所以文字与图片相隔最好至少一个换行,另外标题与照片最好拥有更多的换行。

PS.在使用方框代码加入文字时候文字也应该与方框的头尾留有一个换行(如本方框所示)。



三、编排


如果说字体并不重要,段落马虎一点,那么文章段落格式的编排就是这三条中最能给文章加分的一条。

首先,编排能起到文章与图片分段的效果;

其次,编排还能起到突出文章段落的效果;

最后,编排还起到了突出标题、美化段落文字、大幅提高阅读体验的效果。


其实,像段落开头空两格、标点符号的运用和文章的校对等虽说也能小幅增加排版的美观,但是不管怎么说排版是一个很耗费时间和精力的事,但是这也反应出文章的撰写者对于文章质量的追求以及用心程度,这也是读者最直观的体验之一。


但是,不管怎么样,排版只是个人所好,并非强求。


                              










编排格式代码





编排格式的代码分为许多种,线框代码、底色代码、动态代码等等,由于代码在本论坛并非各个都能使用,所以所有代码都会进行逐一测试。
另外代码的添加也是一个耗费时间的工作,所以各类代码都会单独开贴(锁定帖不可回复),所有代码的反馈都在本贴进行,而且本帖每层回复都会严格查水,对于水帖回复都会进行严格惩罚。






代码的使用





代码复制及使用有两种方式:

使用代码的必须首先勾选编辑框右侧的“HTML代码”(如下图)。

                              



一、直接复制已显示的形状

    适用于新手



如上图所示,每个代码前后都留有一个字方便复制,粘贴到指定位置后即可删除多余的字。

另外所显示的代码上下均有换行,可从换行处选择至下个换行处复制粘贴。

代码的粘贴修改文字规则:

由于所见所得的修改方式有丢失代码的不确定性,所以修改文字时请保留第一字替换后再删除第一个字。

例如上图,“智友原创”这四个字请先替换“友原创”这三个字后再删除“智”字。


                              



二、直接复制代码插入至文章的代码组列

    适用于老手


首先,你需要打开“纯文本”开关



如上图所示,打勾后切换到代码组列,复制到所有代码的尾部,没有代码知识的请勿插入在代码组列中间。


代码的粘贴修改文字规则:

不同于所见所得,代码组列的模式是固定的,可以直接在代码中进行文字修改及替换。

对于非自行粘贴的代码请勿擅动,以免造成文章内容丢失。







进阶教程
代码的一般修改






很多时候我们对代码的颜色和大小并不十分满意,这个时候怎么办?

那我们自己来修改,一般来说形状需要非常深度的代码知识所以本教程不会列出。


颜色的修改:

【以上述代码为例】



background-color代表背景颜色,后面的数值代表rgb颜色数值



大家可以通过搜索引擎或者PS等修图软件进行颜色查询。



这组代码在上面的代码阵列中出现了四次,为文字四周方框的颜色代码。


【颜色修改概要】

一般来说代码中只要出现以逗号分隔的三个数字加上括号即为rgp颜色,大家可以自行进行调节。


代码高和宽的修改:

height 和 width 的数值即为代码阵列的各个部件高和宽,一组代码可能由多个组件组合而成,一般来说各个组件的高和宽都可修改,有兴趣的可以尝试修改。












代 码 收 集




                                     



线框标题预览


    



点此跳转抵达<线框标题>收集页面



    













其它内容等待后续更新




















打赏排行榜

  • 楼主共收获打赏:

    200 20
  • 魔小孩打赏

    0 20
  • 安智打赏

    200 0
  • 虚位以待打赏

    0 0
查看更多打赏排行榜
已有 2 人评分金币 智豆 收起 理由
魔小孩 + 20 感谢分享,加分支持
安智 + 200 好贴,一定要加个分!!!!

总评分: 金币 + 200  智豆 + 20   查看全部评分

相关帖子

该会员没有填写今日想说内容.

主题
0
帖子
48
金币
132 元
智豆
89 点
发表于 2017-4-22 23:07:36 |显示全部楼层
沙发沙发沙发
  • 赞成0

  • 反对0

使用道具 举报

主题
54
帖子
839
金币
2539 元
智豆
2689 点

众测1岁生日勋章

发表于 2017-4-24 20:48:02 |显示全部楼层
感谢楼主分享 智友因你而精彩
  • 赞成0

  • 反对0

使用道具 举报

主题
216
帖子
19399
金币
17084 元
智豆
10139 点

众测1岁生日勋章 给你300万勋章 好学生勋章 老司机勋章

发表于 2017-4-24 22:46:15 |显示全部楼层
好帖子,收藏支持!
  • 赞成0

  • 反对0

该会员没有填写今日想说内容.

使用道具 举报

主题
26
帖子
241
金币
584 元
智豆
286 点

众测1岁生日勋章

发表于 2017-4-24 23:02:09 |显示全部楼层
  • 赞成0

  • 反对0

使用道具 举报

主题
87
帖子
494
金币
1668 元
智豆
1205 点

众测1岁生日勋章

发表于 2017-4-24 23:20:01 |显示全部楼层
  • 赞成0

  • 反对0

该会员没有填写今日想说内容.

使用道具 举报

主题
10
帖子
12127
金币
16394 元
智豆
11440 点

众测1岁生日勋章

发表于 2017-4-25 07:45:12 |显示全部楼层
  • 赞成0

  • 反对0

该会员没有填写今日想说内容.

使用道具 举报

【月牙龙鸣】

主题
311
帖子
6637
金币
7289 元
智豆
10406 点

众测1岁生日勋章 给你300万勋章

发表于 2017-4-28 09:01:28 |显示全部楼层
  • 赞成0

  • 反对0

该会员没有填写今日想说内容.

使用道具 举报

主题
53
帖子
1803
金币
5516 元
智豆
10654 点

众测1岁生日勋章 好学生勋章

发表于 2017-8-23 10:54:56 |显示全部楼层
  • 赞成0

  • 反对0

该会员没有填写今日想说内容.

使用道具 举报

两耳不闻窗外事 一心只搞大新闻 ——SillyB38

主题
194
帖子
2353
金币
22464 元
智豆
3313 点

好学生勋章 给你300万勋章

发表于 2017-8-25 12:53:23 |显示全部楼层
  • 赞成0

  • 反对0

使用道具 举报

【月牙龙鸣】

主题
311
帖子
6637
金币
7289 元
智豆
10406 点

众测1岁生日勋章 给你300万勋章

发表于 2017-9-5 09:46:50 |显示全部楼层
文章666 看楼主文章如饮美酒
  • 赞成0

  • 反对0

该会员没有填写今日想说内容.

使用道具 举报

主题
2
帖子
4751
金币
8662 元
智豆
3276 点
发表于 2018-4-6 19:02:35 |显示全部楼层
学习学习这
  • 赞成0

  • 反对0

该会员没有填写今日想说内容.

使用道具 举报

主题
269
帖子
56769
金币
131 元
智豆
4386 点
发表于 2018-4-6 19:35:56 |显示全部楼层
这个专业
  • 赞成0

  • 反对0

该会员没有填写今日想说内容.

使用道具 举报

主题
0
帖子
546
金币
427 元
智豆
293 点
发表于 2018-12-24 14:01:26 |显示全部楼层
啦啦啦啦啦啦
  • 赞成0

  • 反对0

使用道具 举报

您需要登录后才可以回帖 登录 | 注册 用新浪微博连接 QQ登录

关闭

热门活动

【智豆兑换】2019-07-11更新
【智豆兑换】2019-07-11更新
大暑运金气,荆扬不知秋。林下有塌翼,智豆兑好礼。

查看 »

回顶部