CSS ルームが変わりました 2 (元のボタンに変更?) | アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!

CSS ルームが変わりました 2 (元のボタンに変更?)

CSS ルームが変わりました  の続きです



みなさまのブログを回って見てみると・・・



前のボタンの方が使いやすいって記事やコメントが多く見られました・・



で・・・・




アメブロ向上企画書ー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 ルームが変わりました 3 (アイコンを変更)


CSS ルームのタイトル画像2  も参考にして下さい