FC2ブログテンプレート aaa design

FC2ブログのテンプレートを作っています。リクエスト、ご質問受付中。

スポンサーサイト

さくらんぼテンプレート

aaa_cherry_2l
さくらんぼを右上に固定。リストマーク画像の小さいチェリー以外は装飾なしのシンプルデザイン。2カラム・幅可変・プラグイン対応。文字は小さめですが環境により変更可能。

FC2ブログ開設 >>

夕焼けテンプレートその2

aaa_sunset2_2s
暗い空色からあかね色のグラデーションがきれいな夕焼けの写真。2カラム・幅固定・プラグイン対応。文字は小さめですが環境により変更可能。トップ画像以外は装飾なしのシンプルデザイン。画像提供:Stare

FC2ブログ開設 >>

チョコレートケーキ茶系テンプレートその2

aaa_chococake2_2l
チョコレートケーキの茶系テンプレ。画像は透過GIFなので背景を変えられます。2カラム・幅可変・プラグイン対応。文字は小さめですが環境により変更可。画像提供:Individualist

FC2ブログ開設 >>

画像の横に文章を配置する

何も指定をせずに画像の後に文章を書くと、画像は左寄りに配置されその下に文章が来ますが、この配置を変える方法です。

「新しく記事を書く」→「ファイルのアップロード」→「(該当ファイルの)記事を書く」をクリックすると、下記のようなタグが挿入されます。

<a href="http://blog-imgs-13.fc2.com/a/a/a/aaadesign/sky.jpg" target="_blank"><img src="http://blog-imgs-13.fc2.com/a/a/a/aaadesign/sky.jpg" alt="sky.jpg" border="0"></a><br clear="all">

これに、この色の部分を書き加えます。前に半角スペースが必要です。そして、<br clear="all">の前に右に配置したい文章を書きます。

<a href="http://blog-imgs-13.fc2.com/a/a/a/aaadesign/sky.jpg" target="_blank"><img src="http://blog-imgs-13.fc2.com/a/a/a/aaadesign/sky.jpg" alt="sky.jpg" border="0" style="float: left; margin-right: 10px;"></a>ここに文章<br clear="all">

sky.jpgこんな感じになりましたか? margin-right: 10px;は、画像の右側に余白を作るためです。

sky.jpg反対に、 style="float: right; margin-left: 10px;"とすると画像は右に寄り、文章は左に配置されます。

FC2ブログ開設 >>

フルーツタルトテンプレート

aaa_fruittart_2l
フルーツタルトの明るめテンプレ。画像は透過させているので背景色を変えてもOK。2カラム・幅可変・プラグイン対応。文字は小さめですが環境により変更可能。画像提供:Individualist

FC2ブログ開設 >>

浮世絵テンプレート

aaa_vidro_2l
浮世絵「ビードロを吹く娘」の和風テンプレ。画像は透過しているので背景色を変えてもOK。2カラム・幅可変・プラグイン対応。文字は小さめですが環境により変更可。

FC2ブログ開設 >>

チョコレートケーキ茶系テンプレート

aaa_chococake_2l
チョコレートケーキの茶系テンプレ。画像は透過させているので背景色を変えてもOK。2カラム・幅可変・プラグイン対応。文字は小さめですが環境により変更可能。画像提供:Individualist

FC2ブログ開設 >>

テンプレートの画像を変更する

テンプレートの画像は各サーバにアップロードしたものにリンクしていますので、まずはご自分のサーバに好きな画像をアップロードする必要があります。
「ツール」→「ファイルアップロード」から行ってください。
完了したら該当の画像をクリックすると、画像ファイルが開きアドレスが得られます。

このようなアドレスになります。この色の部分が、それぞれのブログにより変わります。
http://blogx.fc2.com/y/yyy/file/ooo.jpg

アドレスをコピーしたら、スタイルシートを変更します。
「テンプレートの設定」→「編集」→「スタイルシートの編集」から↓の部分を見つけ(FC2ブログテンプレート aaa design配布のものの場合)この色の部分を書き換えてください。

