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

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

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

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


コメントがひとめでわかるようにしちゃいませんか?
アメブロ向上企画書ー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://ameblo.jp/" + 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で二人で書いているから管理人も二人にして欲しい・・・って~場合は
新・コメントをわかりやすく 二人以上で管理 こちらを使います

Gショック!

腕時計ではありません・・・・





この前の健康診断の結果が出ました・・・・













G~!



ふたたびGに逆戻りしちゃいました



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



コレ見たら・・・・  よけいに悪くなりそう・・・・






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


仕事&ちょっと体調が悪く&気力がなく・・・コメントの回答ができていません m(_ _)m



普通でコメントに回答するのに1日3~4時間近くかかっています

体調が悪くて休んだりするとその分がたまってしまって・・・

全部回答できるのにどのくらいかかるんだろう?って思ったりすると・・

それだけで余計に体調が悪くなってきそうです・・・

新しいコメントが○件あります ・・・・なんて数字が増えるたびにウツに入りそうです・・



申し訳ありませんが・・

サイドバーのオセロの下にあるGoogleブログ内検索・・・

これって案外使えますので検索してわからなければ質問してもらえると助かります・・・・

よろしくお願いします




こんな弱音を書くなんて・・・やっぱりまいっているようです・・・


いっそ・・・ 徳政令みたいに・・・

それまでの質問はなかったことにできれば・・・?   ないない!!




ゆっくり返していきますのでお待ちください・・

ブログの上をスキンに合わせます&検索ボタン

ブログの上が変りました  の続きです・・



アメブロによって表示項目が増えましたので何かを削らないと入りきらないんです・・


といって・・ 広告を削ることを記事にしちゃっていいの?


悩んだ末・・・ デザイン上・・ スキンにあわせたいって方のために・・



とりあえずは・・・ スキンの幅に合わせます



/*アメブロヘッド広告*/
ul#amebaBar{
margin:0 auto !important;
min-width:0px !important;
width: 760px;/*スキンの横幅にあわせる ベーシックなら800px*/

border:none;
position:static !important;
}



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

検索ボタンが・・・とんでもない位置に・・・

幅が狭くなったのでオススメが収まりません・・・



とりあえずは検索ボタンを・・・何とかします・・・


li#barSrch{
position:relative;
}


横幅が・・大きな方は・・これだけでうまく行くと思います



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



あとは・・オススメ・・・ 


やっぱし・・

広告を削ることは記事に出来ません・・・


で・・・



マイページ | ピグ | ブログを書く の「ブログを書く」はいらないだろ・・・

あと・・検索窓を少し狭めて・・・・

これなら・・アメブロも文句は付けられないだろ~



#amebaBar #barLogoTop li.last{
display:none;
}
li#barSrch,
li#barSrch #barForm {
width:175px;
}
li#barSrch .barKey{
width:89px;
}


※ベーシックスキンの場合は水色のCSSはなくても大丈夫です・・・

 グリーン、ピーチ、ブルー、グレイのように横幅が760pxの場合にはこれもやらないと収まりません


アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!
※760pxでも表示できるか確かめているため上が狭くなっています(スキンの幅は800px上は760px)


もし・・・ブログを書くを消したくない方は・・・ 

うっ・・うぅん~

検索を消しちゃいますか?


li#barSrch{
display:none;
}



アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!
※760pxでも表示できるか確かめているため上が狭くなっています(スキンの幅は800px)




または・・Amebaトップへの画像を変更しちゃっても・・・


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

この方法は・・・・ CSS  Amebaトップへ





あとは上が開いているのがイヤだ!ってかたのために・・


body{
padding-top:0 !important;
}


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




文字色を変更します



#amebaBar a{/*文字色*/
color:#ff00ff !important;
}
#amebaBar #barLogoTop li{/*線色*/
border-color:#ff00ff !important;
}



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




ココの部分の・・・・


背景色を設定するなら


ul#amebaBar{
background-color:#ff00ff;
border:none;
}



背景を透明にしてブログの背景と同じにするには


ul#amebaBar{
background-color:transparent;
border:none;
}



背景画像を貼り付けるなら・・


ul#amebaBar{
background-image:url(画像のURL);
border:none;
}





ブログの上がいつも表示されちゃっている方は・・ CSS ブログの一番上・・・?


ブログの下もさわりたい方は・・・


CSS フッターエリアの広告スペース

CSS フッターエリアの広告スペース 2


それでも表示がおかしかったらブラウザーの更新ボタンをクリックしてみて~