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!』按右鍵加入我的最愛

在『サンプル画像定義ファイルダウンロード』按右鍵選擇另存目標
下載後得到一個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檔上傳到ファイルアップロード裡,並記下網址就可以了.
接著進入『新しく記事を書く』(新□文章介面),接著點我的最愛裡之前加入的『FC2 Blog EMOJI!』,應該會出來這個畫面,點繪文字設定,然後在画像定義ファイルURL輸入你先前上傳的JS檔的網址
繪文字載入成功時,介面會變成:
PS.繪文字和JS檔都可以直接上傳到『ファイルアップロード』(檔案庫)裡.
如果你想參考小倩設定的JS檔的話:http://blog6.fc2.com/p/petlife/file/fc2-1.js

在『サンプル画像定義ファイルダウンロード』按右鍵選擇另存目標

下載後得到一個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檔上傳到ファイルアップロード裡,並記下網址就可以了.

接著進入『新しく記事を書く』(新□文章介面),接著點我的最愛裡之前加入的『FC2 Blog EMOJI!』,應該會出來這個畫面,點繪文字設定,然後在画像定義ファイルURL輸入你先前上傳的JS檔的網址

繪文字載入成功時,介面會變成:
PS.繪文字和JS檔都可以直接上傳到『ファイルアップロード』(檔案庫)裡.
如果你想參考小倩設定的JS檔的話:http://blog6.fc2.com/p/petlife/file/fc2-1.js引用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設定錯誤了嗎?
TITLE:
SECRET: 0
PASS: fb469d7ef430b0baf0cab6c436e70375
這跟你目前用的這個版面的設定有關,原樣版的作者可能有設定圖片自動對左,我幫你看一下CSS的語法後,如果你不常用到文繞圖的功能的話,可以進入你目前所使用的樣版的CSS檔,將這段直接拿掉,不然文章裡如果有圖片的話,就會自動對左,並且在圖片的右邊和底下留15px的空白
.entry_text img {
padding: 0px;
margin-right: 15px;
margin-bottom: 15px;
float: left;
}
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;拿掉試試看就可以了
