CSS ルームのメニュ3
CSS ルームのメニュ2 の続きです
忘れていました・・・
↑前の記事 で説明したメニュ
<div id="roomtop"><a href="http://hama-sush-jp.pro/あなたのID/"><img src="画像のURL"></a><a href="http://now.ameba.jp/あなたのID/"><img src="画像のURL"></a><a href="http://msg.ameba.jp/pub/send/index?toAmebaId=あなたのID"><img src="画像のURL"></a></div>
↑画像の間に隙間を作るときは 全角のスペース （半角のスペースでもOK）
↓わかりやすくスペースを ■ で説明します
<div id="roomtop"><a href="http://hama-sush-jp.pro/あなたのID/"><img src="画像のURL"></a>■<a href="http://now.ameba.jp/あなたのID/"><img src="画像のURL"></a>■<a href="http://msg.ameba.jp/pub/send/index?toAmebaId=あなたのID"><img src="画像のURL"></a></div>
※スキマをあける場合はスキマを含めて横幅以内になるように画像を作ってください
↑上下2段にするには <br>
<div id="roomtop"><a href="http://hama-sush-jp.pro/あなたのID/"><img src="画像のURL"></a><br><a href="http://now.ameba.jp/あなたのID/"><img src="画像のURL"></a><a href="http://msg.ameba.jp/pub/send/index?toAmebaId=あなたのID"><img src="画像のURL"></a></div>
↑上と下の間にスキマを作るには <br><br>
<div id="roomtop"><a href="http://hama-sush-jp.pro/あなたのID/"><img src="画像のURL"></a><br><br><a href="http://now.ameba.jp/あなたのID/"><img src="画像のURL"></a><a href="http://msg.ameba.jp/pub/send/index?toAmebaId=あなたのID"><img src="画像のURL"></a></div>
いろいろ工夫して楽しいメニュを作ってください
※説明に使っている画像は ゆうこせんせい
さまで配布されている画像です