/* タイトルやサイトの説明を記述するブロック */
div#branding {
background-image: url(http://blog-imgs-13.fc2.com/a/a/a/aaadesign/sunset.jpg);
width: 760px;
height: 250px;
(以下略)

/* 著作表示ブロック */
div#siteinfo-legal {
width: 760px;
background-image: url(http://blog-imgs-13.fc2.com/a/a/a/aaadesign/sunset.jpg);
text-align: center;
clear: both;
(以下略)

これで完了です。

FC2ブログ開設 >>

トップページのみに常に表示する

トップページのみに常に表示させるブロック(たとえばそのブログについての説明、利用規約など)がある場合に使います。
「テンプレートの設定」→「編集」→「HTMLの編集」から、ブロックを表示させたい部分に

<!--index_area-->
ここに内容
<!--/index_area-->

を書き込みます。
ページのどの場所でも有効です。
内容は「新しく記事を書く」で編集し、プレビューで確認してからコピー&ペーストするとよいでしょう。

FC2ブログ開設 >>

夕焼けテンプレート

aaa_sunset_2s
2カラム・幅固定・プラグイン対応・トップページにのみ表示されるフリースペース付き。文字は小さめですが環境により変更可能。夕焼け空の写真です。

FC2ブログ開設 >>

白バラテンプレート

aaa_whiterose_2s
2カラム・幅固定・プラグイン対応・トップページにのみ表示されるフリースペース付き。文字は小さめですが環境により変更可能。白いバラの花束でゴージャスに。

テンプレート利用規約

  • カスタマイズ可。ただし、再配布は禁止です。

  • 著作権表示の下の「FC2ブログテンプレート aaa design」へのリンクは削除しないでください。

  • 公的秩序に反するサイト、他人を誹謗中傷する内容のサイト、アダルト系・出会い系サイトでの使用はご遠慮ください。

  • テンプレートを利用した事によるいかなる損害も、制作者は責任を負いません。

FC2ブログ開設 >>

超シンプル2カラムテンプレート

aaa_simplest_2l
無駄のない超シンプルデザインです。2カラム・幅可変・プラグイン対応。文字は小さめですが環境により変更可能。

テンプレート一覧

現在公開中のテンプレートの一覧表です。
画像またはテンプレート名をクリックすると、デザインが別窓でプレビューできます。

テンプレートのご使用にはFC2ブログのログイン画面から、「テンプレートの設定」→「共有テンプレートから新しくダウンロードする」→「テンプレートサーチ」「キーワード(名前、説明):」にテンプレート名を入力して検索し、ダウンロードしてください。
「ダウンロードしたテンプレートの一覧」で使いたいテンプレートの「適用する」をクリックすれば完了です。

aaa_tomato_2l
夏野菜トマト。リストマーク画像のプチトマト以外は装飾なしのシンプルデザイン。2カラム・幅可変・プラグイン対応。文字は小さめですが環境により変更可能。


aaa_ocean_2s
透きとおった海水。2カラム・幅固定・プラグイン対応。文字は小さめですが環境により変更可能。トップ画像以外は装飾なしのシンプルデザイン。


aaa_privatebeach_2s
涼しげなプライベートビーチ。2カラム・幅固定・プラグイン対応。文字は小さめですが環境により変更可能。トップ画像以外は装飾なしのシンプルデザイン。


aaa_pinkdot_2l
かわいいピンクのピンドットの壁紙に、無駄のないシンプルレイアウト。2カラム・幅可変・プラグイン対応。文字は小さめですが環境により変更可能。


aaa_bluestripe_2l
涼しげな青系ストライプの壁紙に、無駄のないシンプルレイアウト。2カラム・幅可変・プラグイン対応。文字は小さめですが環境により変更可能。


aaa_simple_2l
無駄のない超シンプルデザインです。2カラム・幅可変・プラグイン対応。文字は小さめですが環境により変更可能。


aaa_liquor_2s
バーに並ぶ洋酒のボトル。落ち着いた大人の雰囲気。2カラム・幅固定・プラグイン対応。文字は小さめですが環境により変更可能。トップ画像以外は装飾なしのシンプルデザイン。画像提供:Futta.NET


aaa_cherry_2l
さくらんぼを右上に固定。リストマーク画像の小さいチェリー以外は装飾なしのシンプルデザイン。2カラム・幅可変・プラグイン対応。文字は小さめですが環境により変更可能。


aaa_sunset2_2s
暗い空色からあかね色のグラデーションがきれいな夕焼けの写真。2カラム・幅固定・プラグイン対応。文字は小さめですが環境により変更可能。トップ画像以外は装飾なしのシンプルデザイン。画像提供:Stare


aaa_chococake2_2l
チョコレートケーキとストライプの茶系テンプレ。画像は透過GIFで背景を変えられます。2カラム・幅可変・プラグイン対応。文字は小さめですが環境により変更可。画像提供:Individualist


aaa_fruittart_2l
フルーツタルトの明るめテンプレ。画像は透過させているので背景色を変えてもOK。2カラム・幅可変・プラグイン対応。文字は小さめですが環境により変更可能。画像提供:Individualist


aaa_vidro_2l
浮世絵「ビードロを吹く娘」の和風テンプレ。画像は透過しているので背景色を変えてもOK。2カラム・幅可変・プラグイン対応。文字は小さめですが環境により変更可。


aaa_chococake_2l
チョコレートケーキの茶系テンプレ。画像は透過させているので背景色を変えてもOK。2カラム・幅可変・プラグイン対応。文字は小さめですが環境により変更可能。画像提供:Individualist


aaa_sunset_2s
2カラム・幅固定・プラグイン対応・トップページにのみ表示されるフリースペース付き。文字は小さめですが環境により変更可能。夕焼け空の写真です。


aaa_whiterose_2s
2カラム・幅固定・プラグイン対応・トップページにのみ表示されるフリースペース付き。文字は小さめですが環境により変更可能。白いバラの花束でゴージャスに。


aaa_simplest_2l
無駄のない超シンプルデザインです。2カラム・幅可変・プラグイン対応。文字は小さめですが環境により変更可能。


aaa_simplest_3l
無駄のない超シンプルデザインです。3カラム・幅可変・プラグイン対応。文字は小さめですが環境により変更可能。


aaa_simplest_3s
3カラム・幅固定・プラグイン対応・トップページにのみ表示されるフリースペース付き。文字は小さめですが環境により変更可能。超シンプルデザインです。幅可変バージョンもあり。

FC2ブログ開設 >>

Top

HOME