如何在文章中加入图片

2007/09/25 18:30
Machi蚂蚁问到这个问题,想必然会有其他蚂蚁面对这个问题,所以写成Q&A放在这里,方便大家查询。

在文章中加入图片有两种形式:上载图片或链接图片。

上载图片是通过蚂蚁的后台程序在撰写文章时上传的附件。可以直接通过上传附件旁的按键快捷加入。要注意的是所上传的图片是直接针对当前文章存在的,换句话说你在文章A上传的文件,只能在文章A快捷引用,如果要在其他文章中共用,别的文章中就需要使用链接图片的方式呈现了。

上传图片的方式在操作手册(文章->撰写文章)中已经有简单的介绍,其实这非常直观、简单使用,自己实习一下就知道哪个按键是做什么用的了。

链接图片,简单的说就是直接使用HTML Code显示你所要的图片,这不管是在文章中或模板中都可以运用。这些图片的“物理位置”可以是储存在蚂蚁的网址以外(如Fliker或Picasa),或者是蚂蚁的网址中(举上面的例子就是了)。下面是一个简单的例子,如何在文章中加入链接图片:(使用Firefox做示范)

例子:我要把蚂蚁的部落图案放在我的文章中。

1. 首先我要从蚂蚁部落中找出这个部落图案的网络位置。


2. 再来进入源码编译模式。


3. 最后加入编码。



其它更加详细的使用方法可以参考这个网页
創用 CC 授權
Creative Commons License
本創作適用 姓名標示-非商業性-禁止改作3.0 創用 CC 授權,台灣並依循所適用的授權條款。
 相關文章 
TAG ,

有人回应

  1. machi 2007/09/25 19:13

    孙康,谢谢你。。。。

    我弄到了。。。

    原来是html代码弄错,所以才放不到。。。

    万分感激你~~~

    对了,怎么弄留言下面那些emotion??

    不好意思,一直打扰你。。。。

    perm. |  mod/del. |  reply.
  2. machi 2007/09/25 19:50

    管理员,不好意思。。。。

    一下子,电脑当机所以发了那么多留言给你。。。

    不好意思。。。。

    perm. |  mod/del. |  reply.
    • 孙康 2007/09/25 20:38

      我还在想怎么文章这么受欢迎,一下子就有了13个留言。。。[E|nothing_to_say]



      都删了!:)

  3. 輝仔 2007/09/26 17:10

    老大~窩都再等你的回覆哦= =

    現在無聊到要死也

    perm. |  mod/del. |  reply.
    • 孙康 2007/09/27 10:14

      啊?不是已经在你的部落回覆了吗?

    • 輝仔 2007/09/27 10:59

      沒有也

      我只是收到你的信件

      說申請螞蟻了

      但是還要等消息!!

      我2格星期沒真正的BLOG了

    • 孙康 2007/09/27 19:16

      已经开通。检查你的户口。

我要回应!

这是新加入的表情插件:GUN Emoticon。

这插件提供蚂蚁们自己设置自己喜欢的表情图标,而不必所有人使用单一图标。这可以让个人风格更加特出,而且也加强了页面中的互动能力。

功能:自动转换预设的表情标签为表情图片。如 :) 将显示为  :P 将自动转换成

设置方式:
  1. 进入【插件】,启动【GUN Emoticon】。
  2. 按下【设定】。
  3. 按照画面指示来进行就可以了。
  4. 完毕后记得要按下储存按键,否则刚做好的设定,全都会消失不见哦!
设置模板:(如果不要让游客可以选择表情图片,可以跳过这个步骤)
  1. 进入【模板】-> 按下【编辑模板】。
  2. 寻找 textarea 这个关键字,然后在适合位置加入
一般上共有两个可以让游客输入的地方:留言板和发表区。如有需要,可以选择只放一处。但要注意的是,如果输入中包含了所设置的标签,这插件的作用也会出现的哦!

下面是一些抓图,如果不明白上面说的,就让这作为补充吧~
用户插入图片

插件画面。

《图一:插件画面》


《图二:表情标签和图片的设置及管理处》


《图三:增加表情图片时的窗口画面。在表情图标处输入你要的表情标签就行了!》


注意:
  • 一个表情标签,对应一个表情图片。
  • 表情标签可以是任何字(除了>和<不能使用!)。
    • 例子:
      • 关键字:
        • [emo:happy][E|big_smile]
        • e_sad[E|cry]
        • e.nothing_say[E|nothing_to_say]
      • 符号:
        • :)
        • :'(
        • =.=
没有表情图片可用?放心,孙康已经准备了一些,到这可以下载。

照常,有什么问题,在这回复就好了![E|happy]

相关文章:Q&A:如何设置Emoticon功能


創用 CC 授權
Creative Commons License
本創作適用 姓名標示-非商業性-禁止改作3.0 創用 CC 授權,台灣並依循所適用的授權條款。
 相關文章 
TAG

