<< コメントに絵文字を・・・・正式版への対応 | main | 【カスタム】記事へのリンク先変更 >>
スポンサーサイト

一定期間更新がないため広告を表示しています

| - | | - | - |
【カスタム】絵文字をコメントにも・正式版対応
正式版がや〜〜〜っと稼働したようです。が、正式版ではいくつか変わった部分があり、コメントに絵文字を表示するスクリプトは、以前のままですと動かなくなっています悲しい
バグを数度見つけたことに対する、いじめか??(^^;)イヤジョウダンデスヨ>JUGEMスタッフ

元記事の修正も一度したのですが、ごっちゃになってかえって分かりづらくなってしまったため、新記事を起こしました。ご確認下さい。


p.s.一体、このネタだけでいくつ記事を書くんだろう・・・・>σ(゚∀゚ ∬オレ
今回修正した箇所は青字で表示されています。新規で追加される場合は青文字は気にせずに全コードを入れて下さい。
なお、現在のところ、隠し絵文字の画像がないため表示されないようですが、正式版の変換と同様のパスにとりあえず修正してあります。

1.</HEAD>の前に、以下のコードを追加
<script type="text/javascript" src="/admin/js/admin.js"></script>
<script language="javascript" type="text/javascript"><!--
//絵文字入力開閉
function inputTagShowHideComment(id, image){
  var disp = document.getElementById(id).style.display;
  if(disp == "block"){
    document.getElementById(id).style.display = "none";
    document.getElementById(image).src = "/admin/img/tool_img/emoji_on.gif";  //開く画像を指定
  }else{
    document.getElementById(id).style.display = "block";
    document.getElementById(image).src = "/admin/img/tool_img/emoji_off.gif";  //閉じる画像を指定
  }
  return false;
}
// -->
</script>

管理画面で使用しているスクリプトの組み込みと、コメント用の「絵文字」ボタンの画像切り替えが管理画面の関数では動作しないため、新たにコードを追加しています。
開閉の画像を変更したい場合は、スクリプト内の/admin〜.gifの部分を新しい画像に変更してください。

2.コメントのformに赤字部分を追加
<form name="form1" action="./?mode=comment" method="post">

既に、nameが追加されているときは、form1に変更するか、今のままで下記3のform1変更するか・・・

3.<label for="description">comments:</label>の次に、以下のコードを追加。
<div class="text">
<img src="/admin/img/tool_img/emoji_on.gif" width="42" height="19" onclick="inputTagShowHideComment('text1', 'inputag_button1')" title="絵文字入力ツール" id="inputag_button1" />

</div>
<div class="text" id="text1" style="display:none;">

<script language="javascript" type="text/javascript"><!--
var aEmoji = new Array(
  Array( '嬉しい', '/admin/img/emoji/a01.gif' )
  ,Array( '楽しい', '/admin/img/emoji/a02.gif' )
  ,Array( '悲しい', '/admin/img/emoji/a03.gif' )
  ,Array( '怒り', '/admin/img/emoji/a04.gif' )
  ,Array( 'びっくり', '/admin/img/emoji/a05.gif' )
  ,Array( 'ショック', '/admin/img/emoji/a06.gif' )
  ,Array( 'ときめき', '/admin/img/emoji/a07.gif' )
  ,Array( '冷や汗', '/admin/img/emoji/a08.gif' )
  ,Array( 'しょんぼり', '/admin/img/emoji/a09.gif' )
  ,Array( '懺悔', '/emoji/zange.gif' )
  ,Array( '男', '/admin/img/emoji/a10.gif' )
  ,Array( '女', '/admin/img/emoji/a11.gif' )
  ,Array( 'イエイリ', '/emoji/ieiri.gif' )
  ,Array( '拍手', '/admin/img/emoji/a12.gif' )
  ,Array( 'グッド', '/admin/img/emoji/a13.gif' )
  ,Array( 'バッド', '/admin/img/emoji/a14.gif' )
  ,Array( '聞き耳を立てる', '/admin/img/emoji/a15.gif' )
  ,Array( '見る', '/admin/img/emoji/a16.gif' )
  ,Array( '抱擁', '/admin/img/emoji/a17.gif' )
  ,Array( '晴れ', '/admin/img/emoji/b01.gif' )
  ,Array( '曇り', '/admin/img/emoji/b02.gif' )
  ,Array( '雨', '/admin/img/emoji/b03.gif' )
  ,Array( '雪', '/admin/img/emoji/b04.gif' )
  ,Array( '雷', '/admin/img/emoji/b05.gif' )
  ,Array( '強風', '/admin/img/emoji/b06.gif' )
  ,Array( '霧', '/admin/img/emoji/b07.gif' )
  ,Array( '月', '/admin/img/emoji/b08.gif' )
  ,Array( '電車', '/admin/img/emoji/c01.gif' )
  ,Array( '飛行機', '/admin/img/emoji/c02.gif' )
  ,Array( '車', '/admin/img/emoji/c03.gif' )
  ,Array( '自転車', '/admin/img/emoji/c04.gif' )
  ,Array( '船', '/admin/img/emoji/c05.gif' )
  ,Array( 'バス', '/admin/img/emoji/c06.gif' )
  ,Array( '学校', '/admin/img/emoji/d01.gif' )
  ,Array( '家', '/admin/img/emoji/d02.gif' )
  ,Array( 'ビル', '/admin/img/emoji/d03.gif' )
  ,Array( '病院', '/admin/img/emoji/d04.gif' )
  ,Array( '犬', '/admin/img/emoji/e01.gif' )
  ,Array( '猫', '/admin/img/emoji/e02.gif' )
  ,Array( '鳥', '/admin/img/emoji/e03.gif' )
  ,Array( '魚', '/admin/img/emoji/e04.gif' )
  ,Array( '馬', '/admin/img/emoji/e05.gif' )
  ,Array( '豚', '/admin/img/emoji/e06.gif' )
  ,Array( '赤ちゃん', '/admin/img/emoji/e07.gif' )
  ,Array( '子供', '/admin/img/emoji/e08.gif' )
  ,Array( 'おばけ', '/admin/img/emoji/e09.gif' )
  ,Array( '映画', '/admin/img/emoji/f01.gif' )
  ,Array( '食事', '/admin/img/emoji/f02.gif' )
  ,Array( '美容室', '/admin/img/emoji/f03.gif' )
  ,Array( '読書', '/admin/img/emoji/f04.gif' )
  ,Array( '温泉', '/admin/img/emoji/f05.gif' )
  ,Array( 'カラオケ', '/admin/img/emoji/f06.gif' )
  ,Array( 'サッカー', '/admin/img/emoji/g01.gif' )
  ,Array( 'サーフィン', '/admin/img/emoji/g02.gif' )
  ,Array( 'スキー', '/admin/img/emoji/g03.gif' )
  ,Array( 'ジョギング', '/admin/img/emoji/g04.gif' )
  ,Array( '水泳', '/admin/img/emoji/g05.gif' )
  ,Array( 'テニス', '/admin/img/emoji/g06.gif' )
  ,Array( 'ゴルフ', '/admin/img/emoji/g07.gif' )
  ,Array( '野球', '/admin/img/emoji/g08.gif' )
  ,Array( '携帯', '/admin/img/emoji/h01.gif' )
  ,Array( 'ビール', '/admin/img/emoji/h02.gif' )
  ,Array( '熱燗', '/admin/img/emoji/h03.gif' )
  ,Array( 'ホットコーヒー', '/admin/img/emoji/h04.gif' )
  ,Array( 'ソフトクリーム', '/admin/img/emoji/h05.gif' )
  ,Array( 'ラーメン', '/admin/img/emoji/h06.gif' )
  ,Array( 'おでん', '/admin/img/emoji/h07.gif' )
  ,Array( 'パン', '/admin/img/emoji/h08.gif' )
  ,Array( 'ハンバーガー', '/admin/img/emoji/h09.gif' )
  ,Array( '靴', '/admin/img/emoji/h10.gif' )
  ,Array( 'ペン', '/admin/img/emoji/h11.gif' )
  ,Array( 'メール', '/admin/img/emoji/h12.gif' )
  ,Array( 'PC', '/admin/img/emoji/h13.gif' )
  ,Array( 'テレビ', '/admin/img/emoji/h14.gif' )
  ,Array( '花', '/admin/img/emoji/h15.gif' )
  ,Array( '植物', '/admin/img/emoji/h16.gif' )
  ,Array( 'お金', '/admin/img/emoji/h17.gif' )
  ,Array( '工具', '/admin/img/emoji/h18.gif' )
  ,Array( '王冠', '/admin/img/emoji/h19.gif' )
  ,Array( 'おにぎり', '/admin/img/emoji/h20.gif' )
  ,Array( '時計', '/admin/img/emoji/h21.gif' )
  ,Array( 'ケーキ', '/admin/img/emoji/h22.gif' )
  ,Array( 'プレゼント', '/admin/img/emoji/h23.gif' )
  ,Array( 'ゲーム', '/admin/img/emoji/h24.gif' )
  ,Array( 'CD', '/admin/img/emoji/h25.gif' )
  ,Array( 'カメラ', '/admin/img/emoji/h26.gif' )
  ,Array( '銃', '/admin/img/emoji/h27.gif' )
  ,Array( '桜', '/admin/img/emoji/h28.gif' )
  ,Array( '!', '/admin/img/emoji/i01.gif' )
  ,Array( '?', '/admin/img/emoji/i02.gif' )
  ,Array( '!?', '/admin/img/emoji/i03.gif' )
  ,Array( 'ラブ', '/admin/img/emoji/i04.gif' )
  ,Array( '失恋', '/admin/img/emoji/i05.gif' )
  ,Array( 'OK', '/admin/img/emoji/i06.gif' )
  ,Array( 'マル秘', '/admin/img/emoji/i07.gif' )
  ,Array( '祝', '/admin/img/emoji/i08.gif' )
  ,Array( 'zzz', '/admin/img/emoji/i09.gif' )
  ,Array( '怒りマーク', '/admin/img/emoji/i10.gif' )
  ,Array( '汗', '/admin/img/emoji/i11.gif' )
  ,Array( 'スペード', '/admin/img/emoji/i12.gif' )
  ,Array( 'クローバー', '/admin/img/emoji/i13.gif' )
  ,Array( 'ハート', '/admin/img/emoji/i14.gif' )
  ,Array( 'ダイヤ', '/admin/img/emoji/i15.gif' )
);

for ( i in aEmoji ) {
  document.write( '<a href="javascript:;" onClick="addEmoji(document.form1.description,¥''
    + aEmoji[i][0] + '¥');" title="' + aEmoji[i][0] + '"><img src="'
    + aEmoji[i][1] + '" width="15" height="15"></a>¥n');
}
// -->
</script>
</div>



