FC2ブログ共有テンプレートについて
2008.08.18 (Mon) : 過去情報

※ご注意:この記事は過去の情報で、すでに役に立ちません!
【テンプレート利用規約】
■カスタマイズ
・カスタマイズはOKですが、カスタマイズ後の再配布・共有登録等は禁止です。
・当方の著作権、FC2の広告の削除(位置の移動は可)は禁止です。
■使用制限
・FC2ブログの利用規約内のコンテンツであれば使用可です。
・FC2ブログ専用テンプレートですので、他ブログへの流用などは禁止です。
【共通項目】
レイアウト確認環境
WindowsXP:IE6、IE7、Firefox2、Opera9.51、Safari3.1.2forWin、Chrome0.2
他OS、ブラウザでの不具合はご報告頂けると助かります。
不具合箇所の修正は各テンプレートの「追加修正」に沿って修正してください。
【免責事項】
当方では、提供する情報の品質についてはいかなる保証も行っておらず、情報の提供の中止、欠陥およびそれらが原因で発生した損失や損害については一切責任を負いません。当方が紹介しているウェブサイトやソフトウェアの合法性、正確性、道徳性、最新性、適切性、著作権の許諾や有無など、その内容については一切の保証を致しかねます。 ご使用に関してはすべてご自身の責任と判断においてお願い致します。
【共有テンプレート一覧】
テンプレート名:pepalife_kuro
カスタマイズOK。シンプルな2カラム・プラグイン対応。大きめの写真ブログ(このブログ)を想定して作成しました。
【特徴】
写真が映えるグレー系の背景色を中心のシンプルなデザイン。
ヘッダー右のリンク(非表示/表示)にサイト内検索、ユーザータグ検索、RSS+Bookmarkを組み込み済み。記事フッター部分にもソーシャルブックマークのボタンを組み込み済み。
【プラグインの位置】
左カラムの上からプラグイン1、プラグイン2
右カラムの一番下の点線の上にプラグイン3
【追加修正】
※2008.12.14 FC2ブックマークが上手く出来ない不具合の修正方法
FC2ブックマークが上手く出来ない不具合を確認しました。
修正するには、
<a href="javascript:location.href='http://bookmark.fc2.com/user/post?url='+encodeURIComponent(location.href)+'&title='+encodeURIComponent(document.title)" title="FC2ブックマークへ追加" target="_blank"><img~
のタグの部分の「 target="_blank"」を削除して下さい。タイトル下位置と記事の下部位置の2箇所あります。
※2008.09.06 Safari & Google Chromeでの表示不具合を修正するタグ
上記ブラウザで表示不具合(body上下、サイト名上下、記事タイトル上下、段落上下、プラグインのリスト左などの間隔が広い)があり、それを修正するタグを公開します。→不具合詳細
スタイルシート(CSS)のデフォルトの辺りに下記タグを追加してください。
【ヘルプ】
■記事の下に表示されるtheme、genre、tagの部分を無くすには?
theme、genre、が含まれる<!--community-->~<!--/community-->の部分とtagが含まれる<!--topentry_tag-->~<!--/topentry_tag-->を削除してください。
■記事の文字の色を変えたい
スタイルシートの「デフォルト」bodyのcolor:#333333;/*文字色*/を好みの色に変更してください。ちなみにこのブログは#ddddddです。
■インフォメーション内の背景色を変えたい
スタイルシートの「右カラム記事部分エリア」、/*インフォメーション*/の#infom2のbackground-colorを変更してください。
■記事タイトルの文字のサイズや色を変えたい
スタイルシートの「右カラム記事部分エリア」、「h2~/*記事タイトル*/」はこちらのミスで必要無いタグでしたので削除して、その下の「h2.entry_header,h3.entry_header~/*タイトル*/」というタグを下記のように別々に書き直してから、colorやfont-sizeを変更してください。
h2.entry_header{text-align: left;color: #A1A1A1;padding:5px;font-size:12px;font-weight: bold;}/*記事タイトル*/
h3.entry_header{text-align: left;color: #A1A1A1;padding:5px;font-size:12px;font-weight: bold;}/*TB・コメント・タイトル*/
■最下部のナビゲーションの位置をプラグイン3の下にする
「<div class="page_navi">~</div><!--/page_navi-->」のタグを「<!--↓プラグイン3-->~<!--/plugin-->」のタグの下に移動させてください。
【テンプレート利用規約】
■カスタマイズ
・カスタマイズはOKですが、カスタマイズ後の再配布・共有登録等は禁止です。
・当方の著作権、FC2の広告の削除(位置の移動は可)は禁止です。
■使用制限
・FC2ブログの利用規約内のコンテンツであれば使用可です。
・FC2ブログ専用テンプレートですので、他ブログへの流用などは禁止です。
【共通項目】
レイアウト確認環境
WindowsXP:IE6、IE7、Firefox2、Opera9.51、Safari3.1.2forWin、Chrome0.2
他OS、ブラウザでの不具合はご報告頂けると助かります。
不具合箇所の修正は各テンプレートの「追加修正」に沿って修正してください。
【免責事項】
当方では、提供する情報の品質についてはいかなる保証も行っておらず、情報の提供の中止、欠陥およびそれらが原因で発生した損失や損害については一切責任を負いません。当方が紹介しているウェブサイトやソフトウェアの合法性、正確性、道徳性、最新性、適切性、著作権の許諾や有無など、その内容については一切の保証を致しかねます。 ご使用に関してはすべてご自身の責任と判断においてお願い致します。
【共有テンプレート一覧】

カスタマイズOK。シンプルな2カラム・プラグイン対応。大きめの写真ブログ(このブログ)を想定して作成しました。
【特徴】
写真が映えるグレー系の背景色を中心のシンプルなデザイン。
ヘッダー右のリンク(非表示/表示)にサイト内検索、ユーザータグ検索、RSS+Bookmarkを組み込み済み。記事フッター部分にもソーシャルブックマークのボタンを組み込み済み。
【プラグインの位置】
左カラムの上からプラグイン1、プラグイン2
右カラムの一番下の点線の上にプラグイン3
【追加修正】
※2008.12.14 FC2ブックマークが上手く出来ない不具合の修正方法
FC2ブックマークが上手く出来ない不具合を確認しました。
修正するには、
<a href="javascript:location.href='http://bookmark.fc2.com/user/post?url='+encodeURIComponent(location.href)+'&title='+encodeURIComponent(document.title)" title="FC2ブックマークへ追加" target="_blank"><img~
のタグの部分の「 target="_blank"」を削除して下さい。タイトル下位置と記事の下部位置の2箇所あります。
※2008.09.06 Safari & Google Chromeでの表示不具合を修正するタグ
上記ブラウザで表示不具合(body上下、サイト名上下、記事タイトル上下、段落上下、プラグインのリスト左などの間隔が広い)があり、それを修正するタグを公開します。→不具合詳細
スタイルシート(CSS)のデフォルトの辺りに下記タグを追加してください。
【ヘルプ】
■記事の下に表示されるtheme、genre、tagの部分を無くすには?
theme、genre、が含まれる<!--community-->~<!--/community-->の部分とtagが含まれる<!--topentry_tag-->~<!--/topentry_tag-->を削除してください。
■記事の文字の色を変えたい
スタイルシートの「デフォルト」bodyのcolor:#333333;/*文字色*/を好みの色に変更してください。ちなみにこのブログは#ddddddです。
■インフォメーション内の背景色を変えたい
スタイルシートの「右カラム記事部分エリア」、/*インフォメーション*/の#infom2のbackground-colorを変更してください。
■記事タイトルの文字のサイズや色を変えたい
スタイルシートの「右カラム記事部分エリア」、「h2~/*記事タイトル*/」はこちらのミスで必要無いタグでしたので削除して、その下の「h2.entry_header,h3.entry_header~/*タイトル*/」というタグを下記のように別々に書き直してから、colorやfont-sizeを変更してください。
h2.entry_header{text-align: left;color: #A1A1A1;padding:5px;font-size:12px;font-weight: bold;}/*記事タイトル*/
h3.entry_header{text-align: left;color: #A1A1A1;padding:5px;font-size:12px;font-weight: bold;}/*TB・コメント・タイトル*/
■最下部のナビゲーションの位置をプラグイン3の下にする
「<div class="page_navi">~</div><!--/page_navi-->」のタグを「<!--↓プラグイン3-->~<!--/plugin-->」のタグの下に移動させてください。
スポンサード リンク

庄屋弁当さん (2009-06-29) edit
テンプレートお借りしています。
僕は、映画ブログをかくつもりなのですが、インフォメーションのところに写真を載せたいのです。やり方を教えて頂きたいのですが・・・・・・。
よろしくお願いします。
僕は、映画ブログをかくつもりなのですが、インフォメーションのところに写真を載せたいのです。やり方を教えて頂きたいのですが・・・・・・。
よろしくお願いします。
Hotta(管)さん (2009-06-29) edit
私の作ったテンプレートをご利用頂きありがとうございます。
インフォメーションに写真を載せるには、
<!--↓インフォメの内容ここから-->
というタグの下に
<img src="画像のパス" width="画像の横幅" height="画像の縦幅" alt="画像の説明" /><br />
というタグを追加して下さい。
画像のパスというのは、「ファイルのアップロード」で画像をアップした時の画像のURLの事です。画像の上で右クリック→プロパティでも見れます。
画像の幅は、たとえば「400px」なら「400」と記入します。
altには画像内の文章などを記入します。
インフォメーション枠内の画像の回りに隙間がないようにする場合は、<div id="infom2">の下に入れて下さい。
なお、このブログの場合は、スタイルシートのインフォメーションの部分に
#infom2{border:1px solid #cbcbcb;margin:0px 2px 15px;text-align:left;background-image:url(http://blog-imgs-26.fc2.com/p/e/p/pepalife/villegeyou_bg2.png);background-repeat:no-repeat;background-color:#5D5D5D;}/*インフォメ背景色*/
#infom3{margin:184px 5px 5px;}/*インフォメ・テキスト部分*/
という感じで背景画像として表示させています。
インフォメーションに写真を載せるには、
<!--↓インフォメの内容ここから-->
というタグの下に
<img src="画像のパス" width="画像の横幅" height="画像の縦幅" alt="画像の説明" /><br />
というタグを追加して下さい。
画像のパスというのは、「ファイルのアップロード」で画像をアップした時の画像のURLの事です。画像の上で右クリック→プロパティでも見れます。
画像の幅は、たとえば「400px」なら「400」と記入します。
altには画像内の文章などを記入します。
インフォメーション枠内の画像の回りに隙間がないようにする場合は、<div id="infom2">の下に入れて下さい。
なお、このブログの場合は、スタイルシートのインフォメーションの部分に
#infom2{border:1px solid #cbcbcb;margin:0px 2px 15px;text-align:left;background-image:url(http://blog-imgs-26.fc2.com/p/e/p/pepalife/villegeyou_bg2.png);background-repeat:no-repeat;background-color:#5D5D5D;}/*インフォメ背景色*/
#infom3{margin:184px 5px 5px;}/*インフォメ・テキスト部分*/
という感じで背景画像として表示させています。
庄屋弁当さん (2009-07-06) edit
おかげ様で、インフォメに写真を載せることができました。
すごく嬉しいです。ありがとうございます。
お忙しいところ、もう一つ教えてもらっていいですか?
左のプラグインのタイトルの色を青っぽくして
そのプラグインの枠も同色にしたいのですが
どうしたらいいですか?
あ、お礼に何かできることはないですか?
拍手をクリックしたらいいんですかね?
すごく嬉しいです。ありがとうございます。
お忙しいところ、もう一つ教えてもらっていいですか?
左のプラグインのタイトルの色を青っぽくして
そのプラグインの枠も同色にしたいのですが
どうしたらいいですか?
あ、お礼に何かできることはないですか?
拍手をクリックしたらいいんですかね?
Hotta(管)さん (2009-07-06) edit
いつもありがとう御座います。
左のプラグインのカスタマイズですが、スタイルシート編集の.sidemenu_body .plg_titleというところの{ から }の中を下記に変更してみて下さい。#6eaff8というのはカラーコードですので、色の変更はここを変えればできます。
.sidemenu_body .plg_title {
color: #6EAFF8;
border:1px solid #6EAFF8;
margin-left:0px 2px;
padding: 3px 5px;
font-weight: bold;
}
また、なにかあればコメントして下さい。
左のプラグインのカスタマイズですが、スタイルシート編集の.sidemenu_body .plg_titleというところの{ から }の中を下記に変更してみて下さい。#6eaff8というのはカラーコードですので、色の変更はここを変えればできます。
.sidemenu_body .plg_title {
color: #6EAFF8;
border:1px solid #6EAFF8;
margin-left:0px 2px;
padding: 3px 5px;
font-weight: bold;
}
また、なにかあればコメントして下さい。
-さん (2014-09-29) edit
このコメントは管理人のみ閲覧できます
ひと言でいいので、気軽にコメントしていってください!
あなたのそのひと言がこのブログ運営の原動力なのです。よろしくお願いします。
あなたのそのひと言がこのブログ運営の原動力なのです。よろしくお願いします。
関連記事:過去情報
-
FC2ブログ共有テンプレートについて