自分で★カスタマイズ@《Ameba blog》 http://adan.noor.jp/am_mattou/menu/
【アイフレ1】
【アイフレ2】
【アイフレ3】
▼フリースペース
【アイフレ1】
【アイフレ2】
【アイフレ3】
▼CSS(最後に)
※罫線色は変更を。
/* ▼「アイフレ」共通設定(6つ用意,増やしても可)*/ #aifure1, #aifure2, #aifure3, #aifure4, #aifure5, #aifure6{ border:1px solid #ff0099;/*罫線:太さ 種類 色★*/ background:#ffffff; padding:5px; margin:0 0 8px 0; overflow:auto; } /* ▽「アイフレ」1*/ #aifure1{ width:288px;/*幅*/ height:288px;/*高さ*/ float:left;/*左寄せ*/ } /* ▽「アイフレ」2*/ #aifure2{ width:150px;/*幅*/ height:170px;/*高さ*/ float:left;/*左寄せ*/ } /* ▽「アイフレ」3*/ #aifure3{ width:120px;/*幅*/ height:170px;/*高さ*/ float:right;/*右寄せ*/ }
【アイフレ1】
【アイフレ2】
【アイフレ3】
【アイフレ4】
【アイフレ5】
【アイフレ6】
▼フリースペース
【アイフレ1】
【アイフレ2】
【アイフレ3】
【アイフレ4】
【アイフレ5】
【アイフレ6】
▼CSS(最後に)
※罫線色は変更を。
/* ▼「アイフレ」共通設定(6つ用意,増やしても可)*/ #aifure1, #aifure2, #aifure3, #aifure4, #aifure5, #aifure6{ border:1px solid #ff0099;/*罫線:太さ 種類 色★*/ background:#ffffff; padding:5px; margin:0 0 8px 0; overflow:auto; } /* ▽「アイフレ」1*/ #aifure1{ width:120px;/*幅*/ height:160px;/*高さ*/ float:left;/*左寄せ*/ } /* ▽「アイフレ」2*/ #aifure2{ width:150px;/*幅*/ height:160px;/*高さ*/ float:right;/*右寄せ*/ } /* ▽「アイフレ」3*/ #aifure3{ width:150px;/*幅*/ height:150px;/*高さ*/ float:left;/*左寄せ*/ } /* ▽「アイフレ」4*/ #aifure4{ width:120px;/*幅*/ height:150px;/*高さ*/ float:right;/*右寄せ*/ } /* ▽「アイフレ」5*/ #aifure5{ width:120px;/*幅*/ height:160px;/*高さ*/ float:left;/*左寄せ*/ } /* ▽「アイフレ」6*/ #aifure6{ width:150px;/*幅*/ height:160px;/*高さ*/ float:right;/*右寄せ*/ }