CSS ルームが変わりました 2 (元のボタンに変更?)
CSS ルームが変わりました の続きです
みなさまのブログを回って見てみると・・・
前のボタンの方が使いやすいって記事やコメントが多く見られました・・
で・・・・
見本のルームです ←ここでペタやアメん、メッセ、プレゼントはやらないでくださいな・・・
ルームのフリースペースに・・・・
<style type="text/css">#leftArea #userLink #peta,#leftArea #userLink #msg,#leftArea #userLink #amember,#leftArea #userLink #present{background:none;}#peta a{display:block;width:90px;height:25px;background:url(http://stat.ameba.jp/room/img/ameba/room_design/room_top_peta.gif) no-repeat 0 0;text-indent:-9999px;overflow:hidden;outline:none;}#peta a:hover{display:block;width:90px;height:25px;background:url(http://stat.ameba.jp/room/img/ameba/room_design/room_top_peta_on.gif) no-repeat 0 0;}#amember a{display:block;width:90px;height:25px;background:url(http://stat.ameba.jp/room/img/ameba/room_design/room_top_member.gif) no-repeat 0 0;text-indent:-9999px;overflow:hidden;outline:none;}#amember a:hover{display:block;width:90px;height:25px;background:url(http://stat.ameba.jp/room/img/ameba/room_design/room_top_member_on.gif) no-repeat 0 0;}#msg a{display:block;width:90px;height:25px;background:url(http://stat.ameba.jp/room/img/ameba/room_design/room_top_msg.gif) no-repeat 0 0;text-indent:-9999px;overflow:hidden;outline:none;}#msg a:hover{display:block;width:90px;height:25px;background:url(http://stat.ameba.jp/room/img/ameba/room_design/room_top_msg_on.gif) no-repeat 0 0;}#present a{display:block;width:90px;height:25px;background:url(http://stat.ameba.jp/room/img/ameba/room_design/room_top_present.gif) no-repeat 0 0;text-indent:-9999px;overflow:hidden;outline:none;}#present a:hover{display:block;width:90px;height:25px;background:url(http://stat.ameba.jp/room/img/ameba/room_design/room_top_present_on.gif) no-repeat 0 0;}</style>
※改行しないでこのままコピペでフリースペースに貼り付けてください
必要のないボタンはCSS ルームが変わりました と併用して消しちゃってください
例えばペタボタンを表示したくない場合は
<style type="text/css">#peta{display:none;}</style>
これもフリープラグインに入れれば表示されません
CSS ルームのタイトル画像2
も参考にして下さい