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

 シンプル・クリーミーなテンプレートです。
 ベージュ、クリーム色にワンポイントでビビットを入れています。やわらかい色ですが、シンプルクリアに纏めてみました。

 シンプルですが、テンプレートの利便性も追求してあります。また、今回、ブックマークレット&RSSフィードアイコンに「ツイッター」を追加しました。
 このボタンを押すと、ツイッターの画面を開き、ブログのURLをつぶやき欄の方に自動入力する仕組みです。
 これで、訪問者が「この記事のことツイッターに描きたいな」と思った時のコピペ作業負担を軽減できます。もちろん、自分でも使えます。


テンプレートの特徴


ブックマークボタン&RSSフィードボタン
 グーグル、ヤフーのマイページに、アイコンクリックで簡単に追加できます。
 RSSフィードは多用途に。

 また、はてなブックマーク追加ボタン、ツイッターボタンで、訪問者の煩雑な作業を軽減。ブログが気に入られたのに、お気に入り登録やフィードの追加がめんどくさくてそのまま忘れられる。と言うのを防ぎます。
記事最下部ナビゲーション 次の記事の導入、新着エントリー、タグリストを本文下部に。
 ページを最後まで読み切ってくれた訪問者への利便性を上昇させています。次のページへのリンクや、新着記事が記事本文直下にあり、間髪入れずに次のページへのご案内。訪問者の興味が別のところに移るのを、なるべく抑える仕組みです。
クールなコメントフォーム 綺麗な便箋に必要事項を入力するイメージです。
 ストレートな入力フォームをデザインして、ソフト・クール・シンプルに。
プラグイン2 スキンプラグインです。
 周りの枠や、「カテゴリー」だとか「新着記事」のようなプラグインタイトルが表示されず、プラグインコンテンツのみがそのまま表示されます。
 美しいブログパーツや、広告スペースなどにオススメです。タイトルに「ブログパーツ」とか「フリーエリア」などと表示されてカッコ悪い場合は、プラグイン2へコンテンツを移動してみてください。
プラグイン3
 トップページのみに表示されるプラグインです。
 本文部分に表示されます。



テンプレートサイズ

●ヘッダー
870px
●メインカラム
500px
●サイドバー
210px
●フッター



ブロック構造

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





カスタマイズしてみよう


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

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

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

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




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


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

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

☆FC2ログイン画面へ
FC2ID


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


 このテンプレートに関してのご質問、不具合は、必ず以下のコメント欄からお願いいたします。FC2サポートやヘルプ等では、恐らく個別のテンプレートに関しての質問は受け付けていないと思いますので…
このエントリーをはてなブックマークに追加
Sun.05.16.2010
Comment
199
メインカラムの丸角修正
 もしかして、ボックスの一番上の「丸角」部分でしょうか?
 もしそうであれば、一応下の方法を試してみてください。ちょっと煩雑ですが…。古いテンプレートで、いかんともしがたい部分があるんですが…。

///////////////// HTML部分の変更 //////////////////////////

<!--●メインカラム●-->
<div id="main">
<div class="main_top"></div><div class="main_body">
<!--◎メインエリア◎-->

///////////////////////////////////////////////////////////////////////////

///////////////////////////////////////////////////////////////////////////
<!--●メインカラム●-->
<div class="main_top"></div>
<div id="main">
<div class="main_body">
<!--◎メインエリア◎-->
///////////////////////////////////////////////////////////////////////////


////////////スタイルシート部分の変更///////////////////////
#main{
width:560px;
float:left;
overflow:hidden;
background:url("http://blog-imgs-44.fc2.com/d/e/s/designlabolatory/tampopo-06.gif") repeat-y center top;
}
.main_top{
background:url("http://blog-imgs-44.fc2.com/d/e/s/designlabolatory/tampopo-23.gif") no-repeat center top;
height:32px;
}
///////////////////////////////////////////////////////////////////////////

///////////////////////////////////////////////////////////////////////////
#main,.main_top{
width:560px;
float:left;
overflow:hidden;
background:url("http://blog-imgs-44.fc2.com/d/e/s/designlabolatory/tampopo-06.gif") repeat-y center top;
}
.main_top{
background:transparent url("http://blog-imgs-60.fc2.com/d/e/s/designlabolatory/tampopo-23.png") no-repeat center top;
height:32px;
}
///////////////////////////////////////////////////////////////////////////

 「テンプレートの編集画面」にて、上図のように、それぞれ上の段に描いてある部分を探し、下の部分の記述へまるごと書き換えてみてください。

 「Ctrl+F」キーの「画面内検索」にて、素早く場所を探せるかと思います。

 IE6は切り捨てで、IE7、8は、もしかしたら、かなり凝視したとき色合いが違って見えてしまう可能性がありますが…最新のブラウザであれば、だいたいきちんと表示されると思います。

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