自分で★カスタマイズ@旧ベーシック対応版 http://adan.noor.jp/am_mattou/menu/


このサイトについて

 このサイトでは、旧「[カスタム可能]ベーシック」のためのCSSを置いています。2011/7/26に配布を開始した新「CSS編集用デザイン」対応版は別サイトになります。
 当サイトは、パスワードを貸し借りせずに、《Ameba》ブログをカスタマイズにチャレンジする初心者さんと、それを手助けなさるヘルパーさんのお役に立つことを願って作成しました。
→サイトポリシー

 当サイト内のHTML,CSS,画像を、「パスワード貸し借り(=違反行為)」でのカスタマイズに使用することを禁止します。使用なさった場合は、カスタマイズ作業者・依頼者ともに、ブラックリストに掲載する予定です。
→なぜ依頼者もブラックリストなのか

 これまで、《Ameba》グルっぽを見ていると、まず画像を用意し、それにあわせてCSSを調整している方が圧倒的に多いようです。
 しかし、そのためには、CSSの細かな数字の意味を理解して調整する必要があり、初めての方にはちと荷が重い……、だから「他人に依頼→パスワードの貸し借り」いう事態になります。
 「CSSを先に入れ、画像を合わせて作る」のであれば、CSSの変更は画像URLだけ、数値調整よりはるかに簡単です。初心者さんが、パスワードの貸し借りナシに、「自分だけのブログデザイン」を手にいれる、ということが、現実的になります。

 なお、ご質問は、当サイトのサポート専用グルっぽ『まっとうブログ・カスタマイズ応援します』にて。違反のないブログのみ質問に回答します(違反についてはグルっぽトップ記事をごらんください)。

※インターネットで公開しているサイトの、リンクは自由です。このページも当然、リンクは自由です。
<a href="http://adan.noor.jp/am_mattou/menu/">自分で★カスタマイズ@旧ベーシック対応版 </a>


スキンデザイン配布
SSサムネイルはクリックすると拡大表示します。(lightbox2.05)
ミニマムコース
※すでにカスタマイズをしている方は、それまでのCSSをバックアップ保存(ワープロソフト等を使って、自PCに保存)してから、とりかかってください。
※色変更、画像変更は、ご自由に。
1.スキンデザインを、「ベーシック3カラム」にする。
2.下記からCSSを選ぶ。
3.画像を自作、もしくは作成依頼。
4.画像をアメーバにアップロード。URLを調べる
5.CSS編集画面で、CSSをいったんすべて消し、ご提供するCSSをコピペ。
6.画像指定部分(「url(http〜)」)を、作成した画像のURLに入れ替える。
7.フリースペースにメニューのリンクタグを入力。

3カラム
使用画像=ヘッダー(横800px×縦300px)、背景


3カラムバリエーション
記事&メニュースクロール
使用画像=ヘッダー(800X270px),背景
CSS
MENU
■999999



3カラム
使用画像=メイン(横700px×縦500px・「画像ひながた」あり)、背景
注意=サイドバーの配置画面で、左メニューは「フリースペース」だけにしてください。

▽それでも、やっぱり、画像に合わせたいあなたに。



リンクタグ作成

「横メニュー」「縦メニュー」は、リンクタグとCSSを組み合わせて使います。「脇カラム」「メッセージ欄」/「ルーム」向きは、文字サイズなどは周囲と同じで、他ページへのリンクをコンパクトに表示したい人向きです。

a.リンクタグ:「横メニュー」「縦メニュー」向き(区切り文字なし)ブログ・フリースペース画面に入力
 ▽CSS例カスタマイズ用スキンのCSS編集画面に入力。
 ・CSS例1:普通レイアウト用
 ・CSS例2:“素材屋風”用・横メニュー
 ・CSS例3:“素材屋風”用・縦メニュー
b.リンクタグ:ブログ「脇カラム」「メッセージ欄」/「ルーム」向き(区切り文字あり)


 ・「コメント記入欄を表示」ボタンを画像に
 ・「アメンバー限定記事を読む」ボタンを変更
 ・記事下コメントアイコンなどの変更  ほか

◎元に戻したい。


 →別ページへ。


http://group.ameba.jp/thread/detail/UiwVOSqNStpO/eTOjsaoYx4o2yNuew2CmH5/
http://group.ameba.jp/thread/detail/JQqDYVpxFczV/9IhhmFzBovsatDPioMO9km/
http://group.ameba.jp/thread/detail/yVQm4Kg-1clx/UK_89EUGVFX-90BR509kPG/