コメントをわかりやすく 常連さまは特別・・・・ | アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!

コメントをわかりやすく 常連さまは特別・・・・

仲間内だけでコメントのやり取りがあるブログ・・・・・

常連のゲストさまだけは特別扱い?したい・・・・・


コメントがひとめでわかるようにしちゃいませんか?
アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!
↑このタイプのコメント欄の説明は次回予定です・・・・・



赤字部分に管理人のIDと常連さまのアメブロIDを入れてから

フリープラグインに貼り付けてください・・・



<SCRIPT LANGUAGE="JavaScript">
<!--
/* 0910a exlink */
function exAc() {
var myId = new Array();
var mynC = new Array();
myId[0] = "管理人のID";mynC[0] = "admin_comment";
myId[1] = "ゲスト1ID";mynC[1] = "guest1";
myId[2] = "ゲスト2ID";mynC[2] = "guest2";
var myLimit=500,e=0,k=1,i,oC="each_comment";
var Ent = document.getElementById ("comment_module");
var myLinks = Ent.getElementsByTagName("a");
for(i = 0; i < myLinks.length; i++){
var myLink = myLinks[i];
for(m = 0; m < myId.length; m++){
var myUrl= "http://hama-sush-jp.pro/" + myId[m] +"/";
if(myLink.href == myUrl){
var Com = myLink.parentNode.parentNode.parentNode;
if(Com.className == oC ){
Com.className = (Com.className).replace(oC,mynC[m]);}}}
k++;if (k > myLimit) {break;}}}
function AGcom() {exAc();
try {initializeUpload(false, false);} catch(e) {}
try {checkpw();} catch(e) {}}
window.onload = function(){AGcom();}
// -->
</SCRIPT>




常連さまが増えるたびに

myId[0] = "管理人のID";mynC[0] = "admin_comment";
myId[1] = "ゲスト1ID";mynC[1] = "guest1";
myId[2] = "ゲスト2ID";mynC[2] = "guest2";
myId[3] = "ゲスト3ID";mynC[3] = "guest3";
myId[4] = "ゲスト4ID";mynC[4] = "guest4";
myId[5] = "ゲスト5ID";mynC[5] = "guest5";

と・・増やしていきます・・・


が・・ どこまで増やせるかは実験していません・・・

フリープラグインには文字数制限がありますのでそこまでなのかな?

フリープラグイン文字数無制限化極秘計画書  なんて~ものもありますが・・


CSSで .admin_comment を .guest1 や .guest2 に変更してそれぞれのコメント欄を設定ください


あとは↓を参考に設定下さい ・・・手抜きでゴメンナサイ m(_ _)m

オリジナルスキンCSSの編集 コメント欄

オリジナルスキンCSSの編集 コメント欄2

オリジナルスキンCSSの編集 コメント欄3

オリジナルスキンCSSの編集 コメント欄4


素材 コメント欄 背景画像

素材 コメント欄 背景画像2

素材 コメント欄 背景画像3

素材 コメント欄 背景画像4

CSS コメント欄をなんとかしちゃおう

CSS コメント欄をなんとかしちゃおう 2

CSS コメント欄をなんとかしちゃおう 3

CSS コメント欄をなんとかしちゃおう 4

CSS コメント欄をなんとかしちゃおう 5

CSS コメント欄をなんとかしちゃおう 6

CSS コメント欄をなんとかしちゃおう 7

CSS コメント欄をなんとかしちゃおう 8

CSS コメント欄をなんとかしちゃおう 9

CSS コメント欄をなんとかしちゃおう 10

CSS コメント欄をなんとかしちゃおう 11

CSS コメント欄をなんとかしちゃおう 12

コメント欄をなんとかしちゃおう 12上の画像だけ~

コメント欄をなんとかしちゃおう 12下の画像だけ~

コメント欄をなんとかしちゃおう 素材

CSS コメント欄をなんとかしちゃおう 13

CSS コメント欄をなんとかしちゃおう 13のつづき~

コメント欄をなんとかしちゃおう 応用1

CSS コメント欄をなんとかしちゃおう 14

CSS コメント欄をなんとかしちゃおう 14のつづき~

CSS コメント欄をなんとかしちゃおう 15

CSS コメント欄をなんとかしちゃおう 15のつづき~

コメント欄をなんとかしちゃおう 応用2


CSS コメント・・・文字(線)色



ただ・・ゲストさまと管理人だけ分ければいいって~場合は

新・自分のコメントを "もっと"わかりやすく こちらを使ってください


同じIDで二人で書いているから管理人も二人にして欲しい・・・って~場合は
新・コメントをわかりやすく 二人以上で管理 こちらを使います