http://adan.noor.jp/ameba_new/

▼フリースペースタグ⇒ブログフリースペース編集
縦リンクとバナー配布枠のタグを作成できます。(左メニューでも右メニューでも使えます)
(1)ピンク枠にAmebaIDを入れる。
(2)緑枠にプロフ画*URLを入れる。(*プロフ画：トップ画、トプ画という人もいます）
(3)紫枠にバナーURLを入れる。(バナータグ表示が不要の場合は、左端□をクリックして[V]マークを消す)
(4)「欲しいメニュー」を3つ選ぶ=左端□を3つクリック(プロフィールへは、プロフ画からリンクするので、選択肢にありません)。
(5)表示文字を変更したければ、入力。
(6)「フリースペースタグ」ボタンをクリック。

▼CSS(★プロフ画が正方形ではない方は手直し必要です)
⇒ブログCSS編集
/*▽フリースペース設定▽*/ /*▽縦メニュー*/ #navi00{ width:90px; height:200px; float:left; text-align:center; } #navi04 img{ width:90px;/*プロフ画表示幅★*/ height:90px;/*プロフ画表示高さ★*/ border:none; } #navi00 a{ line-height:30px; font-size:19px; font-family:serif; margin:0; } /*▽「アイフレ」２つ*/ #aifure1, #aifure2{ border-width:1px; border-style:solid; padding:10px; border-radius:6px; } #aifure1{ float:right; width:180px; height:180px; overflow:auto; overflow-y:auto; overflow-x:hidden; margin:0 0 8px 8px; } #aifure2{ clear:both; float:left; width:101px; height:101px; overflow:auto; overflow-y:auto; overflow-x:hidden; margin:0 8px 0 0; } /*▽バナータグ枠*/ #mybanner{ display:block; font-size:8px; line-height:9px; width:75px; overflow:hidden; padding:2px; word-break: break-all; border-radius:6px; border: #cdcdcd 1px dotted!important;/*線色太さ線種*/ }

▽「だんちがい」レイアウトになります

◆300px幅部分に、バナーを３列で置きたい場合
▼フリースペース(必要個数分、同じ形式で書いてください)
⇒ブログフリースペース編集

バナー置き場を「<div class="bn3">」と「</div>」で囲み、左列・中央列・右列をそれぞれを「<p>」と「</p>」で囲んでいます。

▼CSS⇒ブログCSS編集
/*▽バナー３列*/ .bn3{ width:286px; margin:0 0 0 14px; } .bn3 p{ width:92px; float:left; } .bn3 p a img{ padding:0 0 4px 0; }

▽バナーは縦に並び、３列分置けます。

◆別タブリンク
⇒ブログフリースペース編集/ ⇒ブログCSS編集
◆同タブリンク（別タブで開くときは、Ctrl+クリック）
⇒このサイトのトップ/ ⇒Mypage

Ameba ID
プロフ画*URL
バナーURL
欲しいメニュー	表示文字(好みで書き換えて)
トップ
記事一覧
画像一覧
ペタ
アメンバー
読者
メッセージ
プレゼント
なう
ぐるっぽ
ピグ
マイページ