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

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

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

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

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

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

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

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

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

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

li#barSrch{
position:relative;
}

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

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

やっぱし・・

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

で・・・

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

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

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

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

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

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

※760pxでも表示できるか確かめているため上が狭くなっています（スキンの幅は800px上は760px）

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

うっ・・うぅん～

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

li#barSrch{
display:none;
}

※760pxでも表示できるか確かめているため上が狭くなっています（スキンの幅は800px）

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

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

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

body{
padding-top:0 !important;
}

文字色を変更します

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

ココの部分の・・・・

背景色を設定するなら

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

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

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

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

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

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

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

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

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

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