ただ、テンプレートによっては画像の枠が出る場合がありますので、その場合は・・・
.text img{
border: none 0px #FFFFFF;
}
をCSSに追加して下さい。

[8/22追記]画像変更箇所・説明をコメントで追記

*** 役に立ったと思われましたら、下の広告などをポチッと押してもらえると助かります汗 ***
| [Custmize]JUGEM | 16:24 | comments(63) | trackbacks(5) |
スポンサーサイト
| - | 16:24 | - | - |
コメント
さっそく、使わせていただきました☆
7/20の記事を見れたので、自分でいじってみたのですが
イマイチうまくいかず困っていたので、本当にウレシーです。
いつもお世話になりっぱなしでスミマセン。
ありがとうございます☆
P.S.このネタ以外も楽しみにしてますょ。また来ますー!
| あいり〜 | 2004/07/26 8:50 PM |
早速のご対応、ありがとうございました!
開閉のためのスクリプトも必要だったんですね……

ワタシも今後も楽しみにしております。
ボチボチと、便利(おもしろ?)改造、してください。待ってますv
| yuki | 2004/07/27 12:54 AM |
復旧と同時に対応ありがとうございます嬉しい
これからも新対応改造楽しみに待っていますねぇ
| kazu | 2004/07/27 2:36 AM |
あいり〜様、yuki様、kazu様
 横着したために新たに対応する必要が出てしまい、申し訳ありません
