自分のコメントをわかりやすく | アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!

自分のコメントをわかりやすく

2009/3/7

新・自分のコメントを "もっと"わかりやすく

ThickBoxは使わないって方は短くなっていますのでコチラを使ってください


++++++++++++++++++++++++++++++++++



すっぴんのチット改バージョンです


コメント欄の自分のコメントに ニックネーム  ではなくて アイコン をつけます

自分のコメントがわかりやすくなるかどうかは??ですが・・・・


自分のプロフィール画像を加工して縦16~20px位のアイコン画像を作り画像フォルダーにアップします



 ← こんなかんじで・・・

       別に画像はなんでもかまわないのですけどね





※”もっと” わかりやすく を作業中です・・・ 

  この記事のコメントをご覧下さい・・・もう少しお待ち下さい m(_ _)m



赤字部分を書き換えて濃い青字部分をフリープラグインのすっぴんバージョンに追加します

わからなければ<SCRIPT LANGUAGE="JavaScript">から</SCRIPT>までを上書きしてください

※現在のフリープラグインを保存してから作業してください

※3800字の文字数制限でだめな場合もあります


<SCRIPT LANGUAGE="JavaScript">
<!--
/* 80415exlink/vjcatkick */
function enTb() {
var myHn = "ニックネーム"
var myUrl="トップページのURL"
var myImg="<img src='画像のURL' border='0' />"
var myLimit=300,e=0,k=1,i;
var ourl = "http://hama-sush-jp.pro/public/image/displayimage.do?imagePath="
var nurl = "http://stat.ameba.jp"
var myLinks = document.getElementsByTagName("a");
for(i = 0; i < myLinks.length; i++){
var myLink = myLinks[i];
if(myLink.href.indexOf("do?imagePath") > 0){
myLink.href = (myLink.href).replace(ourl,nurl);
myLink.className = "thickbox";
if(!myLink.innerHTML.match(/<img/i) && myLink.href != ""){ myLink.setAttribute("title"," ");} else {var myTitle = myLink.childNodes[0].getAttribute("alt"); myLink.setAttribute("title",myTitle);}}

if(myLink.href == myUrl && myLink.innerHTML == myHn){myLink.innerHTML = myImg;}
k++;if (k > myLimit) {break;}}}
function enThickbox() {enTb();
try {initializeUpload(false, false);} catch(e) {}
try {checkpw();} catch(e) {}}
window.onload = function(){enThickbox();}
// -->
</SCRIPT>



・・・ ココのサイトの場合でしたら ・・・・

ニックネーム ・・・・ 実験委員

トップページのURL ・・・・ http://hama-sush-jp.pro/exlink/


if(myLink.href == myUrl && myLink.innerHTML == myHn){myLink.innerHTML = myHn+myImg;}

で、ニックネームとアイコンが・・・


・・・同じ事を繰り返せば常連さんのコメントにアイコンは付けられますが・・・・

ココでは文字数が足りなくなりますね・・・

外部ファイルが利用できて・・・DBとかで大げさにすれば何とかなるかもですが

私にはできません・・・・ とりあえずは自分のコメントだけで・・・・・