天涯部落

小圈子,大声音!呼朋引伴网聚部落!

创建新部落?

帖子编辑快速入门教程

楼主:傲雪伴梅 时间:2012-11-25 13:28:22 点击:20711 回复:37
脱水模式给他打赏只看楼主 阅读设置
  本帖适合初学者。闲话不多说。直接开始。
  
  一个帖子的编辑大致分为3个部分:背景;边框;文字。我们可以3合为1,也可以只给帖子加背景,或只加边框;甚至只给文字加上颜色就可以了。很多初学者觉得编辑很难学,代码很难记。其实,“背景;边框;文字”这都是由相对固定的代码组成的,我们无需死记,只要记得每组代码是从哪个符号开始,哪个符号结束就可以了。我们在编辑的时候,根据需要给每组里面适当换一下地址啦,颜色啦,字体等,就可以了。
楼主傲雪伴梅 时间:2012-11-25 13:36:28
  看下面这组就是 背景 代码,这组代码开头是<STYLE>,结尾是</STYLE>。一般编辑时,这组代码放在 边框 代码的前面,也可以放在贴子的最后面,甚至可以放在回复栏里。
  
  <STYLE>body{background:url(http://09.images22.51img1.com/6000/qinghe1214/941c673b28e22fd22be2f944bb794f6d.gif);background-attachment:fixed}</STYLE><STYLE><!--.content { BACKGROUND-COLOR: TRANSPARENT;color:#000000;FONT-FAMILY:宋体;LINE-HEIGHT:27px;FONT-SIZE:20px} a:hover { color: purple; text-decoration: underline} a:link { color:red; text-decoration: none} a:visited { color: purple; text-decoration: none}--></STYLE>
楼主傲雪伴梅 时间:2012-11-25 13:39:19
  注意,上边的背景代码我们只需记住几个可以随需要进行换的地方可以了。哪些地方可以根据需要换捏?看下图标示的,就是可以根据需要变换的地方。
楼主傲雪伴梅 时间:2012-11-25 13:47:52
  背景图片,我一般是先把自己喜欢的图片上传天涯相册再用的,直接用外链接,图片很容易会失效了。 回复字体颜色我们可以到下面这个地址选取。你的背景是黑色的,那回复字体颜色就不可以选黑色的了,那样会看不到的。http://groups.tianya.cn/tribe/showArticle.jsp?groupId=749&articleId=58672
  
  回复字体大小就是更改那数字,现在上图的是20,数字改为21、22~等,字体就越大,反之,改为19、18~字体就越小。数越大字体越大,数越小字体越小。
  
  
楼主傲雪伴梅 时间:2012-11-25 13:52:50
  有的朋友说,我上传的图片明明是很大的,为什么编辑上去变很小了呢?这是因为你复制图片地址出问题了。正确方法:打开相册--打开图片--“ 查看原图 复制链接”,点“查看原图”得到那个地址,就是你上传图片的原地址了。
楼主傲雪伴梅 时间:2012-11-25 14:00:31
  背景部分就是这么简单。 边框比较复杂,因为边框可以千变万化的。我另外单独发帖。下面我要说的是 字体大小与颜色。
  
  先说颜色
楼主傲雪伴梅 时间:2012-11-25 14:08:59
  上面的代码是:<FONT COLOR=RED>先说颜色
  
  
  RED可以换成任何你想要的颜色。颜色可以是英文也可以是《颜色》帖里的色号:比如白色可以用white也可以用#FFFFFF
楼主傲雪伴梅 时间:2012-11-25 14:09:35
  字体和大小
楼主傲雪伴梅 时间:2012-11-25 14:11:47
  上面的代码: <font face=楷体_GB2312 size=4 color=green>字体和大小
  
楼主傲雪伴梅 时间:2012-11-25 14:12:20
  楷体_GB2312可以改成你想要的字体,比如宋体、黑体......
  size=4可以改变字体的大小,数字越大,字就越大!
楼主傲雪伴梅 时间:2012-11-25 14:12:54
  字体和大小
楼主傲雪伴梅 时间:2012-11-25 14:14:12
  上面的代码: <font face=黑体 size=6 color=blue>字体和大小
  
  大家可以看到字体改成了黑体
  字体大小改成了6
  颜色改成了蓝色
  
楼主傲雪伴梅 时间:2012-11-25 14:19:13
  学习了简单的字体大小颜色,下面介绍个复杂点的:
  <P align=left><FONT style="FILTER: WIDTH:100%; LINE-HEIGHT: 180%; FONT-FAMILY: 楷体_GB2312; COLOR: #4b0082; FONT-SIZE: 20px"><B>
  这里LINE-HEIGHT: 180%是行距。
  FONT-SIZE: 20px是另外形式字体大小。
  同理,数目越大相应就越大。
  下面就用这个代码试试:
    
  星光熠熠月如水,
  菊香幽幽,寒蛩正欢会。
  烂漫转眼随风飞。
  心意迷乱说与谁?
    
  溪畔牵手影双对。
  轻舞飞扬,呢哝两心慰!
  南柯一梦心欲碎。
  千里中秋共月醉!
  
楼主傲雪伴梅 时间:2012-11-25 14:20:12
  


  星光熠熠月如水,
  菊香幽幽,寒蛩正欢会。
  烂漫转眼随风飞。
  心意迷乱说与谁?
      
  溪畔牵手影双对。
  轻舞飞扬,呢哝两心慰!
  南柯一梦心欲碎。
  千里中秋共月醉!

楼主傲雪伴梅 时间:2012-11-25 14:25:45
  上面的代码和文字:
  <P align=left><FONT style="FILTER: WIDTH:100%; LINE-HEIGHT: 180%; FONT-FAMILY: 楷体_GB2312; COLOR: #4b0082; FONT-SIZE: 20px"><B>
  星光熠熠月如水,
  菊香幽幽,寒蛩正欢会。
  烂漫转眼随风飞。
  心意迷乱说与谁?
        
  溪畔牵手影双对。
  轻舞飞扬,呢哝两心慰!
  南柯一梦心欲碎。
  千里中秋共月醉!
  
  如果行距小,字体大,比如行距180改成80,字体20改成30,看看效果:
楼主傲雪伴梅 时间:2012-11-25 14:26:27
  


  星光熠熠月如水,
  菊香幽幽,寒蛩正欢会。
  烂漫转眼随风飞。
  心意迷乱说与谁?
        
  溪畔牵手影双对。
  轻舞飞扬,呢哝两心慰!
  南柯一梦心欲碎。
  千里中秋共月醉!
  

作者 :民工老陶2011 时间:2012-11-25 14:26:57
  是教给我的吗?!菜鸟前来学习/另求救如何插入音乐?
楼主傲雪伴梅 时间:2012-11-25 14:27:42
  这样挤在一起很难看吧?
  字大的话行距也要大些,现在行距改回180,字还是30:
 


  星光熠熠月如水,
  菊香幽幽,寒蛩正欢会。
  烂漫转眼随风飞。
  心意迷乱说与谁?
          
  溪畔牵手影双对。
  轻舞飞扬,呢哝两心慰!
  南柯一梦心欲碎。
  千里中秋共月醉!

作者 :民工老陶2011 时间:2012-11-25 14:29:36
  求教...变成求救了/
楼主傲雪伴梅 时间:2012-11-25 21:03:46
  如何插入音乐?
  --------------------------
  我习惯使用的播音器有隐形的播音器,代码如下:
  <EMBED align=middle src=音乐地址 width=0 height=0 type=audio/x-pn-realaudio-plugin autostart="true" loop="true" volume="200" exts="ra,ram" Init fn="load-types" mime-types="mime.types" ALT="(Random)"></EMBED>
楼主傲雪伴梅 时间:2012-11-25 21:05:18
  
楼主傲雪伴梅 时间:2012-11-25 21:06:01
  上面这个播音器的代码是:
  
  <EMBED height=198 type=application/x-shockwave-flash width=378 src=http://fl.binghe88.com/u/4765487/swf/5.swf?mp3=音乐地址&autoStart=yes&repeatPlay=yes&song=组长吧欢迎您&.swf wmode="transparent" quality="high">
楼主傲雪伴梅 时间:2012-11-25 21:07:14
作者 :斷刀98 时间:2012-11-26 08:41:35
  开课了?
作者 :竹海行文 时间:2012-12-12 14:36:43
  @傲雪伴梅 讲得非常仔细,最好由浅入深,辛苦了!
作者 :一面湖水szm 时间:2012-12-12 15:18:44
  @傲雪伴梅 来听课,来学习,欢迎大家一起来交流!
作者 :桃枝夭夭2012 时间:2012-12-14 21:34:08
  谢谢傲雪,辛苦1
作者 :我的心在飞扬2011 时间:2012-12-28 11:20:05
  非常实用的代码教程,来学习,来听课! 谢谢@傲雪伴梅
作者 :无与伦比18 时间:2013-03-16 07:26:13
  我全神贯注,如痴如醉了,为什么戛然而止啊?
作者 :心灵莲儿 时间:2013-03-23 07:02:22
   谢谢 @傲雪伴梅,辛苦
作者 :刘晨寂 时间:2013-03-24 01:44:29
  雪儿,俺现在最愁的是不知去哪埯剪音乐的地址,以前百度有,可现在没有了免费的午餐,
作者 :斷刀98 时间:2013-03-24 14:46:26
  @刘晨寂  30楼
    雪儿,俺现在最愁的是不知去哪埯剪音乐的地址,以前百度有,可现在没有了免费的午餐,
  
  -----------------------------------------------------------------------------
  酷狗
楼主傲雪伴梅 时间:2013-03-31 19:19:53
  @刘晨寂  30楼
    雪儿,俺现在最愁的是不知去哪埯剪音乐的地址,以前百度有,可现在没有了免费的午餐,
  -----------------------------------------------------------------------------
  用搜狗~
作者 :斷刀98 时间:2013-04-03 10:33:17
  @傲雪伴梅  32楼
    用搜狗~
  
  -----------------------------------------------------------------------------
  最近可安好?担心中~~~~
作者 :maojindaoABC 时间:2013-06-18 14:32:28
  学习
作者 :宝宝不哭D 时间:2013-09-27 17:48:35
  今天才发现雪儿姐的好帖,对于新学者真的非常实用。
作者 :不与莉花同梦 时间:2013-12-06 20:16:16
  @醉翁诗,这里可以学习.
作者 :醉翁诗 时间:2013-12-06 20:24:11
  @空城只有旧梦在  这里可以学习

相关推荐

    发表回复

    请遵守天涯社区公约言论规则,不得违反国家法律法规