有人回应

  1. terence.j 2007/08/08 03:16

    cry~~



    thx you~^_^[E|super_man]

    perm. |  mod/del. |  reply.
  2. mandy 2007/08/08 14:17

    我try了!謝謝你的指道啊![E|bad_smile]

    perm. |  mod/del. |  reply.
    • 孙康 2007/08/08 15:20

      昏~ 怎么回复这么多次啊?[E|nothing_to_say]

      狠起心来,把其他都删了。。。[E|scorn]哈哈~[E|victory]

  3. 卡娃宙依Kawazoe 2007/08/09 09:36

    就是说,可以放任何自己喜欢的emotion图?

    perm. |  mod/del. |  reply.
    • 孙康 2007/08/09 10:38

      当然可以!之前就一直在找。。。还好最后被我找到了!



      你应该有自己的表情图片吧?还不赶紧放进去?![E|happy]

  4. 潘榴莲 2007/08/09 21:51

    旁边要怎样增加板块啊?我要放聊天室

    perm. |  mod/del. |  reply.
    • 孙康 2007/08/10 10:28

      最简单的方法:

      1. 进入【编辑模板】。

      2. 找sidebar这个关键字。

      3. 把你的聊天室放在适当的地方。



      需要注意的是必须用<div></div>把你的聊天室框起。

      自己试一下,不能的话我帮你搞定。。。:)

    • 潘榴莲 2007/08/10 23:50

      弄到很不漂亮……有没有CSS例子?

    • 孙康 2007/08/11 10:48

      你要什么例子?



      到你的页面看过了。也修改过了。要学CSS?我可以提供网站。

  5. 闻舒 2008/03/19 22:50

    你说把[##_GUNEmotion_##]放在适当的位置,什么是适当的位置呢?

    我尝试照办了,但似乎没有反应哦。=.=|||

    perm. |  mod/del. |  reply.
  6. 闻舒 2008/03/19 22:53

    我点击下载你所准备的表情图片也不成功耶!=.=|||

    perm. |  mod/del. |  reply.
我要回应!

Q&A:如何设置Emoticon功能

2007/08/01 00:51
有很多都问我,我下面这些可爱的Emoticon,是如何设置的?
用户插入图片


其实这需要一些手动的设定才可以完成。由于早前孙康忙着开张事宜,所以到现在都还没能够把这个设置方法写出来。(虽然写这章目时,聚合画面和管理处都还没作好。。。)现在只好亡羊补牢咯~(看在孙康这么晚还写出这章目,给我一点掌声啦~ :P)

好了废话少说,其实设置非常容易,只要有一点点HTML的基础,或用一点点时间实习,就可以搞定。
[20070808增加]事先说明:这套表情不适合用于黑色背景的页面哦!

两个步骤:

  1. 先进入【插件】然后找出【

    表情插件

    】,启用。
  2. 然后进入【模板】-->【编辑模板】,增加表情插件源码,储存后就行了。
    • 详情看这<==

我会在完成所有聚合页面功能后,再化时间在所有适用这Emoticon的模板上加入它的源码,那往后转换模板时就不必重新调整过了。

有什么问题,在这发问吧!

相关文章:Q&A:如何设置Emoticon功能(GUN Emoticon版本)
創用 CC 授權
Creative Commons License
本創作適用 姓名標示-非商業性-禁止改作3.0 創用 CC 授權,台灣並依循所適用的授權條款。
 相關文章 
TAG ,

有人回应

  1. zk 2007/08/08 03:12

    我还是弄不成功

    perm. |  mod/del. |  reply.
    • 孙康 2007/08/08 10:18

      你打少了个c。。。正确的是Emoticon,但你打成Emotion。。。[E|nothing_to_say]



      已经帮你修改过了,现在没问题啦~只是页面上要自己调整。

      另外这套表情并不适合黑色背景的页面,自己考虑要不要用吧~[E|unhappy]

  2. caera 2007/09/21 20:30

    我试了很多很多次,看孙康的指示看到电脑要烂了,还是弄不到。

    [E|cry][E|cry][E|cry][E|cry][E|cry]

    perm. |  mod/del. |  reply.
  3. caera 2007/09/22 10:27

    还是弄不到。

    ×文章下面×的留言板还是没有显示emoticon

    ×留言页×的留言板虽然显示了可是留言页面的设置很像乱掉了

    [E|cry][E|cry][E|cry][E|cry][E|cry][E|cry][E|cry][E|cry]

    perm. |  mod/del. |  reply.
    • 孙康 2007/09/24 18:03

      是放错位置了。注意源码的开关要符合才行。



      再试看吧~要不然明天我再帮你弄。

  4. machi 2007/09/29 23:48

    为什么还是弄不到。。。。。。。。[E|nothing_to_say]

    perm. |  mod/del. |  reply.
    • 孙康 2007/09/30 13:24

      你的页面中已经有看到了哦。。。只是留言簿中的没见到而已。稍微调整一下就好了。再试试?[E|big_smile]

  5. Edit 2008/03/06 21:28

    HTML???(太高兴了!)

    perm. |  mod/del. |  reply.
  6. Edit 2008/03/06 21:28

    HTML???(太高兴了!)

    perm. |  mod/del. |  reply.
  7. Edit 2008/03/06 21:28

    HTML???=.=|||

    perm. |  mod/del. |  reply.
我要回应!