How To Use 《Ameba》 Blog Skin
[参考リンク](《Ameba》に以下の機能があることは了解の上でお願いします)配布されている《アメブロ》スキンの使い方
[+]が有る行は、クリックすると、解説が出ます。1. ZIPファイルをダウンロードする。[+]
2. ZIPファイルを解凍する。[+]
3. 《Ameba》ブログにログインする。
4. (これまでカスタマイズを行っていた方は)使用中のCSSをバックアップ保存[+]
5. 「カスタム可能」スキンから、配布スキン作者に指定されたスキンを適用[+]
6. 使用画像のアップロード[+]
7. アップロードした画像のURLを、CSSに入力[+]
8. スキンCSSの貼り付け[+]
9. スキンCSSを保存[+]
Adan作スキン
1. 使用条件
メッセージボード、フリーエリア、フリープラグインなどに、以下のタグを書き込んで、グルっぽへのリンクを表示させてください。
<a href="http://group.ameba.jp/group/fti5_ORJnN5U/" target="_blank"><img src="http://adan.noor.jp/ameba/customize.gif" border="0"></a>
<a href="http://group.ameba.jp/group/fti5_ORJnN5U/" target="_blank"><img src="http://adan.noor.jp/ameba/customize.gif" border="0"></a>
2. 禁止事項
以下のブログでの使用を禁止します。
〓著作権侵害/肖像権侵害ブログ
×芸能人・モデルの写真が貼られたブログ
×アニメ/マンガ/ゲーム/ラノベイラストの公式画像が貼られたブログ
×《Ameba》広告消し(《Ameba》規約違反)
× アダルトブログ(《Ameba》規約違反)
× 商用ブログ(《Ameba》規約違反)
×《YouTube》の音楽だけ流す(《Youtube》規約違反)
▼以下のブログには、サポートはしません。自己責任でお願いします。
×アニメ/マンガ/ゲーム/ラノベ二次創作
〓著作権侵害/肖像権侵害ブログ
×芸能人・モデルの写真が貼られたブログ
×アニメ/マンガ/ゲーム/ラノベイラストの公式画像が貼られたブログ
- 作者が許可しているものを除く
- CDショップで売っている音楽はほぼ該当(ボーカロイド作品など一部例外あり)
×《Ameba》広告消し(《Ameba》規約違反)
× アダルトブログ(《Ameba》規約違反)
× 商用ブログ(《Ameba》規約違反)
×《YouTube》の音楽だけ流す(《Youtube》規約違反)
▼以下のブログには、サポートはしません。自己責任でお願いします。
×アニメ/マンガ/ゲーム/ラノベ二次創作
- 作者が許可しているものを除く。
Adan作スキン「なぜか素材屋風と呼ばれている、あれ」[2010/01/29]
配布ページ:http://ameblo.jp/templatecss/entry-10783762306.html- 《Ameba》界隈ではなぜか「素材屋風」と呼ばれている、記事部スクロールのレイアウトです。
- 「【カスタム可能】ベーシック」「3カラム・左右メニュー」を使用します。
1. CSSファイルと画像ファイルの選択
▼css-1image.txt
お使いになりたいメイン画像が、main_for1.jpgの場合は、css-1image.txtをご使用ください。
アップロードする画像はメイン画像のみです。
ご自分で用意した画像を使い、メイン画像の右〜下が色のみの場合も、css-1image.txtをご参照ください。(css-1image.txtのほうが、画像の準備が楽です)
▼css-2image.txt
お使いになりたいメイン画像が、main_for2.gifの場合は、css-2image.txtをご使用ください。
back_for2.gifも一緒にアップロードしてください。サイト名が読みにくい場合には、gray-alpha80.pngを追加してください。
ご自分で用意した画像を使い、メイン画像の右〜下に画像を敷き詰める場合も、css-2image.txtをご参照ください。
お使いになりたいメイン画像が、main_for1.jpgの場合は、css-1image.txtをご使用ください。
アップロードする画像はメイン画像のみです。ご自分で用意した画像を使い、メイン画像の右〜下が色のみの場合も、css-1image.txtをご参照ください。(css-1image.txtのほうが、画像の準備が楽です)
▼css-2image.txt
お使いになりたいメイン画像が、main_for2.gifの場合は、css-2image.txtをご使用ください。
back_for2.gifも一緒にアップロードしてください。サイト名が読みにくい場合には、gray-alpha80.pngを追加してください。ご自分で用意した画像を使い、メイン画像の右〜下に画像を敷き詰める場合も、css-2image.txtをご参照ください。
- 背景画像入れ替えはOKですが、マニュアル化するのがあまりに大変なので、してません。
- ご自身で画像を用意なさっている場合で、かつ、上記禁止行為にあたらない場合は、このページ左にリンクがある「Adankadan BBS」で質問していただければ、ある程度のヘルプをします。
2. プラグイン
「free_plugin.txt」をエディター(「メモ帳」(notepad)など)で開き、【YourID】という語をすべて、ご自分のアメーバIDに置換してください(「メモ帳」(notepad)ならば「Ctrl+H」で置換メニューが出ます)
ID置換済みのプラグインを、フリープラグインにプラグインを入れてください。(行わないと、メニューが利用できません)
- 《Ameba》界隈ではなぜか「素材屋風」と呼ばれている、記事部スクロールのレイアウトです。
- 「【カスタム可能】ベーシック」「3カラム・左右メニュー」を使用します。
-
「サイドバーの配置」画面で、フリープラグインを右へ、
「最近の記事」「最近のコメント」「ブログ内検索」「テーマ一覧」を左カラムへ動かしてご利用ください。
それ以外のメニューを記事部スクロールに表示するには、カスタマイズが必要です。右カラムに置けばカスタマイズなしで利用可能です。
- 上記禁止行為にあたらない場合は、このページ左にリンクがある「Adankadan BBS」で質問していただければ、ある程度のヘルプをします。
Adan作スキン「初めての・Body編」[2010/01/11]
配布ページ:http://ameblo.jp/templatecss/entry-10783717587.html
-
「初めてのCSSカスタマイズBody編」
略して「初めての・Body編」 - 背景画像を入れ替えて使うことを想定したスキンです。
- 「【カスタム可能】ベーシック」「3カラム・左右メニュー」を使用します。
- 「サイドバーの配置」画面で、メニューをすべて左カラムへ動かしてご利用ください。
- IE6ではメニュー/記事カラムが半透明になりません。
1. CSSファイルの選択
CSSファイルについて。お使いになりたい背景画像が、
「白背景」系の場合には、white-css.txt
「黒背景」系の場合には、black-css.txt
──を、ご使用ください。
「白背景」系の場合には、white-css.txt
「黒背景」系の場合には、black-css.txt
──を、ご使用ください。
2. 使用画像の選択
- 同梱ファイル数は多いのですが、アップする画像は、最低限で2枚、ロゴを入れても3枚だけです。
5. 画像1:αチャネルpngの選択
αチャネルpngは、「画像フォルダー」にアップしてください。
「白背景」系の場合には、white-alpha80.png
(もっと透過させたい場合は、white-alpha60.png、white-alpha40.pngも同梱)
「黒背景」系の場合には、black-alpha80.png
(もっと透過させたい場合は、black-alpha60.png、black-alpha40.pngも同梱)
──を、ご使用ください。
「白背景」系の場合には、white-alpha80.png
(もっと透過させたい場合は、white-alpha60.png、white-alpha40.pngも同梱)
「黒背景」系の場合には、black-alpha80.png
(もっと透過させたい場合は、black-alpha60.png、black-alpha40.pngも同梱)
──を、ご使用ください。
3. 画像2:背景画像
- いちおう同梱もしていますが、「変更の練習用」程度です。自由に変更してご使用ください。
- ご自身で撮影した写真や、お描きになったイラストを入れれば、「ご自身だけのスキン」が簡単にできます。
- 素材サイトさんで配布されている「右下固定」「右上固定」背景も、使えます(素材サイトごとに規約が異なります。規約を守ってお借りください)。
- 素材サイトさん以外でイラストや写真をお借りするときは、作者の許可をいただいてから、作者サイトにリンクをはって、使いましょう(一般常識的なマナーです)。
-
CSS中「1)-1 ページ背景(メイン画像)」(検索=「ctrl+f」)のbody背景指定に、色指定・位置指定を加えてお使いください。
[white-ffcccc.jpg]は「ちゃぶらし」をお借りして作成。
「白背景」系:
white-ffcccc.jpg
white-66ccff.jpg
white-ffffff.jpg
「黒背景」系:
black-000000.jpg
4. 画像3:メニューロゴについて
使っても使わなくてもかまいません。
1.ロゴ画像は3フォント同梱しました。お好きなものを選択してアップロードし、画像URLを、CSSファイル「logo-css.txt」の画像URL部分に入力してください。
logo-garton.gif
logo-garton-black.gif(黒背景用)
logo-ptsans.gif
logo-ptsans-black.gif(黒背景用)
logo-mountainofchristmas.gif
logo-mountainofchristmas-black.gif(黒背景用)
2.画像URLを入力した「logo-css.txt」を、white-css.txtの後ろに追加してご利用ください。
1.ロゴ画像は3フォント同梱しました。お好きなものを選択してアップロードし、画像URLを、CSSファイル「logo-css.txt」の画像URL部分に入力してください。
logo-garton.giflogo-garton-black.gif(黒背景用)
logo-ptsans.giflogo-ptsans-black.gif(黒背景用)
logo-mountainofchristmas.giflogo-mountainofchristmas-black.gif(黒背景用)
2.画像URLを入力した「logo-css.txt」を、white-css.txtの後ろに追加してご利用ください。
◆ 謝辞
配布に関しては、グルっぽ「アメブロスキン(カスタマイズ)を無料で作っちゃうよ!(仮称)」の管理人ゲバさんのお世話になります。ありがとうございます!
CSSの一部は、「アメブロ向上企画書」を参考にさせていただきました。記して感謝します。
CSSの一部は、「アメブロ向上企画書」を参考にさせていただきました。記して感謝します。
◎