fc2ブログ
スタンダード・ホワイト

 余計なものは、何もいらない。でも、最低限は欲しい。そんなテンプレートを目指して、第一弾が完成しました。
 今回のテンプレートは、ビジネス・情報サイト向けを意識し、白地にグレー基調のアイテムをあしらっています。
 また、テンプレートの改造にも便利なように、テンプレート内にコメントを入れ、構造を出来るだけわかりやすくしています。





テンプレートサイズ

●ヘッダー
900px
●メインカラム
540px
●サイドバー
300px(278px)
●フッター




ブロック構造

<div id="header">
ヘッダー
</div>
<div id="conteinar">
コンテナ
<div id="banner">
ヘッダーバナー
</div>
<div id="main">
メインカラム
</div>
<div id="side">
サイドバー
</div>
<div id="footer">
フッター
</div>
</div>
<div id="fc2ad">
FC2フッター
</div>




強調文字のスタイル変更

文字種タグ表示結果
太字<strong> ~ </strong>サンプル
斜体<i> ~ </i>サンプル
引用<blockquote> ~ </blockquote>
サンプル




カスタマイズしてみよう


 最低限のテンプレート最適化は施してあります。あとは、自由にテンプレートを改造していくだけ。
 簡単にできるカスタマイズから始めてみよう!

①大きなブログパーツや、300pxサイズの広告を美しく表示してみよう。
②サイドバーを左右交換してみよう。
③タイトルロゴで、他のブログに差を付けよう。
④ランキングボタンやブックマークボタンを配置しよう。

 これらのヒントは、カスタマイズカテゴリーの項目にヒントが隠されています。

テンプレート簡単カスタマイズ
シンプルテンプレートのHTMLカスタマイズ詳細
世界のブログパーツ





ヘッダー画像・ロゴをオリジナルに

 このテンプレートには、あえてヘッダーに画像を入れていません。そのかわりにテンプレートのHTML、CSS各部分にそれぞれ分り易く

●バナー●☆★☆ヘッダー画像のカスタマイズHTMLの位置☆★☆
☆ヘッダー画像のカスタマイズ・CSSの位置☆


と、コメントが付け加えられています。HTML、CSSが分かる人は、コチラのHTML部分に「イメージタグ」を記述するか、CSS部分に「バックグランド・イメージ」を記述してください。

■ロゴ作成のチュートリアル
ロゴをデザインしてみよう
CUTIE PHOTOSHOP・キューティーフォトショップアート
 ロゴ | CUTIE PHOTOSHOP・キューティーフォトショップアート

■素材探し
無料写真素材・もみじローカル
きらきらフォントコレクション



テンプレートのダウンロード方法


テンプレートダウンロードは、FC2管理画面の共有テンプレート検索「作者」で

 で、一覧が表示されます。

☆FC2ログイン画面へ
FC2ID


■全テンプレート一覧はこちらから。
テンプレート一覧



 このテンプレートに関してのご質問、不具合は、必ず以下のコメント欄からお願いいたします。FC2サポートやヘルプ等では、恐らく個別のテンプレートに関しての質問は受け付けていないと思いますので…
このエントリーをはてなブックマークに追加
Thu.03.11.2010
Comment
225
承認待ちコメント
このコメントは管理者の承認待ちです

Trackback
Comment Form
質問するときは?
  • 不具合が出ているページのURLを書き込む。
  • 使っているブラウザ(IE、Firefoxなど)を書き込む※IE6はサポート外です。
  • 次の人が確認できるように、使っているテンプレートの記事ページ、或いは各カスタマイズ記事ページにコメントを書きこむ。
コメント時の注意
やっぱり自分で解決したい時
特定の記事のみでレイアウトが崩れる場合
全ページでレイアウトが崩れる場合
メールフォーム
Bookmarks
Page Top
Copyright © SAKILab All Rights Reserved.