2005年04月18日 15:48

FC2的繪文字終於試成功了

在FC2的文章輸入介面加上繪文字終於試成功了 小倩在IE怎麼試都失敗,後來用火狐狸才成功,然後如果繪文字的設定表一直載不進來時,可以先把瀏覽器的Temp檔和cookie清除,就可以正常載入了 另外如果把繪文字的圖片也一起傳到FC2的檔案庫裡,也比較容易設定成功了 詳細請見Log of Distractions的這篇文章:http://vera.blog2.fc2.com/blog-entry-30.html 另外按繼續閱讀可以看到小倩額外的補充教學

補充一下步驟: 進入這個網址:http://melrose.jugem.cc/?eid=292 在『FC2 Blog EMOJI!』按右鍵加入我的最愛 fc_face01.gif
在『サンプル画像定義ファイルダウンロード』按右鍵選擇另存目標 fc_face02.gif
下載後得到一個emoji_sample.js檔,用記事本打開,修改此部份 emojiList[emojiList.length]='<img src="圖檔1完整網址" width="16" height="16" style="vertical-align:middle" >'; emojiList[emojiList.length]='<img src="圖檔2完整網址" width="16" height="16" style="vertical-align:middle" >'; 存檔,將修改後的JS檔上傳到ファイルアップロード裡,並記下網址就可以了. fc_face03.gif
接著進入『新しく記事を書く』(新□文章介面),接著點我的最愛裡之前加入的『FC2 Blog EMOJI!』,應該會出來這個畫面,點繪文字設定,然後在画像定義ファイルURL輸入你先前上傳的JS檔的網址 fc_face04.gif
繪文字載入成功時,介面會變成: PS.繪文字和JS檔都可以直接上傳到『ファイルアップロード』(檔案庫)裡. 如果你想參考小倩設定的JS檔的話:http://blog6.fc2.com/p/petlife/file/fc2-1.js

  • petlife 發表於樂多回應(4)引用(1)FC2應用編輯本文
    │昨日人次:0 │累計人次:10
    Ads by Roodo! 

    引用URL

    http://cgi.blog.roodo.com/trackback/178544
    引用列表:
    c60853c0a954
    c60853c0a9544e05ce55【c60853c0a9544e05ce55】 at 2007年09月10日 07:28
    回應文章

    TITLE:
    SECRET: 0
    PASS: ef915029557d46f6bb0e812e74cb1a28
    繪文字的確令BLOG生色不少呢~^^

    不過加入繪文字的過程本來很成功的,但奇怪的是,顯示時會自動給我換行(汗)
    preview時是沒有這個問題的...
    是我的BLOG設定錯誤了嗎?
    | 檢舉 | Posted by Aya at 2005年04月30日 08:58

    TITLE:
    SECRET: 0
    PASS: fb469d7ef430b0baf0cab6c436e70375
    這跟你目前用的這個版面的設定有關,原樣版的作者可能有設定圖片自動對左,我幫你看一下CSS的語法後,如果你不常用到文繞圖的功能的話,可以進入你目前所使用的樣版的CSS檔,將這段直接拿掉,不然文章裡如果有圖片的話,就會自動對左,並且在圖片的右邊和底下留15px的空白
    .entry_text img {
    padding: 0px;
    margin-right: 15px;
    margin-bottom: 15px;
    float: left;
    }
    | 檢舉 | Posted by 小倩 at 2005年04月30日 12:32

    TITLE:
    SECRET: 0
    PASS: ef915029557d46f6bb0e812e74cb1a28
    原來我是那個版面的特別設定.....不過那隻□色bearbear真的很可愛><

    謝謝小倩幫我看,勞煩妳了^^|||

    愈來愈愛BLOG了~哈~
    | 檢舉 | Posted by Aya at 2005年04月30日 15:16

    TITLE:
    SECRET: 0
    PASS: fb469d7ef430b0baf0cab6c436e70375
    是啊~他們很多樣版都設了文章裡的圖強迫對左也就是”float: left;”,但每個樣版用的CSS名字都不同,所以就算我想寫教學,也不太好寫...因為你可能還要會看樣版的HTML檔才能知道這句話的CSS要怎麼找,可是不會自己找的話,下回換樣版時就會很麻煩,可以確定的是CSS名稱中會有一個img,就像你的是entry_text img,裡面的樣式,將float: left;拿掉試試看就可以了



    | 檢舉 | Posted by 小倩 at 2005年04月30日 16:09