「samplebase」(共有テンプレート)
Manannan Mac Lir
「samplebase」について
ヘッダ画像変更カスタマイズ
テンプレートの「編集」・スタイルシートの中で、以下のカスタマイズを行なってください。
カスタマイズ後の共有テンプレート登録について
「samplebase」は、ヘッダ画像を自作なさった場合、共有登録OKです。その際は、HTMLの「desighed by」表示を書き換えてください。(他の方の作成した画像、たとえば、素材サイトさんの画像を、このテンプレートに載せただけでの共有登録は、NGとさせていただきます)
ただ……、画像をかえただけのテンプレートについて、あまり良く思っていない方もいらっしゃるようです。共有登録については自己責任でお願いします。
ヘッダ以外の画像(透過GIFです)は加工再配布OKです。
背景画像:http://blog-imgs-14.fc2.com/m/a/n/manannan/00back.gif
3カラム区切り画像:http://blog-imgs-14.fc2.com/m/a/n/manannan/00back3col.gif
記事タイトル背景:http://blog-imgs-14.fc2.com/m/a/n/manannan/00kiji3colum.gif
メニュータイトル背景:http://blog-imgs-14.fc2.com/m/a/n/manannan/00menu.gif
9/30提出、10/3訂正(moreの表示が変だったorz)
10/30改訂
コメント欄の絵文字機能を追加。
記事中リンク画像の下に下線が入っていたのを除くスクリプトを追加。
11/28情報あり
「samplebase_2」で、あし@+Firefoxで問題が出るとの情報をいただきました。
「samplebase」でも同じ問題が出る場合があります。その場合には
- 公式「sample」をできるだけ崩さずに作成しました。「はじめてのFC2ブログカスタマイズ」を参考にしながらのカスタマイズが可能だと思います。
- プラグイン対応(plugin1,2が脇カラム、plugin3が中央カラム上)
- データバックアップの際の「記事番号と記事タイトルの一覧表」に使えるテーブル形式全記事一覧。
- 記事のなかのリンクは判りやすく、タグリンクは邪魔にならないように、区別しました。
- コメント番号を表示して、直URLを調べやすくしました。
- 全体、記事タイトル、メニュータイトルの背景画像を透過GIFにしてあります。カラーコーディネートが手軽です。
- 複数のブラウザ(IE6,FF2,OPERA9ほか)で表示チェック。(safari2でご迷惑をかけた、chakoさん、sugarさん、ありがとうございました)
ヘッダ画像変更カスタマイズ
テンプレートの「編集」・スタイルシートの中で、以下のカスタマイズを行なってください。
-
ヘッダ画像を替える。
http://blog-imgs-14.fc2.com/m/a/n/manannan/00header.gif
を探して変更してください。(検索:Ctrl+f)
画像サイズ:横760px×縦200pxであれば、CSS調整が不要です。 -
ヘッダ画像の中のタイトル文字の位置調整
div#branding h1{padding:120px 0 0 10px;}
の数字を調整してください。(配布時は、上120px、右0、下0、左10px) -
ヘッダ画像とカラーコーディネートする
スタイルシートをエディター(メモ帳など)にコピー&ペーストしてください。
「#aaa」を好きな色コードで置換してください。(メモ帳の場合は、置換:Ctrl+H)
カスタマイズ後の共有テンプレート登録について
「samplebase」は、ヘッダ画像を自作なさった場合、共有登録OKです。その際は、HTMLの「desighed by」表示を書き換えてください。(他の方の作成した画像、たとえば、素材サイトさんの画像を、このテンプレートに載せただけでの共有登録は、NGとさせていただきます)
ただ……、画像をかえただけのテンプレートについて、あまり良く思っていない方もいらっしゃるようです。共有登録については自己責任でお願いします。
ヘッダ以外の画像(透過GIFです)は加工再配布OKです。
背景画像:http://blog-imgs-14.fc2.com/m/a/n/manannan/00back.gif
3カラム区切り画像:http://blog-imgs-14.fc2.com/m/a/n/manannan/00back3col.gif
記事タイトル背景:http://blog-imgs-14.fc2.com/m/a/n/manannan/00kiji3colum.gif
メニュータイトル背景:http://blog-imgs-14.fc2.com/m/a/n/manannan/00menu.gif
9/30提出、10/3訂正(moreの表示が変だったorz)
10/30改訂
コメント欄の絵文字機能を追加。
記事中リンク画像の下に下線が入っていたのを除くスクリプトを追加。
11/28情報あり
「samplebase_2」で、あし@+Firefoxで問題が出るとの情報をいただきました。
「samplebase」でも同じ問題が出る場合があります。その場合には
<!--画像に線がつくのを取るスクリプト-->
<!script language="JavaScript">
<!!--
document.body.innerHTML=document.body.innerHTML.split('.jpg"').join('.jpg" style="border:none;"');
document.body.innerHTML=document.body.innerHTML.split('.gif"').join('.gif" style="border:none;"');
document.body.innerHTML=document.body.innerHTML.split('.png"').join('.png" style="border:none;"');
focus();
// -->
<!/script>
を削除すると解決するとのことです。 Comment
[44] 管理人のみ閲覧できます
このコメントは管理人のみ閲覧できます
[47] secretのコメントの方
ご要望を感謝しますが、却下とさせていただきます。
FC2のガイドラインが改正になって、アフィリエイトサイトのリンクを入れたテンプレートは登録できなくなったことはご存知でしょうか。FC2のガイドラインを守らない方だったら、テンプレート作者さんの「お願い」も守らないでしょう。もっとオシャレなテンプレートをカスタマイズの元に使うと思います。
FC2のガイドラインが改正になって、アフィリエイトサイトのリンクを入れたテンプレートは登録できなくなったことはご存知でしょうか。FC2のガイドラインを守らない方だったら、テンプレート作者さんの「お願い」も守らないでしょう。もっとオシャレなテンプレートをカスタマイズの元に使うと思います。
[49] 管理人のみ閲覧できます
このコメントは管理人のみ閲覧できます
[50] secretのコメントの方
公式defaultとあと2つの共有テンプレートの、CSSの注釈行を比較しました。おっしゃることについては確認をしたので、記事からお名前は削りました。そのことは知らなかったので、情報には感謝します。
ただ、ユーザーフォーラムに出入りをしていて、あそこからかなり色んなブログに飛んで見ているので、FC2ブログがどういうところかについてはそれなりに知っているつもりです。
アフィリと一口に言っても、いわゆる業者もいれば、日記ブログ・写真ブログにちょっとだけアフィリを置いている人もいます。
「アフィリ禁止」にすれば、「全部お断り」になってしまいます。
それから……。
センスのないテンプレートをいくら出したところでアクセスアップになるとは思えません。本業が写真だったりデザインだったりする人が、素敵なテンプレートを出すなら、FC2ブログユーザーが使える素敵なテンプレートが増えるってことですよね……。もしもブログがビジネスの役に立つのがダメだというのだったら、ブログ全体を「商用禁止」にすべきだって方向に行かないと矛盾しないでしょうか?
似たテンプレートがいっぱい出て鬱になったら、違うパターンの「再配布可」テンプレをもっと出してみることにします。(ーωー)
ただ、ユーザーフォーラムに出入りをしていて、あそこからかなり色んなブログに飛んで見ているので、FC2ブログがどういうところかについてはそれなりに知っているつもりです。
アフィリと一口に言っても、いわゆる業者もいれば、日記ブログ・写真ブログにちょっとだけアフィリを置いている人もいます。
「アフィリ禁止」にすれば、「全部お断り」になってしまいます。
それから……。
センスのないテンプレートをいくら出したところでアクセスアップになるとは思えません。本業が写真だったりデザインだったりする人が、素敵なテンプレートを出すなら、FC2ブログユーザーが使える素敵なテンプレートが増えるってことですよね……。もしもブログがビジネスの役に立つのがダメだというのだったら、ブログ全体を「商用禁止」にすべきだって方向に行かないと矛盾しないでしょうか?
似たテンプレートがいっぱい出て鬱になったら、違うパターンの「再配布可」テンプレをもっと出してみることにします。(ーωー)
[63] どうか、あれでFC2フォーラムを判断しないではいただきたいのですが。
本当はフォーラムで質問していただいたほうが、ぼくが答えられないような質問が出たときでもどなたが救いの手をさしのべてくださるので、望ましいんですけど。フォーラムはその分、いろんな方がいますから。
ぼくは、スキルは不足かもしれないですが、質問をくださった方のブログに、名無しで揶揄コメを入れにいくような卑劣な真似だけはしませんので。
覗いていただけることを祈りつつ、書置きしておきます。
ぼくは、スキルは不足かもしれないですが、質問をくださった方のブログに、名無しで揶揄コメを入れにいくような卑劣な真似だけはしませんので。
覗いていただけることを祈りつつ、書置きしておきます。



