[ブログデザインのカスタマイズ記録] サイドバーの「ブログトップに戻る」を画像ボタンにする

(これは私はこうやった、というメモ程度の内容です。しつこいようですがけっこう７めんどうなことをしているので関係なければ読まなくてもいいような内容です。あと、これはアメーバのブログです)

最近、サイドバーはもうひとつCSSレベルで変更しているところがありまして、

/*「アメーバブログトップに戻る」を絵で表示*/

#ameblo p{
font-size: 0em;

text-indent:-9999px;
margin-bottom:5px;

margin-right:4px;

line-height:1.25;

text-align:center;

}

#ameblo p a{

display:block;

margin-bottom:5px;

width:160px;/* 使用する画像の幅? */
height:55px;/* 使用する画像の高さ? */
background-image:url(http://stat001.ameba.jp/user_images/20130504/23/ayanatsuki440/4f/72/p/o0160005512525709731.png );

background-position:center;/*配置*/

}

#ameblo p a:hover{

background-image:url(http://stat001.ameba.jp/user_images/20130504/23/ayanatsuki440/64/8f/p/o0160005512525710227.png );

}

この変更、意味が理解ってないのでかなり迷走気味な記述ではあるのですが、

「アメーバトップに戻る」のリンクをAmebaっぽくしたという内容です。

別にこんなん変更する必要なければそもそもなくてもいいような気もしないでもないですが、

どうやらこれはAmebaそのものに必要であるっぽいので、

せっかくなので堂々とカッコよく表示してやろうかと思って変えてみました。

しかし編集自体は相変わらずよく理解ってない。

X∞