懺悔←多分まだでないでしょうけど、懺悔です。
 開閉のスクリプトは、システムのスクリプトだと/admin/のパスでの動作が前提となっていたため、そのままでは使えないため、新たに作る必要がありました悲しい。といっても、関数名変えて、画像のパスを変えただけですけど・・・・汗汗
 その代わり、スクリプト内にある画像のパスを変更すれば、開閉の画像を変更できますので、変更したい方はどうぞ。
 なんか皆さんから、新ネタの要望が嬉しい汗・・・・プレッシャーだなぁ〜  お笑い芸人と違ってネタってなかなか思い浮かばないんですよね。どちらかというと、他の人の「こうしたい」ってのを実現する方が楽ですし・・・・助け合い板でstrollさんとネタの取り合いになったりして・・・楽しい汗
 しばらくは小ネタ放出で対応予定!?
| まめ | 2004/07/27 10:16 AM |
まめさん 早速修正してみた所
出来ました〜〜ラブ
ありがとうございました!!

ブログは初心者なので、これから何かとお世話になる機会が増えそうです汗
お気に入り(MyblogList)に登録させていただきました。
これからもよろしくお願いします!

で。この際なのでもう一つお聞きしてもよろしいでしょうか。
トラックバックのことなのですが・・・
トラックバックをする際、過去の記事(自分の)を使ってもいいのでしようか?
最新記事でなくてはならない?なんてことはないですよね?
すみません、、何も解らなくて。
教えて下さい・・
| ぱぷりか | 2004/07/28 5:37 PM |
ぱぷりか様
無事に動作したようで、一安心です。
>トラックバックをする際、過去の記事(自分の)を使ってもいいのでしようか?
>最新記事でなくてはならない?なんてことはないですよね?
過去の記事でも、問題はないと思いますが、トラックバックをする場合の暗黙的なルールとして、
1.トラックバック先の記事と関連する記事であること
2.基本的に相手記事へのリンクを張ること
となっています。
トラックバックは、相手の記事には自分の記事にリンクされますが、自分の記事には記事内で書かないと相手の記事にリンクされないため、特に1.も満たしていないと、一方的に自分の記事を宣伝する行為=トラックバックスパムと判断される場合があるからです。
上記の点さえ注意すればよいかと思いますよ。
| まめ | 2004/07/28 6:35 PM |
そうだったのですか・・・・
1.のことは理解していましたが、2.のことは知りませんでした。。

