シンプルブログデザイン

黒背景ベースで蛍光色をアクセントにしたFC2ブログ（無料ブログ）用のテンプレです。
未登録の方はこちらからFC2ブログを登録してご利用ください。

今回作成したテンプレ（テンプレ型番「a00001…_6」）は２カラム右サイドバー型で、ベースのXHTMLはこれまでのものとほぼ同じですが、SEO対策で少し改良を加えてあります。CSSはデザイン的に細部を変更しました。色は赤、オレンジ、黄色、ライトブルー、シルバーの計５パターン。 中心部上下に配置したプラグインはトップページのみで表示されます。常時表示させたい場合は、＜!--index_area--＞と＜!--/index_area--＞を外してください。
当テンプレの使用は無料です。利用規約に同意の上、ご利用ください･ｖ･　｡)ﾉ

未登録の方はこちらからFC2ブログを登録、
下のHTMLとCSSをそれぞれを右クリックでデスクトップ等に保存し、
「テンプレートの設定」のHTML部分とCSS部分に貼り付け保存してご利用ください
画像をクリックするとサンプルが表示されます･ｖ･　｡)ﾉ

a-00001blackred2r_6 HTML/ CSS

a-00001blackorange2r_6 HTML/ CSS

a-00001blackyellow2r_6 HTML/ CSS

a-00001blackblue2r_6 HTML/ CSS

a-00001blacksilver2r_6 HTML/ CSS

ﾎﾟﾁｯと応援おねがいしまーす｀･ω･´)σ

白ベースでグレーをアクセントにしたFC2ブログ（無料ブログ）用のテンプレです。
未登録の方はこちらからFC2ブログを登録してご利用ください。

今回作成したテンプレ（テンプレ型番「a00001…_5」）は２カラム右サイドバー型で、ベースのXHTMLはこれまでのものとほぼ同じ、CSSはデザイン的に細部を変更してあります。色はピンク、ライトブルー、ライトグリーンのパステルカラー３色と渋めのグレーの計４種類。 中心部上下に配置したプラグインはトップページのみで表示されます。常時表示させたい場合は、＜!--index_area--＞と＜!--/index_area--＞を外してください。
当テンプレの使用は無料。利用規約に同意の上、ご利用ください･ｖ･　｡)ﾉ

未登録の方はこちらからFC2ブログを登録、
下のHTMLとCSSをそれぞれを右クリックでデスクトップ等に保存し、
「テンプレートの設定」のHTML部分とCSS部分に貼り付け保存してご利用ください。
画像をクリックするとサンプルが表示されます･ｖ･　｡)ﾉ

a-00001pink2right_5 HTML/ CSS	a-00001lightblue2right_5 HTML/ CSS
a-00001lightgreen2right_5 HTML/ CSS	a-00001gray2right_5 HTML/ CSS

ﾎﾟﾁｯと応援おねがいしまーす｀･ω･´)σ

白ベースでグレーをアクセントにしたFC2ブログ（無料ブログ）用のテンプレです。
未登録の方はこちらからFC2ブログを登録してご利用ください。

今回作成分（テンプレ型番「a00001…_4」）は、２カラム（右/左）・３カラムの３種類。
中心部上下に配置したプラグインはトップページのみで表示されます。
文字サイズは14pxベースですが、CSSでお好みの大きさに変更してください。
前バージョン（テンプレ型番「a00001…_3」）のXHTMLとCSSを再検証して
さらに綺麗に使いやすく設計し直しました。
利用規約に同意の上、ご利用ください･ｖ･　｡)ﾉ

未登録の方はこちらからFC2ブログを登録、
下のHTMLとCSSをそれぞれを右クリックでデスクトップ等に保存し、
「テンプレートの設定」のHTML部分とCSS部分に貼り付け保存してご利用ください。
（こちらのテンプレートは当ブログ限定公開です）

a-00001gray2left_4 HTML / CSS

a-00001gray2right_4 HTML / CSS

a-00001gray3_4 HTML / CSS

ﾎﾟﾁｯと応援おねがいしまーす｀･ω･´)σ

久しぶりにブログテンプレを作成・公開しました･ｖ･　｡)ﾉ
ライトグリーンの右サイドバー2カラムです。
爽やかな緑色でイイ感じのテンプレに仕上がっています♪（自画自賛＾＾；）
FC2無料ブログ共有テンプレート「a-00001green2right_3」で公開中です。


a-00001green2right_3

すでに公開しているXHTML白バージョン・XHTML黒バージョンの色違いですが、
ブログ記事エントリーの上部プラグインがトップページでのみ表示されるよう
変更しました。SEO対策の一環です。

相変わらず超シンプルデザインですが、よろしければご利用ください☆

テンプレご利用方法→トップページへ

ﾎﾟﾁｯと応援おねがいしまーす｀･ω･´)σ

ブログ全体の表示位置を変更する方法をご説明します(･∀･｀*)

シンプルブログデザインのテンプレートでは


/* 外枠 */

#container{
width: 730px;
margin: 0 auto;
border: silver 1px solid;
}

という部分でブログ全体の表示位置を指定してあります。

margin: 0 auto;

は
外側の余白(margin)を　上下「0」　左右「自動調整」して取る
ということを表しています。

省略形ではなく詳細に書き換えると
上外側余白=0px 右=auto 下=0px 左=auto　（上から時計回り）
と表記すればよい訳ですから

margin: 0px auto 0px auto;

となります。

例えば
ブログ全体を左に寄せたい場合は

margin: 0px auto 0px 0px;

と指定します｡･∀･｡)！


ご質問いただいたユーザー様へ
ブログにパスワードがかかっており訪問レスができませんでしたので
この記事エントリーで代わりとさせていただきました
素敵なブログにしてくださいね☆
今後ともシンプルブログデザインをよろしくおねがいします ・∀・｡)/

ﾎﾟﾁｯと応援おねがいしまーす｀･ω･´)σ