上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
FC2用テンプレート・スーパーシンプル


 限界までシンプルに仕上げたテンプレートです。ヘッダーはサイドバー最上部へ。
 細かいところは丁寧に仕上げているので、安っぽくはないと思います。邪魔をせず、それでもちょっと気の利いたサイドバーになっていると思います。

 サイドには、大きなブログパーツや、300pxアドセンスを持ってこれますし、「プラグイン2」に入れた部品は、タイトルも何も表示されない仕様で、プラグインのアイテムのみが表示されるようになっています。サイドバーの下部に表示されます。

 HTMLがある程度分かる方は、どんどん色々なアイテムを放り込んでみてください。どんな色にも染まれるテンプレートです。



テンプレートサイズ

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




ブロック構造

<div id="conteinar">
コンテナ
<div id="main">
メインカラム
</div>
<div id="header">
ヘッダー</div>
<div id="side">
サイドバー
(プラグイン1)
サイドバー
(プラグイン2)
</div>
</div>




強調文字のスタイル変更

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




カスタマイズしてみよう


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

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

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

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




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

 このテンプレートには、あえてヘッダーに画像を入れていません。
 オリジナルのロゴ画像を挿入し、他のブログに差を付けることを考慮に入れてデザインしています。

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

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




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


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

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

☆FC2ログイン画面へ
FC2ID


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


 このテンプレートに関してのご質問、不具合は、必ず以下のコメント欄からお願いいたします。FC2サポートやヘルプ等では、恐らく個別のテンプレートに関しての質問は受け付けていないと思いますので…
このエントリーをはてなブックマークに追加
Fri.03.19.2010
Comment
3
Java scriptの挿入
初めまして。今日からお借りしています。
シンプルなデザインで非常に気に入っています。ありがとうございます。

サイドバーの「プラグイン1」へのブログパーツの配置!!すばらしいです。早速、チャレンジさせて頂き 以下のJava Scriptを入れてプレビューすると表示されていたプラグイン2のプロフィール、最近の記事、最近のコメント、・・・以降全て表示されなくなってしまいます。

<script language="javascript" type="text/javascript"
src="http://www.kvbkunlun.com/jp/rates/CaculateJPYRemittance.html">

以前、CSSを利用した別のサイトで、上記Javaを読み込んだ後は、それまでに読み込んでいない部分は、読み込めず 表示できない問題があったので、同じ原因なのでしょうか? やっぱりJavaはだめなのでしょうか・・・

何か対策があれば、教えて頂けませんか? 

4
Re: Java scriptの挿入
 テンプレ気に入っていただいてありがとうございます☆

 で、その問題なのですが恐らく「</script>」という「閉じタグ」が抜けている可能性があります。
 なので、

「<script language="javascript" type="text/javascript"
src="http://www.kvbkunlun.com/jp/rates/CaculateJPYRemittance.html"></script>」と書き直してお試しください。

5
Java scriptの挿入
早速</script>で閉じてみましたところ、正常に表示されました。
ありがとうございました。

テンプレですが、細部まで行き届いていますね。
普通のテンプレだとフッターあたりになると ちょっとごちゃごちゃになったりするのに、このテンプレートは 素敵です。ありがとうございます。

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