>2.基本的に相手記事へのリンクを張ること

とはどういうことなのでしょうか?
ただ自分のリンクリストに相手を登録している(またはする)ということではなく?、トラックバックした記事内に、相手のリンクを貼る?入れる?
ということなのですか??
後者なら 使いたい過去の記事に
“この記事は○○さんにトラックバックしています”みたいな但し書き?のような文面をつけ足さなければいけなくなりますか?
| ぱぷりか | 2004/07/28 7:19 PM |
ぱぷりか様
前に書いたのは、あくまで「基本的に」ですので、受け止め方はトラバ先の人の判断によると思います。
トラックバックは相手に自分の記事へのリンクを張れるという非常に便利な機能ですが、先に書いたとおり、やり方によっては相手に宣伝行為と取られるおそれもあります。ですから、原則として相互リンクが望ましいということです。
とまぁ、ここまではあくまでトラバをする上での注意点だったのですが・・・ひょっとして、トラバ先はうちのことだったのかな?汗汗
でしたら、あまり形式張って考える必要はないですけよ楽しい
まぁ、↓みたいなのはネタにしますけど冷や汗
http://mamejiro.jugem.cc/?eid=99
| まめ | 2004/07/28 10:49 PM |
まめさん おはようございます!
相互リンクの意味だったのですね。了解しました。
ただ、私のブログにトラバして下さった中で、相互していない方が突然に..というケースがあったもので・・・
(内容は勿論、関連記事でした)
お気に入り登録もトラックバックも特にルールなどなく、自由なのかな..と思っていた次第です。^^;

>ひょっとして、トラバ先はうちのことだったのかな?
あ、違います汗
昨日トラバして下さった方がいらして、そのトラバの内容と全く同じ記事を過去に掲載したことがあったので、どうしてもその方にトラバしてみたくなりました・・・

http://mamejiro.jugem.cc/?eid=99
( ̄−  ̄ ) ンー。。。
すごい方がいらっしゃるのですねぇ。。。
勉強になりました・・・




| ぱぷりか | 2004/07/29 7:41 AM |
使わせていただきました。
みんなびっくりして楽しいすると思います。
ありがとうございました。
| まさやん | 2004/07/30 8:13 PM |
まさやん様
ご訪問ありがとうございます。
みんなびっくりするかはわかりませんが、楽しいしてくれるとうれしいですね。
ネタを見つけたらまた公開していきますのでよろしく嬉しい
| まめ | 2004/08/01 1:31 PM |
はじめまして
スクリプト使わせていただきました。
コメントにも絵文字が入ると楽しいですね楽しい
ありがとうございました。
| ふにゅ | 2004/08/17 11:54 PM |
はじめまして!
コメントのところには絵文字ないのかー悲しい
思っておりました!
スクリプト、使わせていただきました桜
ありがとうございました。
また、おじゃまさせていただきたいです。
| まつ | 2004/08/18 6:28 AM |
初めまして嬉しい
いろいろスクリプトを使わせて頂いてます。

今回、【絵文字をコメントにも】を設置させていただき、
正常に動作するのですが・・・

絵文字(月電車とかの)周りの赤(紫?)線の枠をのける事はできますでしょうか?
テンプレートの方の設定でこうなってしまってるのでしょうか?

テンプレートは【pict】です。

駄文失礼しましたm(_ _)m
| ut044 | 2004/08/18 12:39 PM |
ふにゅ様、まつ様、ut044様
訪問&コメントありがとうございます。有効活用してください〜

