CSS 今度はメッセージぼたんです・・・

今度は・・・

メッセージぼたんをつけちゃいます

また好みの画像をダウンドードして画像フォルダにアップ

画像のURLをチェックしておきます

もちろん自分で画像を作った方がベストです

　　　　 　　　　 　　　　 　　


　　　　 　　　　 　　　　　 　　

フリープラグインに書く場合・・・

<div id="topmsg"><a href="javascript;" onclick="window.open('http://msg.ameba.jp/popupSendMessageInput.do?toAmebaId=あなたのID','_blank','resizable=yes,scrollbars=yes,width=430,height=675');return false;" class="linkMsg" title="メッセージを送る"><img src="画像のURL" border="0" /></a></div>

フリースペースに書く場合・・・・

<div id="topmsg"><a href="http://msg.ameba.jp/popupSendMessageInput.do?toAmebaId=あなたのID" target="_blank" ><img src="画像のURL"></a></div>

フリープラグインとフリースペースに書く場合、違いがあります・・・

ボタンを押したときの新しい画面の開き方にも違いがあります・・・

タイトル下のボタンはフリープラグインの場合

ブログ右の付箋紙のようなボタンはフリースペースです

クリックして新しい画面の開き方の違いを確認ください

フリープラグインかフリースペースのどちらかに書いてください・・・両方には書かないで下さい

CSSに貼り付けてください

div#topmsg{
position:absolute;
top:0px;
right:0px;
z-index:100;
}

top:0px;　right:0px;　の位置の移動は

ブログパーツじゃないよ　ＣＳＳだよ　ペタぼたん 　を参考にしてください

またペタぼたん、メニュー等をまだ設置されていない場合は

↓こちらもCSSに加えてください（すでに書かれてあれば必要ありません）

#frame {
position: relative;
}