アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦！ -117ページ目

ブログ画像一覧を見る

このブログをフォローする

<< 前のページへ最新 | 115 | 116 | 117 | 118 | 119 | 最初次のページへ >>

JavaScript　コメントに絵文字・・・

最初に断っておきます・・・

たぶん・・　使えません？

てか・・あまり使い道がないので使おうと思わないと思います・・・

ぐだぐだと前置きが長くなります？

面倒な方はスルーください

最初は・・・回答をするときに赤字を使えたら

回答もしやすいし（書くのは面倒なんですが・・）

回答をもらった方もわかりやすいし・・・・

こんな回答ならすぐにわかるでしょ・・・・

そのついでの副産物？として

このブログのコメントの　！がに　？　がに勝手に変わるようになっています

記事に書くかどうか迷っていたときにリクをいただいたのですが・・・

こうやって記事を書いている最中でもまだ・・どうしようか迷っています・・

と・・いうのも・・・

本来の目的・・文字色を変更するのは面倒なんです・・

で・・一番困るのがfontタグの閉じ忘れ・・

この場合・・それより下・・全部の文字色が変わってしまいます

自分で書いたコメントなら書き直せばいいのですが

ゲストさまからのコメントで閉じ忘れがあったら

アメブロの仕組みでコメントの訂正が出来ない以上・・

せっかくいただいたコメントでも削除するしか方法はありません

・・・なので

文字色を変更できますよ～ってブログでやりかたを公開することはやめた方がいいと思います

結局・・やり方を知っている本人だけしか色を変更することは出来ません

しかもチョット面倒です・・・

じゃあ・・絵文字は？

このブログの場合・・　コメントの中で　（ベル）　って書くと　に置き換わるようになっています

これは閉じるタグとか必要ありませんので自由に使っていただいてかまいません

が・・　（は　全角の（　で　半角の ( では変わりません

コメントの中に (ベル)なんて変換されないで残っちゃうと・・おかしなことです

(笑)がなら・・もし変換されなくても別に違和感はないのですが・・

ピグに使っている絵文字は・・・

設定すれば　/panda　を　　にしちゃうことも出来ます

ただ・・全部を変更できるようにも出来るのですが

そうするとブログを開くたびに全部の文字を種類分チェックする必要があってブログが重くなります

また・・フリープラグインの文字数の関係で全部を設定することは不可能です

といって・・　/panda　だけできますよ・・・なんて注意を書いても

コメントになんかが表示されていたら

大丈夫と思って　/nekohebi　　だって使っちゃいますよね・・・

でも・・使われても変換されませんのでコメントの中に　/nekohebi　って残っちゃうわけだし・・・

中途半端に設定するなら使わないほうがいいと思うんです

で・・・　使えるのは・・

普通の文章が自然に絵文字になる場合だけです

たとえば・・携帯電話ってコメントの中にあったら　って自動で変えちゃうのが一番自然なんです

ただ・・　コメントの中に「携帯電話」って単語が何回使われていますか？

1年に2.3回しか出てこない単語のために毎回チェックしてブログを重くする必要はないですよね・・

結果・・　普段いつも使われている　！　や　？　を絵文字にするしかないです

案外使われているｗこれも絵文字に出来ますが・・
HTMLやCSSをコメントに書いたときにもかわっちゃうからＮＧ

（HTMLとかCSSとかをコメントに書く場合もあると思いますので全角の！や？だけ変わります）

これって使い道あります？

それでも使ってみたいと思いますか？

これだけ書いても・・・　

でも・・やっぱし使ってみたいんだよ～・・・って方は

ついでにコメントの無題も変更できるようにしておきました

フリープラグインに・・・

自由に設定してかまいません

！や？も違う絵文字に変更しちゃってもＯＫです

ベルでしたら・・・

eltm = eltm .replace(/（ベル）/g, "<img src='http://stat.ameba.jp/blog/ucs/img/char/char2/182.gif'>");
パンダでしたら・・・
eltm = eltm .replace(/\/panda/g, "<img src='http://stat.ameba.jp/blog/ucs/img/char/char2/006.gif'>");

はじめの / と / の間に書かれている文字が

" と " の間に書かれているものに置き換わります

文字でも画像でも可能ですが　"と"に中には　' と '　しか使えません・・画像を入れる場合注意下さい

"<img src='http://stat.ameba.jp/blog/ucs/img/char/char2/006.gif' >"

好きなのを追加していってください・・　

追加のしすぎは重くなるだけですので注意下さい・・

ソースをみればこのブログでどうすれば赤字が使えるのかがわかります

タグを絶対に閉じるって方だけ使ってかまいませんよ・・

（ベル）　は自由に使ってかまいません・・・

半角と全角の（　がわかりにくかったです・・・

もっとはっきりわかる違うのにすればよかったです・・・・【ベル】みたいに・・

もう・・コメントの中で使っちゃっていますからいまさら変更できないしね・・

みなさまはそんなことのないようにはじめによ～く考えてください

それでもコメントの文字色を変更したい！って方はコメント下さい・・

直接コメントで教えます・・・・　たぶん？

アメブロを見るんならJavaScriptを使っているでしょ・・って前提でやっています・・

ただ・・

あぁ～・・・　jquery で this がよくわからなくなっています？

うまく行ったときはすっごくキレイでやった！って思うのですが・・

ヘンなふうにはまってしまうと軌道修正がききません・・力不足です

難しいのか簡単なのか・・それすら理解できないです・・・

間違っていたら教えてください　m(_ _)m

JavaScript　テーマ・・・

＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋

昨日の問題・・・

寝ている間に解決してしまいました・・・

刃断さま　のおかげです
ありがとうございました

ということで・・日付も変えて再アップします

この日付時間より前に導入された方は変更下さい

Firefoxでブログを見ることが出来なくなります

よろしくお願いします

＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋

とりあえずは見本のブログ　・・・

テーマのところ・・　チョットだけ変っているでしょ・・

　　　　　↓　テーマを分類に分けて見やすくしている方・・・　こうなったらいいとは思いませんか？

フリープラグインにこのまま貼り付けます

$('.theme').each(function(){
$(this).html($(this).html().replace(/(├|└)/g, ""));
});
});
// --></script>

├ とか　└　以外を使っている場合は変更ください

もし・・
テーマ一覧の（　）内の数字が全部要らない場合は

$(function(){
var el = $('#theme_list');
el.html(el.html().replace(/$ 0 $/g, ""));
});

↓

$(function(){
var el = $('#theme_list');
el.html(el.html().replace(/$.*$/g, ""));
});

もし・・・　テーマ自体必要ない場合は・・・

ＣＳＳの最後につければ記事からテーマが消えます

.entry .theme{
display:none;
}

サイドバーのテーマ一覧はサイドバーの配置で「テーマ一覧」を使用しない方にドラッグでなくなります

ちなみに・・最近立て続けに記事にしているjquery・・・

上から「続きを読む」「お下がり下さい」と・・今回のですが・・

$(".more").css("display", "none")
.after("<p class='expand'>" + op + "</p>");
$(".expand").css("cursor", "pointer");

$(".expand").toggle(
function(){$(this).prev().show("slow"),$(this).html(cl);},
function(){$(this).prev().hide("slow"),$(this).html(op);}
);
});
// -->
</script>