CSS Amebaトップへ
リク記事です
ついに禁断の左上・・・・ Amebaトップへ にさわっちゃいます・・・
このブログも似合いませんが変えておきましたので参考にして下さい
マウスをのせると変化します
基本の画像サイズは 115px × 17px です(この中で余白も作ってください)
画像を作ったらCSSの最後に加えてください(ピンク字は画像に合わせてください)
ロールオーバーしない場合は青字だけ
ロールオーバーさせる場合は2枚の画像を用意してから青字と赤字を貼り付けてください
2009.6.30・・アメブロの変更により修正しました
※これを使うためには マイページ|ピグ|ブログを書く を消す必要があります
#amebaBar ul{
display:none;
}
#amebaBar #barLogoTop img{
visibility : hidden ;
}
#amebaBar #barLogoTop a{
display: block;
padding:0;
margin:0;
height:17px;/*画像の縦*/
background-image : url(画像のURL);
background-repeat : no-repeat ;
width:150px;/*画像の横*/
}
#amebaBar #barLogoTop a:hover {
background-image : url(マウスがのったときの画像のURL);
background-repeat : no-repeat ;
}
ロールオーバー(マウスがのったときに画像が替わる)が必要なければピンク部分は必要ありません
ロールオーバーの2枚の画像は同じサイズで作成してください
※ちょっとぴったりに作りすぎました・・・もう少し余白があったほうがいいです
画面の左上という 一等地に配置されている物ですから
Amebaトップへ の文字は変えないほうがいいと思います
できれば・・ 変えるのはアイコンだけの方が・・・・
去年からリクをいただいています
・バナーを配布するときのタグの書き方・・・・
去年のうちに完成したのですが・・・
あまりに面倒なやり方でしたので1からやり直しています
・カーソルの変え方・・・
ほとんど出来上がっていますので近日中にアップします
・トラバ・・・
まだぜんぜんやっていません
・背景・・・・
・・・・・・・・???
参考・・・
2009.10.21アメブロにより変更されました