ut044様
枠線が出る場合は、記事の最後にCSSの追加方法を記載していますので、そちらを適用してみてください。それでだめでしたら、ご連絡下さい。
| まめ | 2004/08/18 12:47 PM |
Σ(゚Д゚; ぁ・・・
俺としたことが・・・_| ̄|○
記事の最後にCSSの追加方法のやつを、文を焦って読んでたらしく勘違いしてました(反省冷や汗

CSSを追記したところバッチシ直りました^^;(トホホ
迷惑をおかけしました。すみませんm(_ _)m


これからもイロイロ参考にさせていただきます。

|-`).。oO(予告のが凄く気になりますw)
| ut044 | 2004/08/18 3:02 PM |
Σ(`д´*ノ)ノ
文末に間違って文がはいっちゃいましたTT
なんか、板汚しになってしっまってすんません(;´Д`)

予告ってなんだろぅ(自分で言うな
| ut044 | 2004/08/18 3:08 PM |
こんばんは。はじめまして。
スクリプト使わせて頂いてます!
コメントに絵文字があればな〜って思ってたので、
すごくうれしいです。嬉しい
どうもありがとうございました。
| みつまめ | 2004/08/20 2:26 AM |
まめさん また質問させて下さい。
今 別のテンプレでカスタマイズ中なのですが、
絵文字の枠線を取ることは出来ると思うのですが
まめさんのように、絵文字の地色(白)を
テンプレの色に合わせるのは(白地をなくす)
どこを修正すればいいのか教えて下さい。
| ぱぷりか | 2004/08/21 11:03 AM |
男ut044様
気になさらないでください。前の記事でも同じ勘違いをされてた人もいたし、わかりづらいのかな〜とは思っています。
予告ってなんだろう・・・・(オレも言うな
女みつまめ様
コメントありがとうございます楽しいお役に立てて私もうれしです嬉しい
女ぱぷりか様
ウチでは特に何もやっていません。背景と同色にするためには画像が透過GIFなのですが、絵文字はJUGEMのものですので・・・汗
なんでだろう?
| まめ | 2004/08/21 12:16 PM |
まめさん こんにちは。
昨日の件は解決しました。
画像のpict?でしたっけ?あれが曲者でした。
それをとっぱらったら、こちらのように白地が出ずに表示されるようになりました。^^

今日はまた別件で・・・
テンプレートを別なものに変更したのですが
引き続き、絵文字のスクリプトを使わせていただいて
そのままコピペして貼りつけたつもりだったのですが
いざ、コメントする時 一覧表示はされているのに
絵文字をクリックしても入力が出来ません・・
何か落っことしてしまったのでしょうか?
出来たら見てほしいのですが・・・
すみません!汗お忙しいのに。。
よろしくお願いします!!
| ぱぷりか | 2004/08/22 10:05 AM |
女ぱぷりか様
サイト確認してみました。ウチの記事で言うと2番目の修正が入っていないようですね。ざっと見た感じでは、他には問題はなさそうです。
あと、あのテンプレートですと絵文字の開閉画像がちょっと浮いて見えますねぇ〜
記事内に画像変更の場所を追記してきましたので、必要があれば変更してみてください。
| まめ | 2004/08/22 11:14 AM |
あちゃ〜〜汗
忘れてましたーー(>_<)
修正したら出来ました拍手
ありがとうございました!

>あのテンプレートですと絵文字の開閉画像がちょっと浮いて見えますねぇ〜

そうなんですか?
私はこちらと同じ見え方です。
ブラウザの違い?ですか?
| ぱふりか | 2004/08/22 12:54 PM |
女ぱぷりか様
背景色とあってないかなぁ〜と思っただけです汗汗
あまり気にしないでください
| まめ | 2004/08/22 1:52 PM |
はじめまして。
スクリプト使わせていただきました。
やはり,コメントにも絵文字があると嬉しいですよね。
ありがとうございました。植物
| Rie。 | 2004/08/26 9:17 PM |
はじめまして楽しい
今回リニュをした時に、コメントに絵文字は出せないのかなぁ。。。と
四苦八苦してて、あちこちのサイトさんを飛んでる間にこんな時間に汗
まめの一言様のところに来れたのは、まさに神のお導きか?と思ってるところですびっくり
もちろん早速スクリプトお借りしました。
有難うございましたハートハート
| チュラ | 2004/08/27 1:26 AM |
女Rie。様
利用していただけるのが一番の励みになります。ありがとうございます楽しい
女チュラ様
サルベージご苦労様です。結構あちこちで使用されているようなのですが、大変でしたか?
| まめ | 2004/08/27 2:08 AM |
こんばんは、初めまして。
こちらのスクリプトを使わせていただきました。
ありがとうございました。
| がんちゃん | 2004/08/27 10:05 PM |
はじめまして

コメントにも絵文字が使えるようにできないのかな?
と、お友達に言われて早速使わせて頂きましたラブ
ありがとうございました嬉しい
| セーラ | 2004/08/28 11:18 AM |
女がんちゃん様
女セーラ様
コメントありがとうございます。コメントでバリバリ絵文字を使用して、有効活用されてください。楽しい
| まめ | 2004/08/28 10:24 PM |
初めまして・・・
スクリプト、使わせて頂きました。ありがとうございます。
コメントにも絵文字を使えたらなあと思い、いろいろ探し周り、まめ様の所に辿り着きました。
絵文字があると賑やかになって楽しいですよね♪
| みねママ | 2004/08/31 3:11 PM |
女みねママ様
サルベージご苦労様です。
>絵文字があると賑やかになって楽しいですよね♪
そうですね。それと記事と違いコメントはやりとりが生じますので、文字だけのコミュニケーションでは伝わりにくい感情なども表現できるので、よりグッドと思っています。楽しい
| まめ | 2004/09/01 10:50 AM |
まめさん、はじめまして(だったかな?助け合い広場で助けられているような気も…)

このスクリプト、使わせていただきました。コメント部分も色鮮やかになって楽しさ倍増!
絵文字のセンスがイマイチなのは、JUGEMのセンスですが、これは変えられないんですよねぇ。新しく追加したりとかもできないんですよねぇ。(決して解決方法を要求しているわけではありません。 にっこり)
ところで、絵文字の「スキー」スキーっていう絵が、一体何を描いたものなのかさっぱり分からないのは私だけでしょうか。ここ何日か考えてます。
| bonbon | 2004/09/01 1:50 PM |
女bonbon様
絵文字のセンスは、センスのない私としてはノーコメントで汗汗
新しい絵文字は、自分で画像を作って画像として載せるしかないかと思います。
スキーは板を履いた時の足下だと思ってるのは私だけ?
| まめ | 2004/09/02 6:22 PM |
まめ様、こんばんわぁ楽しい
先日は絵文字スクリプトお借りしまして
大変役立ち、楽しんで使用させて頂いてます。
有難うございました楽しい
これからもいろいろと参考にさせて頂くと思いますので
BPにリンク貼らせて頂きました。
事後報告ですみません汗
最近、重くて重くて。。。ご連絡が遅くなり。。。(言い訳汗

| チュラ | 2004/09/02 10:26 PM |
はじめまして!スクリプト使わせていただきます!

以前は自力でナントカやってたんですけど
コレでスッキリです。晴れ

これからもヨロシクお願いいたします!

p.s.BLOGPEPLE追加させて頂きました。
| reliance | 2004/09/05 11:35 AM |
女チュラ様
男reliance様
訪問&コメントありがとうございます。
BPは逐次チェックして相互リンクに追加していますので、ご確認下さい(最大20件表示ですが^^;)
| まめ | 2004/09/07 11:44 AM |
こんにちわ。
絵文字の収納場所が変わったのか、システムが変わったのか良くわからないのですが、
/admin/img/emoji/***.gif
が、
/emoji/***.gif
になったみたいです・・・
今までのアドレスでも表示されるんですけど、透過されてないようです。(記事になったら透過されるんですけど)
背景が白の場合はぜ〜んぜん問題なしなんですけど、今回背景に色をつけて判明した事実(^^ゞ

なので、スクリプトの方、勝手に変えさせていただきます。
m(__)m
(正確にはスクリプト自体じゃないんですけどね汗
| yuki | 2004/09/08 9:01 AM |
女yuki様
 連絡ありがとうございます。記事で使われる絵文字が/emoji/なのは知っていたのですが(隠れ絵文字だけはそのパスに冷や汗)、ここでは、記事投稿に使用されている絵文字のパスを指定していました。ただ、そっちのパスが変わったようで、今までは自サーバ内だったのが、すべてhttp://static.jugem.jp/admin/〜となっているようですね。
 β版の時は、確か記事投稿の絵文字はアニメGIFじゃ無かったと記憶していたので、軽い方に合わせた気が(昔のことで覚えていない汗汗)するのですが、今はどっちも同じですし、記事表示に合わせた方が良いのかもしれませんね。検討してみます。
 p.s.この記事直すか、新記事おこすか・・・・・
| まめ | 2004/09/08 11:13 AM |
とりあえず、ご報告。
JUGEM側が画像の扱いを試行錯誤しているようで、見るたびにリダイレクト先が変わっています。[id].static.jugem.jpだったり、images0.jugem.jpやstatic.jugem.jpだったり・・・
ちなみに今は/emojiはimgsrc.jugem.jpにリダイレクトされ、/admin/imgはリダイレクトせずにそのままです。
ですので、画像の読み込みを早くするのであれば、yuki様と同様に、すべてのパスを/admin/img/emoji→/emojiに変更するか、/admin→http://static.jugem.jp/adminに変更する方よさそうです。
ただし、JUGEMが安定するまでは変わるおそれもあるため、記事はそのままとしておき、対策を考えておきます。
| まめ | 2004/09/14 11:22 AM |
はじめまして!
みずきさんのHPから来ました。
早速使わせていただきましたが(border="0")だけ
付け加えさせていただきました。
あとBlogPeople使用でリンクさせていただきました嬉しい
| アムリョ | 2004/09/19 8:28 PM |
男アムリョ様
ご利用ありがとうございます〜 枠を消す方法は記事の最後に書いてあったのですが、それではうまくいきませんでしたでしょうか?
BlogPeopleの件は了承いたしました。被リンクリストに追加しておきます。
| まめ | 2004/09/19 9:02 PM |
シツレーしましたショック!
最後にそれがあるのは目に入って知っていましたが
なぜか脳ミソが無視していました冷や汗
| アムリョ | 2004/09/20 1:49 AM |
スクリプトを使わせていただきました。コメントに絵文字を入れられるようになって嬉しいです。
ところが、問題がありまして、「絵文字」ボタンをクリックして開く、とその上にある名前やメールアドレス、URLなどのテキストエリアが横にずれてしまいます。閉じると元に戻ります。
それともうひとつ、絵文字の並ぶ幅が狭く、横に17個、縦に6から7列並びます。まめさんのページのように横に長く並びません。
説明どおりに貼り付けたつもりなのですが、どこか間違えてしまったのでしょうか?悲しい
ブログを始めたばかりの初心者で、あまりHTMLなどのことは良くわからないのですが、お時間がありましたら教えてください。よろしくお願いいたします。
| Garden | 2004/09/20 7:01 PM |
男アムリョ様
いえいえ〜 ご自身で解決されたのであれば、どちらでも良いんですけどね嬉しい
女Garden様
Cloverはコメント欄をTABLEタグを使って書かれているようですね。そのため、Commentと同じ部分に表示させるため書かれている状態になると思います。対応策としては、3.のソース内の
<div class="text" id="text1" style="display:none;">
の前に
</td></tr><tr><td colspan="2">
を追加すると多分きちんと表示されると思います。お試し下さい。
| まめ | 2004/09/20 8:03 PM |
早速のお返事ありがとうございました!
早速追加させていただきましたら、絵文字がキチンと表示されました。
ですが、やはり名前やメールアドレス、URLなどのテキストエリアはまだ横にずれて表示されるようです。
先程は右端に表示されてたのですが、追加後は中央に表示と少しだけ左によってはいるのですが、これを絵文字ボタンをクリックしても動かさないように表示できるものでしょうか?
お時間がありますときにお教えいただけたらと思います。
ご無理言って申し訳ありません悲しい
| Garden | 2004/09/20 9:32 PM |
女Garden様
少し試してみましたが、TABLEタグの範囲外に絵文字を出すのが一番楽なようです。ですので、先の修正は一旦無効にして、同じ場所に
</td></tr></table>
を入れ、3.のコードを入れた後ろにある
</td><td>
</td></tr></table>
を削除してください。多分これで大丈夫かと嬉しい汗汗
| まめ | 2004/09/20 10:47 PM |
まめさん
きちんと表示されました!嬉しいですラブ
本当に本当にありがとうございました楽しい
| Garden | 2004/09/21 9:08 AM |
まめさん、はじめまして。
スクリプトを使わせていただきました
とってもわかりやすい説明に感謝感謝です
ありがとうございました嬉しい
| みなみ | 2004/09/23 8:44 PM |
女みなみ様
ご利用ありがとうございます〜。JUGEMのカスタマイズ頑張ってください楽しい
| まめ | 2004/09/25 8:10 AM |
まめさんこんにちは♪
お忙しいのに遊びに来てくださってありがとうございました嬉しい
事後報告ですみません。今日登録させていただきました

>JUGEMのカスタマイズ頑張ってください
毎日コツコツ、チマチマとやっていきたいと思ってます冷や汗
まめさんのスクリプト楽しみにしています♪
| みなみ | 2004/09/25 2:54 PM |
こんにちは。
strollさんのスクリプトを借りてコメントに更に多くの
絵文字を入れられるようにしました嬉しい
ただ、まめさんの絵文字入力ツールは普段はたたまれているので
目立たなくなっちゃいましたショック
最初から表示して置く事は出来ないものでしょうか?
| アムリョ | 2004/09/29 11:51 PM |
男アムリョ様
デフォルトを表示にするのであれば、3.の
<div class="text" id="text1" style="display:none;">
のnone→blockに変更してもらえればデフォルトONに出来ます。
あ、あと、その上のemoji_on.gifをemoji_off.gifに。
| まめ | 2004/09/30 12:37 AM |
ありがとうございました楽しい
これで絵文字フル活用デスグッド
| アムリョ | 2004/09/30 2:00 AM |
まめさん、こんにちは。
いつも便利なスクリプトたくさんで、お世話になっています。
yukiさんのお宅でも、よくコメントを拝見させて頂いてました。

今回、テンプレを変えたのですが、
いつものようにこちらの絵文字を挿入したら、
絵文字同士がとても開いて、表示されてしまうのです。
これを、もうちょっとスッキリコンパクトに並ばせるには、
どうしたらよいでしょうか?
お手数おかけしますが、よろしくお願いいたします。
| タマコ | 2004/10/20 1:25 PM |
女タマコ様
使用されているテンプレートのCSSではimgタグに対してマージンが5px設定されているため、デフォルトでそうなると思います。
ですので、CSSでimgタグのマージンを0pxにして、すべての画像のマージンを無くすか、絵文字用のimg(記事の最後に書いてある奴です)のみマージン0pxに設定するなど、希望に合わせて変更してみてください。
CSSの詳細などは、助け合い板などで紹介されていると思いますので、そちらを参考にして、今後のためにも是非勉強してみてください。
| まめ | 2004/10/20 1:57 PM |
まめさん、早速のアドバイスありがとうございます。
ご指摘通りに変更したら、希望のサイズになりました。
またこちらでもお勉強させて頂きたいと思います。
どうもありがとうございました!嬉しい
| タマコ | 2004/10/20 5:48 PM |
悲しいすみません、どうしても解からないので教えてください。

.text img{
border: none 0px #FFFFFF;
}

をCSSに加えたのですが、絵文字の枠線が消えないのです。冷や汗
何がいけないのでしょうか?
| windlucchi | 2004/10/22 12:34 PM |
wildlucchi様
サイトを確認させて頂きました。
追加した.text img の前に定義されているul.tree li.endの閉じ括弧'}'が無いため、ul.tree li.endの定義と判断されている物と思われます。}を追加した上で、再度確認をお願いします。
| まめ | 2004/10/22 1:11 PM |
消えました〜〜!!
テンプレートを何度もコピペさせているうちに、いつのまにかタグが消えていたのですね冷や汗
まったく気が付きませんでした汗
早々のお返事、本当に感謝します。
ありがとうございました(*- -)(*_ _)ペコリ
| windlucchi | 2004/10/22 5:16 PM |
初めまして(^^)。
コメントにも絵文字が入れられたらな〜。と思って居た時にこちらのブログを見つけました(^^)。
早速設置したんですが、コメントを入力してる段階で 画像をクリックしてもその画像の名前が現れないんです。

どこをどう訂正すればよいのか わからず四苦八苦しております。
お忙しいとは思いますが ご教授下さるとありがたいです。
よろしくお願いします。
| uni生 | 2006/10/26 11:29 PM |
度々すいません。
なんとか自分でいじってみたら できるようになりました(^^)。
ありがとうございます!!
| uni生 | 2006/10/28 12:44 AM |
ありがとうございます!
コメントに絵文字がつきました
コメントを見るのが楽しみになります!
| hisami | 2008/10/28 12:33 AM |
コメントする









この記事のトラックバックURL
http://mamejiro.jugem.cc/trackback/112
トラックバック
絵文字をコメントにも・正式版対応
今日は、絵文字をコメントにも・正式版対応をがむばってみますた。 あっちもこっちも弄ったりして、そーとーヒマジンですねぃ[:汗:] 最近使わなかった絵文字。 うーむ。せっかく絵文字がついてるのに、使わないのも寂しい。 ほんなら使うべか?そしたらば、まめの
| Clunky! | 2004/07/30 5:41 PM |
コメントに絵文字を
[:家:] 管理人 [:聞き耳を立てる:] トラックバック先 豆じろー まめの一言 | 【カスタム】絵文字をコメントにも・正式版対応 コメントに絵文字を挿入できるようにしました。[:拍手:] いろんなサイトでできるようになってて、すごい気になってたんです! でも、隠
| HATTI★ILLUSTRATION WEBLOG STATION | 2004/08/12 1:11 PM |
コメントにも絵文字が使用できます
今日もカスタマイズ[:豚:] ご要望のあったコメントにも絵文字を!!ということで みぃさんから教えていただいたまめの一言様にて またもコピペでポンッ[:!:] どうですか〜[:?:] いやーお助けしてくださるサイト様がたくさんいらっしゃって 私のようなアホに
| ハピネス | 2004/08/28 11:10 AM |
歌舞伎テンプレート
なんとかJUGEMさんも落ち着いたようで、テンプレ変更できました。 まだ暫定ですが。 やっぱり、楽しいですよ。テンプレいじり。 普段は歌舞伎ってものに縁遠い生活してるけど今回ちょっと勉強になりました。 左側にある隈取りは『暫』と言うらしいとか、こいつ
| whims@so vain | 2004/09/05 11:26 AM |
コメント欄に絵文字
コメント欄にも絵文字ボタンを入れてみました[:きのこブルー:] まめの一言(JUGEM出張所)さんの記事を参考に テンプレートの書き換えをすれば表示されます。 この記事自体は2年ほど前のものなので 今は新しい絵文字も追加されているため、そこらへんは HTMLのソ
| destination | 2006/11/30 11:48 AM |